@xenide-io/the-old-ui-theme 0.7.0 → 0.7.1
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/dist/{chunk-VXISSXTB.mjs → chunk-YB4TBWHV.mjs} +1423 -375
- package/dist/index.mjs +43 -45
- package/dist/suite.d.mts +24 -1
- package/dist/suite.d.ts +24 -1
- package/dist/suite.js +1500 -285
- package/dist/suite.mjs +80 -1
- package/dist/ui.mjs +10 -12
- package/package.json +1 -1
- package/src/suite/components/suite-integration-picker.tsx +68 -0
- package/src/suite/index.ts +5 -0
- package/dist/chunk-KDR6HI6F.mjs +0 -1075
package/dist/index.mjs
CHANGED
|
@@ -9,6 +9,8 @@ import {
|
|
|
9
9
|
AvatarGroup,
|
|
10
10
|
Badge,
|
|
11
11
|
Button,
|
|
12
|
+
ButtonChrome,
|
|
13
|
+
CANONICAL_ICONS,
|
|
12
14
|
Calendar,
|
|
13
15
|
Caption,
|
|
14
16
|
Card,
|
|
@@ -18,6 +20,11 @@ import {
|
|
|
18
20
|
DEFAULT_THEME_ID,
|
|
19
21
|
Display,
|
|
20
22
|
Dot,
|
|
23
|
+
DropdownButton,
|
|
24
|
+
DropdownItem,
|
|
25
|
+
DropdownMenu,
|
|
26
|
+
DropdownRadioGroup,
|
|
27
|
+
DropdownRadioItem,
|
|
21
28
|
EmptyState,
|
|
22
29
|
FileUpload,
|
|
23
30
|
FilterBar,
|
|
@@ -29,49 +36,6 @@ import {
|
|
|
29
36
|
H3,
|
|
30
37
|
H4,
|
|
31
38
|
H5,
|
|
32
|
-
Input,
|
|
33
|
-
Label,
|
|
34
|
-
Lead,
|
|
35
|
-
Link,
|
|
36
|
-
Loader,
|
|
37
|
-
LoadingState,
|
|
38
|
-
Modal,
|
|
39
|
-
Mono,
|
|
40
|
-
Overline,
|
|
41
|
-
P,
|
|
42
|
-
Panel,
|
|
43
|
-
Progress,
|
|
44
|
-
Radio,
|
|
45
|
-
SearchInput,
|
|
46
|
-
SectionTitle,
|
|
47
|
-
SegmentedControl,
|
|
48
|
-
Select,
|
|
49
|
-
SettingsLayout,
|
|
50
|
-
SettingsNav,
|
|
51
|
-
Skeleton,
|
|
52
|
-
Small,
|
|
53
|
-
SortMenu,
|
|
54
|
-
Spinner,
|
|
55
|
-
Stat,
|
|
56
|
-
THEMES,
|
|
57
|
-
THEME_GROUPS,
|
|
58
|
-
THEME_INIT_SCRIPT,
|
|
59
|
-
Table,
|
|
60
|
-
Textarea,
|
|
61
|
-
Toggle,
|
|
62
|
-
getTheme,
|
|
63
|
-
isThemeId,
|
|
64
|
-
persistTheme,
|
|
65
|
-
readStoredTheme
|
|
66
|
-
} from "./chunk-VXISSXTB.mjs";
|
|
67
|
-
import {
|
|
68
|
-
ButtonChrome,
|
|
69
|
-
CANONICAL_ICONS,
|
|
70
|
-
DropdownButton,
|
|
71
|
-
DropdownItem,
|
|
72
|
-
DropdownMenu,
|
|
73
|
-
DropdownRadioGroup,
|
|
74
|
-
DropdownRadioItem,
|
|
75
39
|
IconActivity,
|
|
76
40
|
IconAreaChart,
|
|
77
41
|
IconArrowDown,
|
|
@@ -150,14 +114,48 @@ import {
|
|
|
150
114
|
IconUpload,
|
|
151
115
|
IconVolume,
|
|
152
116
|
IconVolumeOff,
|
|
117
|
+
Input,
|
|
118
|
+
Label,
|
|
119
|
+
Lead,
|
|
120
|
+
Link,
|
|
121
|
+
Loader,
|
|
122
|
+
LoadingState,
|
|
123
|
+
Modal,
|
|
124
|
+
Mono,
|
|
153
125
|
OLD_UI_ICONS,
|
|
126
|
+
Overline,
|
|
127
|
+
P,
|
|
154
128
|
PH_ICONS,
|
|
155
129
|
PH_ICON_ALIASES,
|
|
130
|
+
Panel,
|
|
131
|
+
Progress,
|
|
132
|
+
Radio,
|
|
133
|
+
SearchInput,
|
|
134
|
+
SectionTitle,
|
|
135
|
+
SegmentedControl,
|
|
136
|
+
Select,
|
|
137
|
+
SettingsLayout,
|
|
138
|
+
SettingsNav,
|
|
139
|
+
Skeleton,
|
|
140
|
+
Small,
|
|
141
|
+
SortMenu,
|
|
142
|
+
Spinner,
|
|
143
|
+
Stat,
|
|
144
|
+
THEMES,
|
|
145
|
+
THEME_GROUPS,
|
|
146
|
+
THEME_INIT_SCRIPT,
|
|
147
|
+
Table,
|
|
148
|
+
Textarea,
|
|
149
|
+
Toggle,
|
|
156
150
|
Tooltip,
|
|
157
151
|
TooltipProvider,
|
|
158
152
|
createIconBase,
|
|
159
|
-
createIconBasePath
|
|
160
|
-
|
|
153
|
+
createIconBasePath,
|
|
154
|
+
getTheme,
|
|
155
|
+
isThemeId,
|
|
156
|
+
persistTheme,
|
|
157
|
+
readStoredTheme
|
|
158
|
+
} from "./chunk-YB4TBWHV.mjs";
|
|
161
159
|
import "./chunk-FWCSY2DS.mjs";
|
|
162
160
|
export {
|
|
163
161
|
Accordion,
|
package/dist/suite.d.mts
CHANGED
|
@@ -987,4 +987,27 @@ interface SuiteAppLayoutProps {
|
|
|
987
987
|
*/
|
|
988
988
|
declare function SuiteAppLayout({ sidebar, children, mobileHeader, bottomNav, sidebarWidth, collapsed, lockMainScroll, onStartResize, onResizeBy, onResetWidth, className, }: SuiteAppLayoutProps): react.JSX.Element;
|
|
989
989
|
|
|
990
|
-
|
|
990
|
+
interface SuiteIntegrationPickerItem {
|
|
991
|
+
id: string;
|
|
992
|
+
label: string;
|
|
993
|
+
description: string;
|
|
994
|
+
icon?: ReactNode;
|
|
995
|
+
categories?: string[];
|
|
996
|
+
connecting?: boolean;
|
|
997
|
+
unavailableReason?: string;
|
|
998
|
+
}
|
|
999
|
+
interface SuiteIntegrationPickerProps {
|
|
1000
|
+
open: boolean;
|
|
1001
|
+
items: SuiteIntegrationPickerItem[];
|
|
1002
|
+
connectedItems?: SuiteIntegrationPickerItem[];
|
|
1003
|
+
loading?: boolean;
|
|
1004
|
+
onClose: () => void;
|
|
1005
|
+
onConnect: (item: SuiteIntegrationPickerItem) => void;
|
|
1006
|
+
onDisconnect?: (item: SuiteIntegrationPickerItem) => void;
|
|
1007
|
+
title?: string;
|
|
1008
|
+
description?: string;
|
|
1009
|
+
dataTest?: string;
|
|
1010
|
+
}
|
|
1011
|
+
declare function SuiteIntegrationPicker({ open, items, connectedItems, loading, onClose, onConnect, onDisconnect, title, description, dataTest, }: SuiteIntegrationPickerProps): react.JSX.Element;
|
|
1012
|
+
|
|
1013
|
+
export { APP_ACCENTS, APP_GLYPHS, AnimatedMoon, AnimatedSun, AppSwitcher, AppSwitcherChevron, AppSwitcherMark, CommandPaletteHost, DeferredChrome, SIDEBAR_COLLAPSE_THRESHOLD, SIDEBAR_DEFAULT_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_EXPANDED_WIDTH, SIDEBAR_RAIL_WIDTH, SUITE_APPS, SUITE_APP_MAP, SUITE_ASK_AI_OPEN_KEY, SUITE_ASK_AI_OPEN_QUERY, SUITE_GLYPHS, SUITE_ICON_NAMES, SUITE_MUTATED_EVENT, SUITE_OPEN_ASK_AI_EVENT, SUITE_SIDEBAR_WIDTH_COOKIE, SUITE_SIDEBAR_WIDTH_KEY, SUITE_SPRINGS, SourceAppGlyph, type SuiteAccentSlug, type SuiteAiAction, type SuiteAiActionStatus, type SuiteAiChatMessage, SuiteAiPanel, type SuiteAiPreset, type SuiteAppAccent, type SuiteAppDefinition, type SuiteAppEntry, SuiteAppIcon, type SuiteAppIconProps, SuiteAppLayout, type SuiteAppLayoutProps, type SuiteAppSelectOptions, type SuiteAppSlug, SuiteAppStrip, type SuiteAskAiOpenDetail, SuiteBottomNav, type SuiteBottomNavItem, SuiteBreadcrumbs, type SuiteBreadcrumbsProps, type SuiteCommandItem, type SuiteCommandPaletteComponent, type SuiteDropdownItemComponent, type SuiteDropdownMenuComponent, type SuiteDropdownMenuProps, SuiteEmptyState, type SuiteGlyph, type SuiteGlyphElement, type SuiteHrefTarget, SuiteIcon, type SuiteIconName, type SuiteIconProps, SuiteIntegrationPicker, type SuiteIntegrationPickerItem, type SuiteIntegrationPickerProps, SuiteMobileDrawer, SuiteMobileHeader, SuiteMotionProvider, type SuiteNotification, SuiteNotificationBell, type SuiteNotificationsResponse, SuitePage, SuitePageHeader, type SuitePageWidth, type SuiteResolvedTheme, SuiteSectionHeader, SuiteSettingsLayout, type SuiteSettingsLayoutProps, SuiteSettingsMobileNav, type SuiteSettingsNavItem, SuiteSidebar, type SuiteSidebarNavItem, SuiteSkeleton, SuiteSkeletonCard, SuiteSkeletonList, type SuiteSpinnerComponent, type SuiteSpringName, SuiteTabList, type SuiteTheme, type SuiteThemeConfig, type SuiteThemeContextValue, SuiteThemeProvider, SuiteToolbar, SuiteUserMenu, type SuiteUserMenuProps, type SuiteWorkspaceEntry, type SuiteWorkspaceGroup, SuiteWorkspaceSwitcher, TURTLETIME_TIMER_MUTATED_EVENT, TodayAskAiCard, TodayCalibrating, TodayEmptyAction, TodayEmptyState, TodayHero, TodayLayout, TodayPageFrame, TodayPanel, type TodayPrimaryAccent, TodayPrimaryAction, TodaySection, TodayTimeIcon, TodayTopBar, appSwitcherMarkClass, appSwitcherMenuItemClass, appSwitcherTriggerClass, classifySuiteHref, cn, consumePendingAskAiPrompt, consumeSuiteAskAiOpenFromLocation, getTodayGreeting, openSuiteAskAi, pathWithSuiteAskAiOpen, persistSidebarWidth, persistSuiteAskAiOpen, readSidebarWidth, readSuiteAskAiOpen, resetSuiteSidebarWidth, resolveSuiteNotificationHref, sidebarColumnWidth, sourceToSuiteApp, suiteAppBaseUrl, suiteAppLabel, useIdleMount, useSidebarWidth, useSuiteTheme };
|
package/dist/suite.d.ts
CHANGED
|
@@ -987,4 +987,27 @@ interface SuiteAppLayoutProps {
|
|
|
987
987
|
*/
|
|
988
988
|
declare function SuiteAppLayout({ sidebar, children, mobileHeader, bottomNav, sidebarWidth, collapsed, lockMainScroll, onStartResize, onResizeBy, onResetWidth, className, }: SuiteAppLayoutProps): react.JSX.Element;
|
|
989
989
|
|
|
990
|
-
|
|
990
|
+
interface SuiteIntegrationPickerItem {
|
|
991
|
+
id: string;
|
|
992
|
+
label: string;
|
|
993
|
+
description: string;
|
|
994
|
+
icon?: ReactNode;
|
|
995
|
+
categories?: string[];
|
|
996
|
+
connecting?: boolean;
|
|
997
|
+
unavailableReason?: string;
|
|
998
|
+
}
|
|
999
|
+
interface SuiteIntegrationPickerProps {
|
|
1000
|
+
open: boolean;
|
|
1001
|
+
items: SuiteIntegrationPickerItem[];
|
|
1002
|
+
connectedItems?: SuiteIntegrationPickerItem[];
|
|
1003
|
+
loading?: boolean;
|
|
1004
|
+
onClose: () => void;
|
|
1005
|
+
onConnect: (item: SuiteIntegrationPickerItem) => void;
|
|
1006
|
+
onDisconnect?: (item: SuiteIntegrationPickerItem) => void;
|
|
1007
|
+
title?: string;
|
|
1008
|
+
description?: string;
|
|
1009
|
+
dataTest?: string;
|
|
1010
|
+
}
|
|
1011
|
+
declare function SuiteIntegrationPicker({ open, items, connectedItems, loading, onClose, onConnect, onDisconnect, title, description, dataTest, }: SuiteIntegrationPickerProps): react.JSX.Element;
|
|
1012
|
+
|
|
1013
|
+
export { APP_ACCENTS, APP_GLYPHS, AnimatedMoon, AnimatedSun, AppSwitcher, AppSwitcherChevron, AppSwitcherMark, CommandPaletteHost, DeferredChrome, SIDEBAR_COLLAPSE_THRESHOLD, SIDEBAR_DEFAULT_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_EXPANDED_WIDTH, SIDEBAR_RAIL_WIDTH, SUITE_APPS, SUITE_APP_MAP, SUITE_ASK_AI_OPEN_KEY, SUITE_ASK_AI_OPEN_QUERY, SUITE_GLYPHS, SUITE_ICON_NAMES, SUITE_MUTATED_EVENT, SUITE_OPEN_ASK_AI_EVENT, SUITE_SIDEBAR_WIDTH_COOKIE, SUITE_SIDEBAR_WIDTH_KEY, SUITE_SPRINGS, SourceAppGlyph, type SuiteAccentSlug, type SuiteAiAction, type SuiteAiActionStatus, type SuiteAiChatMessage, SuiteAiPanel, type SuiteAiPreset, type SuiteAppAccent, type SuiteAppDefinition, type SuiteAppEntry, SuiteAppIcon, type SuiteAppIconProps, SuiteAppLayout, type SuiteAppLayoutProps, type SuiteAppSelectOptions, type SuiteAppSlug, SuiteAppStrip, type SuiteAskAiOpenDetail, SuiteBottomNav, type SuiteBottomNavItem, SuiteBreadcrumbs, type SuiteBreadcrumbsProps, type SuiteCommandItem, type SuiteCommandPaletteComponent, type SuiteDropdownItemComponent, type SuiteDropdownMenuComponent, type SuiteDropdownMenuProps, SuiteEmptyState, type SuiteGlyph, type SuiteGlyphElement, type SuiteHrefTarget, SuiteIcon, type SuiteIconName, type SuiteIconProps, SuiteIntegrationPicker, type SuiteIntegrationPickerItem, type SuiteIntegrationPickerProps, SuiteMobileDrawer, SuiteMobileHeader, SuiteMotionProvider, type SuiteNotification, SuiteNotificationBell, type SuiteNotificationsResponse, SuitePage, SuitePageHeader, type SuitePageWidth, type SuiteResolvedTheme, SuiteSectionHeader, SuiteSettingsLayout, type SuiteSettingsLayoutProps, SuiteSettingsMobileNav, type SuiteSettingsNavItem, SuiteSidebar, type SuiteSidebarNavItem, SuiteSkeleton, SuiteSkeletonCard, SuiteSkeletonList, type SuiteSpinnerComponent, type SuiteSpringName, SuiteTabList, type SuiteTheme, type SuiteThemeConfig, type SuiteThemeContextValue, SuiteThemeProvider, SuiteToolbar, SuiteUserMenu, type SuiteUserMenuProps, type SuiteWorkspaceEntry, type SuiteWorkspaceGroup, SuiteWorkspaceSwitcher, TURTLETIME_TIMER_MUTATED_EVENT, TodayAskAiCard, TodayCalibrating, TodayEmptyAction, TodayEmptyState, TodayHero, TodayLayout, TodayPageFrame, TodayPanel, type TodayPrimaryAccent, TodayPrimaryAction, TodaySection, TodayTimeIcon, TodayTopBar, appSwitcherMarkClass, appSwitcherMenuItemClass, appSwitcherTriggerClass, classifySuiteHref, cn, consumePendingAskAiPrompt, consumeSuiteAskAiOpenFromLocation, getTodayGreeting, openSuiteAskAi, pathWithSuiteAskAiOpen, persistSidebarWidth, persistSuiteAskAiOpen, readSidebarWidth, readSuiteAskAiOpen, resetSuiteSidebarWidth, resolveSuiteNotificationHref, sidebarColumnWidth, sourceToSuiteApp, suiteAppBaseUrl, suiteAppLabel, useIdleMount, useSidebarWidth, useSuiteTheme };
|