@lobehub/ui 5.58.0 → 5.60.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/ActionIcon/style.mjs +8 -2
- package/es/ActionIcon/style.mjs.map +1 -1
- package/es/Grid/style.mjs +8 -8
- package/es/Grid/style.mjs.map +1 -1
- package/es/awesome/Grainient/Grainient.d.mts +11 -0
- package/es/awesome/Grainient/Grainient.mjs +311 -0
- package/es/awesome/Grainient/Grainient.mjs.map +1 -0
- package/es/awesome/Grainient/index.d.mts +3 -0
- package/es/awesome/Grainient/style.mjs +25 -0
- package/es/awesome/Grainient/style.mjs.map +1 -0
- package/es/awesome/Grainient/type.d.mts +122 -0
- package/es/awesome/index.d.mts +4 -1
- package/es/awesome/index.mjs +2 -1
- package/es/base-ui/ActionIcon/style.mjs +8 -2
- package/es/base-ui/ActionIcon/style.mjs.map +1 -1
- package/es/base-ui/Input/style.mjs +8 -2
- package/es/base-ui/Input/style.mjs.map +1 -1
- package/es/dashboard/AuthLayout/Aside.d.mts +10 -0
- package/es/dashboard/AuthLayout/Aside.mjs +30 -0
- package/es/dashboard/AuthLayout/Aside.mjs.map +1 -0
- package/es/dashboard/AuthLayout/AuthLayout.d.mts +3 -1
- package/es/dashboard/AuthLayout/AuthLayout.mjs +93 -37
- package/es/dashboard/AuthLayout/AuthLayout.mjs.map +1 -1
- package/es/dashboard/AuthLayout/index.d.mts +3 -2
- package/es/dashboard/AuthLayout/style.mjs +120 -1
- package/es/dashboard/AuthLayout/style.mjs.map +1 -1
- package/es/dashboard/AuthLayout/type.d.mts +39 -3
- package/es/dashboard/AuthTools/AuthLocaleSwitch.d.mts +10 -0
- package/es/dashboard/AuthTools/AuthLocaleSwitch.mjs +32 -0
- package/es/dashboard/AuthTools/AuthLocaleSwitch.mjs.map +1 -0
- package/es/dashboard/AuthTools/AuthThemeSwitch.d.mts +10 -0
- package/es/dashboard/AuthTools/AuthThemeSwitch.mjs +59 -0
- package/es/dashboard/AuthTools/AuthThemeSwitch.mjs.map +1 -0
- package/es/dashboard/AuthTools/index.d.mts +4 -0
- package/es/dashboard/AuthTools/style.mjs +63 -0
- package/es/dashboard/AuthTools/style.mjs.map +1 -0
- package/es/dashboard/AuthTools/type.d.mts +30 -0
- package/es/dashboard/ChartGrid/ChartGrid.d.mts +10 -0
- package/es/dashboard/ChartGrid/ChartGrid.mjs +18 -0
- package/es/dashboard/ChartGrid/ChartGrid.mjs.map +1 -0
- package/es/dashboard/ChartGrid/index.d.mts +3 -0
- package/es/dashboard/ChartGrid/style.mjs +32 -0
- package/es/dashboard/ChartGrid/style.mjs.map +1 -0
- package/es/dashboard/ChartGrid/type.d.mts +9 -0
- package/es/dashboard/ConsoleNav/Skeleton.d.mts +15 -0
- package/es/dashboard/ConsoleNav/Skeleton.mjs +81 -0
- package/es/dashboard/ConsoleNav/Skeleton.mjs.map +1 -0
- package/es/dashboard/ConsoleNav/index.d.mts +3 -2
- package/es/dashboard/ConsoleNav/style.mjs +15 -0
- package/es/dashboard/ConsoleNav/style.mjs.map +1 -1
- package/es/dashboard/ConsoleNav/type.d.mts +14 -1
- package/es/dashboard/ConsoleShell/ConsoleShell.d.mts +1 -1
- package/es/dashboard/ConsoleShell/ConsoleShell.mjs +22 -6
- package/es/dashboard/ConsoleShell/ConsoleShell.mjs.map +1 -1
- package/es/dashboard/ConsoleShell/style.mjs +21 -0
- package/es/dashboard/ConsoleShell/style.mjs.map +1 -1
- package/es/dashboard/ConsoleShell/type.d.mts +11 -0
- package/es/dashboard/FilterSidebar/FilterSidebar.mjs +18 -17
- package/es/dashboard/FilterSidebar/FilterSidebar.mjs.map +1 -1
- package/es/dashboard/FilterStrip/FilterStrip.d.mts +11 -0
- package/es/dashboard/FilterStrip/FilterStrip.mjs +55 -0
- package/es/dashboard/FilterStrip/FilterStrip.mjs.map +1 -0
- package/es/dashboard/FilterStrip/index.d.mts +3 -0
- package/es/dashboard/FilterStrip/style.mjs +94 -0
- package/es/dashboard/FilterStrip/style.mjs.map +1 -0
- package/es/dashboard/FilterStrip/type.d.mts +26 -0
- package/es/dashboard/LabelWithKey/LabelWithKey.d.mts +10 -0
- package/es/dashboard/LabelWithKey/LabelWithKey.mjs +18 -0
- package/es/dashboard/LabelWithKey/LabelWithKey.mjs.map +1 -0
- package/es/dashboard/LabelWithKey/index.d.mts +3 -0
- package/es/dashboard/LabelWithKey/type.d.mts +12 -0
- package/es/dashboard/MetricStrip/MetricCell.mjs +81 -0
- package/es/dashboard/MetricStrip/MetricCell.mjs.map +1 -0
- package/es/dashboard/MetricStrip/MetricStrip.d.mts +13 -0
- package/es/dashboard/MetricStrip/MetricStrip.mjs +47 -0
- package/es/dashboard/MetricStrip/MetricStrip.mjs.map +1 -0
- package/es/dashboard/MetricStrip/index.d.mts +3 -0
- package/es/dashboard/MetricStrip/style.mjs +161 -0
- package/es/dashboard/MetricStrip/style.mjs.map +1 -0
- package/es/dashboard/MetricStrip/type.d.mts +37 -0
- package/es/dashboard/PageSkeleton/PageSkeleton.mjs +20 -18
- package/es/dashboard/PageSkeleton/PageSkeleton.mjs.map +1 -1
- package/es/dashboard/PageSkeleton/style.mjs +1 -1
- package/es/dashboard/PageSkeleton/style.mjs.map +1 -1
- package/es/dashboard/PageToolbar/PageToolbar.d.mts +10 -0
- package/es/dashboard/PageToolbar/PageToolbar.mjs +21 -0
- package/es/dashboard/PageToolbar/PageToolbar.mjs.map +1 -0
- package/es/dashboard/PageToolbar/index.d.mts +3 -0
- package/es/dashboard/PageToolbar/style.mjs +34 -0
- package/es/dashboard/PageToolbar/style.mjs.map +1 -0
- package/es/dashboard/PageToolbar/type.d.mts +12 -0
- package/es/dashboard/PanelSurface/PanelSurface.d.mts +10 -0
- package/es/dashboard/PanelSurface/PanelSurface.mjs +39 -0
- package/es/dashboard/PanelSurface/PanelSurface.mjs.map +1 -0
- package/es/dashboard/PanelSurface/index.d.mts +3 -0
- package/es/dashboard/PanelSurface/style.mjs +24 -0
- package/es/dashboard/PanelSurface/style.mjs.map +1 -0
- package/es/dashboard/PanelSurface/type.d.mts +18 -0
- package/es/dashboard/Section/Section.d.mts +10 -0
- package/es/dashboard/Section/Section.mjs +81 -0
- package/es/dashboard/Section/Section.mjs.map +1 -0
- package/es/dashboard/Section/index.d.mts +3 -0
- package/es/dashboard/Section/style.mjs +35 -0
- package/es/dashboard/Section/style.mjs.map +1 -0
- package/es/dashboard/Section/type.d.mts +24 -0
- package/es/dashboard/StatCard/StatCard.d.mts +2 -1
- package/es/dashboard/StatCard/StatCard.mjs +24 -72
- package/es/dashboard/StatCard/StatCard.mjs.map +1 -1
- package/es/dashboard/StatCard/type.d.mts +16 -5
- package/es/dashboard/Surface/Surface.d.mts +4 -3
- package/es/dashboard/Surface/Surface.mjs +83 -7
- package/es/dashboard/Surface/Surface.mjs.map +1 -1
- package/es/dashboard/Surface/index.d.mts +3 -2
- package/es/dashboard/Surface/link.d.mts +19 -0
- package/es/dashboard/Surface/link.mjs +33 -0
- package/es/dashboard/Surface/link.mjs.map +1 -0
- package/es/dashboard/Surface/style.d.mts +45 -3
- package/es/dashboard/Surface/style.mjs +358 -8
- package/es/dashboard/Surface/style.mjs.map +1 -1
- package/es/dashboard/Surface/type.d.mts +30 -2
- package/es/dashboard/TableIconActions/TableIconActions.d.mts +17 -0
- package/es/dashboard/TableIconActions/TableIconActions.mjs +39 -0
- package/es/dashboard/TableIconActions/TableIconActions.mjs.map +1 -0
- package/es/dashboard/TableIconActions/index.d.mts +3 -0
- package/es/dashboard/TableIconActions/type.d.mts +18 -0
- package/es/dashboard/TitleWithTips/TitleWithTips.d.mts +10 -0
- package/es/dashboard/TitleWithTips/TitleWithTips.mjs +28 -0
- package/es/dashboard/TitleWithTips/TitleWithTips.mjs.map +1 -0
- package/es/dashboard/TitleWithTips/index.d.mts +3 -0
- package/es/dashboard/TitleWithTips/type.d.mts +11 -0
- package/es/dashboard/index.d.mts +38 -4
- package/es/dashboard/index.mjs +17 -3
- package/package.json +1 -1
- package/es/dashboard/StatCard/style.mjs +0 -135
- package/es/dashboard/StatCard/style.mjs.map +0 -1
package/es/dashboard/index.d.mts
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
1
|
-
import { AuthLayoutProps } from "./AuthLayout/type.mjs";
|
|
1
|
+
import { AuthLayoutAsideProps, AuthLayoutBackground, AuthLayoutProps, AuthLayoutVariant } from "./AuthLayout/type.mjs";
|
|
2
|
+
import AuthLayoutAside from "./AuthLayout/Aside.mjs";
|
|
2
3
|
import AuthLayout from "./AuthLayout/AuthLayout.mjs";
|
|
3
4
|
import "./AuthLayout/index.mjs";
|
|
5
|
+
import { AuthLocaleOption, AuthLocaleSwitchProps, AuthThemeMode, AuthThemeSwitchProps } from "./AuthTools/type.mjs";
|
|
6
|
+
import AuthLocaleSwitch from "./AuthTools/AuthLocaleSwitch.mjs";
|
|
7
|
+
import AuthThemeSwitch from "./AuthTools/AuthThemeSwitch.mjs";
|
|
8
|
+
import "./AuthTools/index.mjs";
|
|
4
9
|
import { BreadcrumbItem, BreadcrumbProps } from "./Breadcrumb/type.mjs";
|
|
5
10
|
import Breadcrumb from "./Breadcrumb/Breadcrumb.mjs";
|
|
6
11
|
import "./Breadcrumb/index.mjs";
|
|
7
|
-
import {
|
|
12
|
+
import { ChartGridProps } from "./ChartGrid/type.mjs";
|
|
13
|
+
import ChartGrid from "./ChartGrid/ChartGrid.mjs";
|
|
14
|
+
import "./ChartGrid/index.mjs";
|
|
15
|
+
import { ConsoleNavGroup, ConsoleNavItem, ConsoleNavProps, ConsoleNavSkeletonProps } from "./ConsoleNav/type.mjs";
|
|
8
16
|
import { resolveActiveHref } from "./ConsoleNav/active.mjs";
|
|
9
17
|
import ConsoleNav from "./ConsoleNav/ConsoleNav.mjs";
|
|
18
|
+
import ConsoleNavSkeleton, { ConsoleFooterSkeleton } from "./ConsoleNav/Skeleton.mjs";
|
|
10
19
|
import "./ConsoleNav/index.mjs";
|
|
11
20
|
import { ConsoleBrandProps, ConsoleShellProps, ConsoleShellState } from "./ConsoleShell/type.mjs";
|
|
12
21
|
import ConsoleBrand from "./ConsoleShell/ConsoleBrand.mjs";
|
|
@@ -17,6 +26,16 @@ import { useInFilterSplit } from "./FilterSidebar/context.mjs";
|
|
|
17
26
|
import { FilterOptionProps, FilterRowProps, FilterSidebarProps } from "./FilterSidebar/type.mjs";
|
|
18
27
|
import FilterSidebar, { FilterOption, FilterRow } from "./FilterSidebar/FilterSidebar.mjs";
|
|
19
28
|
import "./FilterSidebar/index.mjs";
|
|
29
|
+
import { FilterStripItem, FilterStripProps } from "./FilterStrip/type.mjs";
|
|
30
|
+
import FilterStrip, { formatInteger } from "./FilterStrip/FilterStrip.mjs";
|
|
31
|
+
import "./FilterStrip/index.mjs";
|
|
32
|
+
import { LabelWithKeyProps } from "./LabelWithKey/type.mjs";
|
|
33
|
+
import LabelWithKey from "./LabelWithKey/LabelWithKey.mjs";
|
|
34
|
+
import "./LabelWithKey/index.mjs";
|
|
35
|
+
import { SurfaceLinkProps, SurfaceProps, SurfaceRenderLink } from "./Surface/type.mjs";
|
|
36
|
+
import { MetricItem, MetricStripProps } from "./MetricStrip/type.mjs";
|
|
37
|
+
import MetricStrip from "./MetricStrip/MetricStrip.mjs";
|
|
38
|
+
import "./MetricStrip/index.mjs";
|
|
20
39
|
import { PageHeaderProps } from "./PageHeader/type.mjs";
|
|
21
40
|
import PageHeader from "./PageHeader/PageHeader.mjs";
|
|
22
41
|
import "./PageHeader/index.mjs";
|
|
@@ -25,13 +44,28 @@ import PageLoading, { LoadingAnnouncer, PageHeaderSkeleton, StatCardSkeleton, Ta
|
|
|
25
44
|
import { PageTab, PageTabsProps } from "./PageTabs/type.mjs";
|
|
26
45
|
import PageTabs from "./PageTabs/PageTabs.mjs";
|
|
27
46
|
import "./PageTabs/index.mjs";
|
|
47
|
+
import { PageToolbarProps } from "./PageToolbar/type.mjs";
|
|
48
|
+
import PageToolbar from "./PageToolbar/PageToolbar.mjs";
|
|
49
|
+
import "./PageToolbar/index.mjs";
|
|
50
|
+
import { PanelSurfaceProps } from "./PanelSurface/type.mjs";
|
|
51
|
+
import PanelSurface from "./PanelSurface/PanelSurface.mjs";
|
|
52
|
+
import "./PanelSurface/index.mjs";
|
|
28
53
|
import { RouteProgressProps } from "./RouteProgress/type.mjs";
|
|
29
54
|
import RouteProgress from "./RouteProgress/RouteProgress.mjs";
|
|
55
|
+
import { SectionProps } from "./Section/type.mjs";
|
|
56
|
+
import Section from "./Section/Section.mjs";
|
|
57
|
+
import "./Section/index.mjs";
|
|
30
58
|
import { StatCardProps, StatDirection } from "./StatCard/type.mjs";
|
|
31
59
|
import StatCard from "./StatCard/StatCard.mjs";
|
|
32
60
|
import "./StatCard/index.mjs";
|
|
61
|
+
import { SurfaceLinkProvider, useSurfaceCardClassName, useSurfaceDepth, useSurfaceLink } from "./Surface/link.mjs";
|
|
33
62
|
import { styles } from "./Surface/style.mjs";
|
|
34
|
-
import { SurfaceProps } from "./Surface/type.mjs";
|
|
35
63
|
import Surface from "./Surface/Surface.mjs";
|
|
36
64
|
import "./Surface/index.mjs";
|
|
37
|
-
|
|
65
|
+
import { TableIconActionProps, TableIconActionsProps } from "./TableIconActions/type.mjs";
|
|
66
|
+
import TableIconActions, { TableIconAction, tableActionColumnWidth } from "./TableIconActions/TableIconActions.mjs";
|
|
67
|
+
import "./TableIconActions/index.mjs";
|
|
68
|
+
import { TitleWithTipsProps } from "./TitleWithTips/type.mjs";
|
|
69
|
+
import TitleWithTips from "./TitleWithTips/TitleWithTips.mjs";
|
|
70
|
+
import "./TitleWithTips/index.mjs";
|
|
71
|
+
export { AuthLayout, AuthLayoutAside, type AuthLayoutAsideProps, type AuthLayoutBackground, type AuthLayoutProps, type AuthLayoutVariant, type AuthLocaleOption, AuthLocaleSwitch, type AuthLocaleSwitchProps, type AuthThemeMode, AuthThemeSwitch, type AuthThemeSwitchProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, ChartGrid, type ChartGridProps, ConsoleBrand, type ConsoleBrandProps, ConsoleFooterSkeleton, ConsoleNav, type ConsoleNavGroup, type ConsoleNavItem, type ConsoleNavProps, ConsoleNavSkeleton, type ConsoleNavSkeletonProps, ConsoleShell, type ConsoleShellProps, type ConsoleShellState, FilterOption, type FilterOptionProps, FilterRow, type FilterRowProps, FilterSidebar, type FilterSidebarProps, FilterStrip, type FilterStripItem, type FilterStripProps, LabelWithKey, type LabelWithKeyProps, LoadingAnnouncer, type MetricItem, MetricStrip, type MetricStripProps, PageHeader, type PageHeaderProps, PageHeaderSkeleton, PageLoading, type PageLoadingProps, type PageTab, PageTabs, type PageTabsProps, PageToolbar, type PageToolbarProps, PanelSurface, type PanelSurfaceProps, RouteProgress, type RouteProgressProps, Section, type SectionProps, StatCard, type StatCardProps, StatCardSkeleton, type StatDirection, Surface, type SurfaceLinkProps, SurfaceLinkProvider, type SurfaceProps, type SurfaceRenderLink, TableIconAction, type TableIconActionProps, TableIconActions, type TableIconActionsProps, TableSkeleton, TitleWithTips, type TitleWithTipsProps, formatInteger, resolveActiveHref, styles as surfaceStyles, tableActionColumnWidth, useConsoleShell, useInFilterSplit, useSurfaceCardClassName, useSurfaceDepth, useSurfaceLink };
|
package/es/dashboard/index.mjs
CHANGED
|
@@ -1,17 +1,31 @@
|
|
|
1
|
+
import AuthLayoutAside from "./AuthLayout/Aside.mjs";
|
|
1
2
|
import { styles } from "./Surface/style.mjs";
|
|
3
|
+
import { SurfaceLinkProvider, useSurfaceCardClassName, useSurfaceDepth, useSurfaceLink } from "./Surface/link.mjs";
|
|
2
4
|
import AuthLayout from "./AuthLayout/AuthLayout.mjs";
|
|
5
|
+
import AuthLocaleSwitch from "./AuthTools/AuthLocaleSwitch.mjs";
|
|
6
|
+
import AuthThemeSwitch from "./AuthTools/AuthThemeSwitch.mjs";
|
|
3
7
|
import Breadcrumb from "./Breadcrumb/Breadcrumb.mjs";
|
|
8
|
+
import ChartGrid from "./ChartGrid/ChartGrid.mjs";
|
|
4
9
|
import { resolveActiveHref } from "./ConsoleNav/active.mjs";
|
|
5
10
|
import { useConsoleShell } from "./ConsoleShell/context.mjs";
|
|
6
11
|
import ConsoleNav from "./ConsoleNav/ConsoleNav.mjs";
|
|
12
|
+
import ConsoleNavSkeleton, { ConsoleFooterSkeleton } from "./ConsoleNav/Skeleton.mjs";
|
|
7
13
|
import ConsoleBrand from "./ConsoleShell/ConsoleBrand.mjs";
|
|
14
|
+
import PageLoading, { LoadingAnnouncer, PageHeaderSkeleton, StatCardSkeleton, TableSkeleton } from "./PageSkeleton/PageSkeleton.mjs";
|
|
8
15
|
import ConsoleShell from "./ConsoleShell/ConsoleShell.mjs";
|
|
9
16
|
import { useInFilterSplit } from "./FilterSidebar/context.mjs";
|
|
10
17
|
import FilterSidebar, { FilterOption, FilterRow } from "./FilterSidebar/FilterSidebar.mjs";
|
|
18
|
+
import Surface from "./Surface/Surface.mjs";
|
|
19
|
+
import FilterStrip, { formatInteger } from "./FilterStrip/FilterStrip.mjs";
|
|
20
|
+
import LabelWithKey from "./LabelWithKey/LabelWithKey.mjs";
|
|
21
|
+
import MetricStrip from "./MetricStrip/MetricStrip.mjs";
|
|
11
22
|
import PageHeader from "./PageHeader/PageHeader.mjs";
|
|
12
|
-
import PageLoading, { LoadingAnnouncer, PageHeaderSkeleton, StatCardSkeleton, TableSkeleton } from "./PageSkeleton/PageSkeleton.mjs";
|
|
13
23
|
import PageTabs from "./PageTabs/PageTabs.mjs";
|
|
24
|
+
import PageToolbar from "./PageToolbar/PageToolbar.mjs";
|
|
25
|
+
import PanelSurface from "./PanelSurface/PanelSurface.mjs";
|
|
14
26
|
import RouteProgress from "./RouteProgress/RouteProgress.mjs";
|
|
27
|
+
import Section from "./Section/Section.mjs";
|
|
15
28
|
import StatCard from "./StatCard/StatCard.mjs";
|
|
16
|
-
import
|
|
17
|
-
|
|
29
|
+
import TableIconActions, { TableIconAction, tableActionColumnWidth } from "./TableIconActions/TableIconActions.mjs";
|
|
30
|
+
import TitleWithTips from "./TitleWithTips/TitleWithTips.mjs";
|
|
31
|
+
export { AuthLayout, AuthLayoutAside, AuthLocaleSwitch, AuthThemeSwitch, Breadcrumb, ChartGrid, ConsoleBrand, ConsoleFooterSkeleton, ConsoleNav, ConsoleNavSkeleton, ConsoleShell, FilterOption, FilterRow, FilterSidebar, FilterStrip, LabelWithKey, LoadingAnnouncer, MetricStrip, PageHeader, PageHeaderSkeleton, PageLoading, PageTabs, PageToolbar, PanelSurface, RouteProgress, Section, StatCard, StatCardSkeleton, Surface, SurfaceLinkProvider, TableIconAction, TableIconActions, TableSkeleton, TitleWithTips, formatInteger, resolveActiveHref, styles as surfaceStyles, tableActionColumnWidth, useConsoleShell, useInFilterSplit, useSurfaceCardClassName, useSurfaceDepth, useSurfaceLink };
|
package/package.json
CHANGED
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
import { createStaticStyles } from "antd-style";
|
|
2
|
-
//#region src/dashboard/StatCard/style.ts
|
|
3
|
-
const styles = createStaticStyles(({ css, cssVar, responsive }) => ({
|
|
4
|
-
badge: css`
|
|
5
|
-
display: inline-flex;
|
|
6
|
-
flex: none;
|
|
7
|
-
align-items: center;
|
|
8
|
-
justify-content: center;
|
|
9
|
-
|
|
10
|
-
inline-size: 24px;
|
|
11
|
-
block-size: 24px;
|
|
12
|
-
border: 1px solid ${cssVar.colorFillSecondary};
|
|
13
|
-
border-radius: ${cssVar.borderRadiusSM};
|
|
14
|
-
|
|
15
|
-
color: ${cssVar.colorTextTertiary};
|
|
16
|
-
|
|
17
|
-
background: ${cssVar.colorFillTertiary};
|
|
18
|
-
`,
|
|
19
|
-
body: css`
|
|
20
|
-
position: relative;
|
|
21
|
-
z-index: 1;
|
|
22
|
-
`,
|
|
23
|
-
copy: css`
|
|
24
|
-
flex-wrap: nowrap;
|
|
25
|
-
min-inline-size: 0;
|
|
26
|
-
`,
|
|
27
|
-
delta: css`
|
|
28
|
-
display: inline-flex;
|
|
29
|
-
gap: 2px;
|
|
30
|
-
align-items: center;
|
|
31
|
-
|
|
32
|
-
font-size: ${cssVar.fontSizeSM};
|
|
33
|
-
font-variant-numeric: tabular-nums;
|
|
34
|
-
`,
|
|
35
|
-
deltaDown: css`
|
|
36
|
-
color: ${cssVar.colorError};
|
|
37
|
-
`,
|
|
38
|
-
deltaFlat: css`
|
|
39
|
-
color: ${cssVar.colorTextTertiary};
|
|
40
|
-
`,
|
|
41
|
-
deltaUp: css`
|
|
42
|
-
color: ${cssVar.colorSuccess};
|
|
43
|
-
`,
|
|
44
|
-
frame: css`
|
|
45
|
-
&&& {
|
|
46
|
-
border-color: ${cssVar.colorBorderSecondary};
|
|
47
|
-
}
|
|
48
|
-
`,
|
|
49
|
-
gray: css`
|
|
50
|
-
&::before {
|
|
51
|
-
background: linear-gradient(
|
|
52
|
-
to bottom,
|
|
53
|
-
${cssVar.colorBgElevated} 0%,
|
|
54
|
-
color-mix(in srgb, ${cssVar.colorText} 4%, ${cssVar.colorBgElevated}) 100%
|
|
55
|
-
);
|
|
56
|
-
}
|
|
57
|
-
`,
|
|
58
|
-
hint: css`
|
|
59
|
-
font-size: ${cssVar.fontSizeSM};
|
|
60
|
-
color: ${cssVar.colorTextTertiary};
|
|
61
|
-
`,
|
|
62
|
-
label: css`
|
|
63
|
-
font-size: ${cssVar.fontSizeSM};
|
|
64
|
-
color: ${cssVar.colorTextSecondary};
|
|
65
|
-
`,
|
|
66
|
-
lift: css`
|
|
67
|
-
display: flex;
|
|
68
|
-
min-inline-size: 0;
|
|
69
|
-
border-radius: ${cssVar.borderRadiusLG};
|
|
70
|
-
box-shadow: ${cssVar.boxShadowTertiary};
|
|
71
|
-
`,
|
|
72
|
-
metricFoot: css`
|
|
73
|
-
margin-block-start: 14px;
|
|
74
|
-
`,
|
|
75
|
-
metricHint: css`
|
|
76
|
-
&& {
|
|
77
|
-
font-size: ${cssVar.fontSize};
|
|
78
|
-
color: ${cssVar.colorText};
|
|
79
|
-
}
|
|
80
|
-
`,
|
|
81
|
-
metricLabel: css`
|
|
82
|
-
&& {
|
|
83
|
-
font-size: ${cssVar.fontSize};
|
|
84
|
-
font-weight: 500;
|
|
85
|
-
color: ${cssVar.colorText};
|
|
86
|
-
}
|
|
87
|
-
`,
|
|
88
|
-
metricValue: css`
|
|
89
|
-
&& {
|
|
90
|
-
margin-block-start: 6px;
|
|
91
|
-
|
|
92
|
-
font-size: ${cssVar.fontSizeHeading2};
|
|
93
|
-
font-weight: 700;
|
|
94
|
-
font-variant-numeric: tabular-nums;
|
|
95
|
-
line-height: 1.05;
|
|
96
|
-
color: ${cssVar.colorText};
|
|
97
|
-
}
|
|
98
|
-
`,
|
|
99
|
-
root: css`
|
|
100
|
-
position: relative;
|
|
101
|
-
|
|
102
|
-
overflow: hidden;
|
|
103
|
-
flex: 1;
|
|
104
|
-
|
|
105
|
-
min-inline-size: 0;
|
|
106
|
-
padding: 16px;
|
|
107
|
-
`,
|
|
108
|
-
value: css`
|
|
109
|
-
font-size: ${cssVar.fontSizeHeading2};
|
|
110
|
-
font-weight: 600;
|
|
111
|
-
font-variant-numeric: tabular-nums;
|
|
112
|
-
line-height: 1.2;
|
|
113
|
-
color: ${cssVar.colorText};
|
|
114
|
-
|
|
115
|
-
${responsive.mobile} {
|
|
116
|
-
font-size: ${cssVar.fontSizeHeading3};
|
|
117
|
-
}
|
|
118
|
-
`,
|
|
119
|
-
wash: css`
|
|
120
|
-
isolation: isolate;
|
|
121
|
-
|
|
122
|
-
&::before {
|
|
123
|
-
pointer-events: none;
|
|
124
|
-
content: '';
|
|
125
|
-
|
|
126
|
-
position: absolute;
|
|
127
|
-
z-index: 0;
|
|
128
|
-
inset: 0;
|
|
129
|
-
}
|
|
130
|
-
`
|
|
131
|
-
}));
|
|
132
|
-
//#endregion
|
|
133
|
-
export { styles };
|
|
134
|
-
|
|
135
|
-
//# sourceMappingURL=style.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/StatCard/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => ({\n badge: css`\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n\n inline-size: 24px;\n block-size: 24px;\n border: 1px solid ${cssVar.colorFillSecondary};\n border-radius: ${cssVar.borderRadiusSM};\n\n color: ${cssVar.colorTextTertiary};\n\n background: ${cssVar.colorFillTertiary};\n `,\n body: css`\n position: relative;\n z-index: 1;\n `,\n copy: css`\n flex-wrap: nowrap;\n min-inline-size: 0;\n `,\n delta: css`\n display: inline-flex;\n gap: 2px;\n align-items: center;\n\n font-size: ${cssVar.fontSizeSM};\n font-variant-numeric: tabular-nums;\n `,\n deltaDown: css`\n color: ${cssVar.colorError};\n `,\n deltaFlat: css`\n color: ${cssVar.colorTextTertiary};\n `,\n deltaUp: css`\n color: ${cssVar.colorSuccess};\n `,\n frame: css`\n &&& {\n border-color: ${cssVar.colorBorderSecondary};\n }\n `,\n gray: css`\n &::before {\n background: linear-gradient(\n to bottom,\n ${cssVar.colorBgElevated} 0%,\n color-mix(in srgb, ${cssVar.colorText} 4%, ${cssVar.colorBgElevated}) 100%\n );\n }\n `,\n hint: css`\n font-size: ${cssVar.fontSizeSM};\n color: ${cssVar.colorTextTertiary};\n `,\n label: css`\n font-size: ${cssVar.fontSizeSM};\n color: ${cssVar.colorTextSecondary};\n `,\n lift: css`\n display: flex;\n min-inline-size: 0;\n border-radius: ${cssVar.borderRadiusLG};\n box-shadow: ${cssVar.boxShadowTertiary};\n `,\n metricFoot: css`\n margin-block-start: 14px;\n `,\n metricHint: css`\n && {\n font-size: ${cssVar.fontSize};\n color: ${cssVar.colorText};\n }\n `,\n metricLabel: css`\n && {\n font-size: ${cssVar.fontSize};\n font-weight: 500;\n color: ${cssVar.colorText};\n }\n `,\n metricValue: css`\n && {\n margin-block-start: 6px;\n\n font-size: ${cssVar.fontSizeHeading2};\n font-weight: 700;\n font-variant-numeric: tabular-nums;\n line-height: 1.05;\n color: ${cssVar.colorText};\n }\n `,\n root: css`\n position: relative;\n\n overflow: hidden;\n flex: 1;\n\n min-inline-size: 0;\n padding: 16px;\n `,\n value: css`\n font-size: ${cssVar.fontSizeHeading2};\n font-weight: 600;\n font-variant-numeric: tabular-nums;\n line-height: 1.2;\n color: ${cssVar.colorText};\n\n ${responsive.mobile} {\n font-size: ${cssVar.fontSizeHeading3};\n }\n `,\n wash: css`\n isolation: isolate;\n\n &::before {\n pointer-events: none;\n content: '';\n\n position: absolute;\n z-index: 0;\n inset: 0;\n }\n `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,kBAAkB;CACzE,OAAO,GAAG;;;;;;;;wBAQY,OAAO,mBAAmB;qBAC7B,OAAO,eAAe;;aAE9B,OAAO,kBAAkB;;kBAEpB,OAAO,kBAAkB;;CAEzC,MAAM,GAAG;;;;CAIT,MAAM,GAAG;;;;CAIT,OAAO,GAAG;;;;;iBAKK,OAAO,WAAW;;;CAGjC,WAAW,GAAG;aACH,OAAO,WAAW;;CAE7B,WAAW,GAAG;aACH,OAAO,kBAAkB;;CAEpC,SAAS,GAAG;aACD,OAAO,aAAa;;CAE/B,OAAO,GAAG;;sBAEU,OAAO,qBAAqB;;;CAGhD,MAAM,GAAG;;;;UAID,OAAO,gBAAgB;6BACJ,OAAO,UAAU,OAAO,OAAO,gBAAgB;;;;CAI1E,MAAM,GAAG;iBACM,OAAO,WAAW;aACtB,OAAO,kBAAkB;;CAEpC,OAAO,GAAG;iBACK,OAAO,WAAW;aACtB,OAAO,mBAAmB;;CAErC,MAAM,GAAG;;;qBAGU,OAAO,eAAe;kBACzB,OAAO,kBAAkB;;CAEzC,YAAY,GAAG;;;CAGf,YAAY,GAAG;;mBAEE,OAAO,SAAS;eACpB,OAAO,UAAU;;;CAG9B,aAAa,GAAG;;mBAEC,OAAO,SAAS;;eAEpB,OAAO,UAAU;;;CAG9B,aAAa,GAAG;;;;mBAIC,OAAO,iBAAiB;;;;eAI5B,OAAO,UAAU;;;CAG9B,MAAM,GAAG;;;;;;;;;CAST,OAAO,GAAG;iBACK,OAAO,iBAAiB;;;;aAI5B,OAAO,UAAU;;MAExB,WAAW,OAAO;mBACL,OAAO,iBAAiB;;;CAGzC,MAAM,GAAG;;;;;;;;;;;;AAYX,EAAE"}
|