@xenide-io/the-old-ui-theme 0.2.6 → 0.3.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/README.md +1 -1
- package/dist/chunk-FDMD3IIN.mjs +3831 -0
- package/dist/index-D1RTT2Ap.d.mts +1044 -0
- package/dist/index-D1RTT2Ap.d.ts +1044 -0
- package/dist/index.d.mts +11 -758
- package/dist/index.d.ts +11 -758
- package/dist/index.js +1749 -768
- package/dist/index.mjs +312 -2846
- package/dist/tailwind-preset.js +7 -0
- package/dist/tailwind-preset.mjs +7 -0
- package/dist/ui.d.mts +4 -0
- package/dist/ui.d.ts +4 -0
- package/dist/ui.js +3864 -0
- package/dist/ui.mjs +169 -0
- package/package.json +28 -6
- package/src/app/globals.css +1005 -227
- package/src/components/charts/index.ts +8 -0
- package/src/components/charts/ph-insight-charts.tsx +162 -0
- package/src/components/dashboard/DashboardFiltersBar.tsx +19 -0
- package/src/components/dashboard/DashboardGrid.tsx +23 -0
- package/src/components/dashboard/DashboardInsightPlaceholder.tsx +37 -0
- package/src/components/dashboard/DashboardKpiCard.tsx +25 -0
- package/src/components/dashboard/DashboardToolbar.tsx +23 -0
- package/src/components/dashboard/DashboardWell.tsx +10 -0
- package/src/components/dashboard/InsightMiniCard.tsx +26 -0
- package/src/components/dashboard/InsightShell.tsx +37 -0
- package/src/components/dashboard/InsightShellHeader.tsx +22 -0
- package/src/components/dashboard/MiniTrendBars.tsx +51 -0
- package/src/components/dashboard/index.ts +31 -0
- package/src/components/dashboard/types.ts +9 -0
- package/src/components/icons/IconBase.tsx +47 -0
- package/src/components/icons/createIconBase.tsx +32 -0
- package/src/components/icons/icons.tsx +557 -0
- package/src/components/icons/index.ts +3 -0
- package/src/components/sections/AccordionShowcase.tsx +45 -0
- package/src/components/sections/AlertShowcase.tsx +40 -0
- package/src/components/sections/AvatarShowcase.tsx +80 -0
- package/src/components/sections/BadgeShowcase.tsx +65 -0
- package/src/components/sections/ButtonShowcase.tsx +308 -0
- package/src/components/sections/CalendarShowcase.tsx +35 -0
- package/src/components/sections/CardShowcase.tsx +159 -0
- package/src/components/sections/ChartShowcase.tsx +190 -0
- package/src/components/sections/CodeMockupShowcase.tsx +56 -0
- package/src/components/sections/ColorPalette.tsx +117 -0
- package/src/components/sections/CommandPaletteShowcase.tsx +48 -0
- package/src/components/sections/CountdownShowcase.tsx +43 -0
- package/src/components/sections/DashboardShowcase.tsx +191 -0
- package/src/components/sections/DiffShowcase.tsx +70 -0
- package/src/components/sections/DrawerShowcase.tsx +97 -0
- package/src/components/sections/DropdownShowcase.tsx +98 -0
- package/src/components/sections/EmptyStateShowcase.tsx +50 -0
- package/src/components/sections/FilterChipsShowcase.tsx +98 -0
- package/src/components/sections/FormShowcase.tsx +127 -0
- package/src/components/sections/HoverCardShowcase.tsx +50 -0
- package/src/components/sections/IconShowcase.tsx +127 -0
- package/src/components/sections/IndicatorShowcase.tsx +52 -0
- package/src/components/sections/KbdShowcase.tsx +57 -0
- package/src/components/sections/ModalShowcase.tsx +211 -0
- package/src/components/sections/NavigationShowcase.tsx +199 -0
- package/src/components/sections/ProductLayoutsShowcase.tsx +138 -0
- package/src/components/sections/ProgressShowcase.tsx +82 -0
- package/src/components/sections/SegmentedControlShowcase.tsx +49 -0
- package/src/components/sections/SetupThemeShowcase.tsx +262 -0
- package/src/components/sections/StackShowcase.tsx +33 -0
- package/src/components/sections/StatShowcase.tsx +129 -0
- package/src/components/sections/StepperShowcase.tsx +37 -0
- package/src/components/sections/SwapShowcase.tsx +99 -0
- package/src/components/sections/TabShowcase.tsx +84 -0
- package/src/components/sections/TableShowcase.tsx +140 -0
- package/src/components/sections/TimelineShowcase.tsx +83 -0
- package/src/components/sections/ToastShowcase.tsx +108 -0
- package/src/components/sections/TooltipShowcase.tsx +44 -0
- package/src/components/sections/UtilityShowcase.tsx +81 -0
- package/src/components/ui/Accordion.tsx +77 -0
- package/src/components/ui/Alert.tsx +77 -0
- package/src/components/ui/AuthLayout.tsx +58 -0
- package/src/components/ui/Avatar.tsx +97 -0
- package/src/components/ui/Badge.tsx +60 -0
- package/src/components/ui/Button.tsx +120 -0
- package/src/components/ui/ButtonChrome.tsx +20 -0
- package/src/components/ui/Calendar.tsx +115 -0
- package/src/components/ui/Card.tsx +70 -0
- package/src/components/ui/ChatBubble.tsx +71 -0
- package/src/components/ui/CodeBlock.tsx +48 -0
- package/src/components/ui/CollapsibleSection.tsx +49 -0
- package/src/components/ui/CommandPalette.tsx +137 -0
- package/src/components/ui/ComponentDocs.tsx +52 -0
- package/src/components/ui/Drawer.tsx +71 -0
- package/src/components/ui/DropdownMenu.tsx +262 -0
- package/src/components/ui/EmptyState.tsx +33 -0
- package/src/components/ui/FilterBar.tsx +165 -0
- package/src/components/ui/FilterChips.tsx +80 -0
- package/src/components/ui/FilterControls.tsx +30 -0
- package/src/components/ui/FormField.tsx +69 -0
- package/src/components/ui/HoverCard.tsx +36 -0
- package/src/components/ui/Indicator.tsx +61 -0
- package/src/components/ui/Input.tsx +385 -0
- package/src/components/ui/Kbd.tsx +113 -0
- package/src/components/ui/Loader.tsx +96 -0
- package/src/components/ui/Modal.tsx +105 -0
- package/src/components/ui/Navigation.tsx +94 -0
- package/src/components/ui/Panel.tsx +18 -0
- package/src/components/ui/Progress.tsx +59 -0
- package/src/components/ui/Rating.tsx +65 -0
- package/src/components/ui/SearchInput.tsx +106 -0
- package/src/components/ui/SegmentedControl.tsx +44 -0
- package/src/components/ui/SettingsLayout.tsx +94 -0
- package/src/components/ui/ShowcaseWrapper.tsx +124 -0
- package/src/components/ui/Stat.tsx +39 -0
- package/src/components/ui/Stepper.tsx +74 -0
- package/src/components/ui/Table.tsx +55 -0
- package/src/components/ui/Tabs.tsx +53 -0
- package/src/components/ui/Terminal.tsx +54 -0
- package/src/components/ui/ThemeDomSync.tsx +17 -0
- package/src/components/ui/ThemeManager.tsx +18 -0
- package/src/components/ui/ThemeSwitcher.tsx +46 -0
- package/src/components/ui/Timeline.tsx +60 -0
- package/src/components/ui/Toast.tsx +70 -0
- package/src/components/ui/Typography.tsx +129 -0
- package/src/components/ui/first-slice.test.tsx +98 -0
- package/src/components/ui/index.ts +151 -0
- package/src/components/ui/interaction-primitives.test.tsx +77 -0
- package/src/components/ui/kbd-icons.test.tsx +90 -0
- package/src/components/ui/product-patterns.test.tsx +77 -0
- package/src/styles/themes.css +528 -0
- package/tailwind-preset.ts +7 -0
package/dist/tailwind-preset.js
CHANGED
|
@@ -56,9 +56,13 @@ var posthogThemePreset = {
|
|
|
56
56
|
ph: {
|
|
57
57
|
canvas: "var(--ph-canvas)",
|
|
58
58
|
surface: "var(--ph-surface)",
|
|
59
|
+
inset: "var(--ph-surface-inset)",
|
|
60
|
+
raised: "var(--ph-surface-raised)",
|
|
61
|
+
overlay: "var(--ph-surface-overlay)",
|
|
59
62
|
muted: "var(--ph-muted)",
|
|
60
63
|
toolbar: "var(--ph-toolbar)",
|
|
61
64
|
border: "var(--ph-border)",
|
|
65
|
+
"border-subtle": "var(--ph-border-subtle)",
|
|
62
66
|
strong: "var(--ph-border-strong)",
|
|
63
67
|
ink: "var(--ph-text-primary)",
|
|
64
68
|
subtle: "var(--ph-text-secondary)",
|
|
@@ -72,6 +76,9 @@ var posthogThemePreset = {
|
|
|
72
76
|
warning: "var(--ph-warning)",
|
|
73
77
|
danger: "var(--ph-danger)",
|
|
74
78
|
info: "var(--ph-info)",
|
|
79
|
+
selected: "var(--ph-selected-bg)",
|
|
80
|
+
"selected-ink": "var(--ph-selected-text)",
|
|
81
|
+
focus: "var(--ph-focus-ring)",
|
|
75
82
|
"btn-primary-face": "var(--ph-primary-button-face)",
|
|
76
83
|
"btn-primary-border": "var(--ph-primary-button-border)",
|
|
77
84
|
"btn-primary-frame": "var(--ph-primary-frame-bg)",
|
package/dist/tailwind-preset.mjs
CHANGED
|
@@ -34,9 +34,13 @@ var posthogThemePreset = {
|
|
|
34
34
|
ph: {
|
|
35
35
|
canvas: "var(--ph-canvas)",
|
|
36
36
|
surface: "var(--ph-surface)",
|
|
37
|
+
inset: "var(--ph-surface-inset)",
|
|
38
|
+
raised: "var(--ph-surface-raised)",
|
|
39
|
+
overlay: "var(--ph-surface-overlay)",
|
|
37
40
|
muted: "var(--ph-muted)",
|
|
38
41
|
toolbar: "var(--ph-toolbar)",
|
|
39
42
|
border: "var(--ph-border)",
|
|
43
|
+
"border-subtle": "var(--ph-border-subtle)",
|
|
40
44
|
strong: "var(--ph-border-strong)",
|
|
41
45
|
ink: "var(--ph-text-primary)",
|
|
42
46
|
subtle: "var(--ph-text-secondary)",
|
|
@@ -50,6 +54,9 @@ var posthogThemePreset = {
|
|
|
50
54
|
warning: "var(--ph-warning)",
|
|
51
55
|
danger: "var(--ph-danger)",
|
|
52
56
|
info: "var(--ph-info)",
|
|
57
|
+
selected: "var(--ph-selected-bg)",
|
|
58
|
+
"selected-ink": "var(--ph-selected-text)",
|
|
59
|
+
focus: "var(--ph-focus-ring)",
|
|
53
60
|
"btn-primary-face": "var(--ph-primary-button-face)",
|
|
54
61
|
"btn-primary-border": "var(--ph-primary-button-border)",
|
|
55
62
|
"btn-primary-frame": "var(--ph-primary-frame-bg)",
|
package/dist/ui.d.mts
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { A as Accordion, a as Alert, b as AlertProps, c as AlertStatus, d as AuthCard, e as AuthCardProps, f as AuthDivider, g as AuthDividerProps, h as AuthLayout, i as AuthLayoutProps, j as Avatar, k as AvatarGroup, l as AvatarGroupProps, m as AvatarProps, n as AvatarSize, o as AvatarStatus, B as Badge, p as BadgeProps, q as BadgeSize, r as BadgeVariant, s as BreadcrumbItem, t as Breadcrumbs, u as BreadcrumbsProps, v as Button, w as ButtonChrome, x as ButtonChromeProps, y as ButtonProps, z as ButtonShape, C as ButtonSize, D as ButtonVariant, F as Calendar, G as CanonicalIconName, H as Caption, I as Card, J as CardProps, K as CardVariant, L as ChatBubble, M as ChatBubbleProps, N as ChatBubbleVariant, O as Checkbox, P as CheckboxProps, Q as CodeBlock, R as CollapsibleSection, S as CommandPalette, T as ComponentDocs, U as ComponentDocsProps, V as ComponentPropRow, W as Display, X as Drawer, Y as DrawerProps, Z as DrawerSide, _ as DrawerSize, $ as DropdownAlign, a0 as DropdownButton, a1 as DropdownButtonProps, a2 as DropdownItem, a3 as DropdownItemProps, a4 as DropdownMenu, a5 as DropdownMenuProps, a6 as DropdownRadioGroup, a7 as DropdownRadioGroupProps, a8 as DropdownRadioItem, a9 as DropdownRadioItemProps, aa as DropdownSide, ab as EmptyState, ac as FileUpload, ad as FileUploadProps, ae as FilterBar, af as FilterBarProps, ag as FilterChip, ah as FilterChips, ai as FilterChipsProps, aj as FilterControls, ak as FilterControlsProps, al as FilterMenu, am as FilterMenuOption, an as FilterMenuProps, ao as FormField, ap as FormFieldControlProps, aq as FormFieldProps, ar as H1, as as H2, at as H3, au as H4, av as H5, aw as HoverCard, aC as Icon, ay as IconAliasName, aH as IconByName, bg as IconName, bn as IconProps, bO as Indicator, bP as IndicatorPosition, bQ as IndicatorProps, bR as Input, bS as InputProps, bT as InputSize, bU as InputVariant, bV as Kbd, bW as KbdPlatform, bX as KbdProps, bY as KbdVariant, bZ as Label, b_ as Lead, b$ as Loader, c0 as LoaderProps, c1 as LoaderSize, c2 as LoaderVariant, c3 as LoadingState, c4 as LoadingStateProps, c5 as Modal, c6 as ModalProps, c7 as ModalSize, c8 as Mono, ca as Overline, cb as P, ce as Pagination, cf as PaginationProps, cg as Panel, ch as PanelProps, ci as Progress, cj as ProgressProps, ck as Radio, cl as RadioProps, cm as Range, cn as RangeProps, co as Rating, cp as RatingProps, cq as SearchGroup, cr as SearchGroupProps, cs as SearchInput, ct as SearchInputProps, cu as SegmentedControl, cv as Select, cw as SelectProps, cx as SettingsLayout, cy as SettingsLayoutProps, cz as SettingsNav, cA as SettingsNavGroup, cB as SettingsNavItem, cC as SettingsNavProps, cD as ShowcaseWrapper, cE as Skeleton, cF as SkeletonProps, cG as SkeletonShape, cH as Small, cI as SortMenu, cJ as SortMenuProps, cK as Stat, cL as StatProps, cM as StatTone, cN as Stepper, cO as TabItem, cP as Table, cQ as TableColumn, cR as TableProps, cS as Tabs, cT as TabsProps, cU as TabsVariant, cV as Terminal, cW as TerminalProps, cX as Textarea, cY as TextareaProps, cZ as ThemeDomSync, c_ as ThemeManager, c$ as ThemeManagerProps, d0 as ThemeSwitcher, d1 as ThemeSwitcherProps, d2 as Timeline, d3 as TimelineEvent, d4 as TimelineProps, d5 as Toast, d6 as ToastProps, d7 as ToastStack, d8 as ToastStackProps, d9 as ToastStatus, da as Toggle, db as ToggleProps } from './index-D1RTT2Ap.mjs';
|
|
2
|
+
import 'react';
|
|
3
|
+
import 'react/jsx-runtime';
|
|
4
|
+
import '@radix-ui/react-dropdown-menu';
|
package/dist/ui.d.ts
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { A as Accordion, a as Alert, b as AlertProps, c as AlertStatus, d as AuthCard, e as AuthCardProps, f as AuthDivider, g as AuthDividerProps, h as AuthLayout, i as AuthLayoutProps, j as Avatar, k as AvatarGroup, l as AvatarGroupProps, m as AvatarProps, n as AvatarSize, o as AvatarStatus, B as Badge, p as BadgeProps, q as BadgeSize, r as BadgeVariant, s as BreadcrumbItem, t as Breadcrumbs, u as BreadcrumbsProps, v as Button, w as ButtonChrome, x as ButtonChromeProps, y as ButtonProps, z as ButtonShape, C as ButtonSize, D as ButtonVariant, F as Calendar, G as CanonicalIconName, H as Caption, I as Card, J as CardProps, K as CardVariant, L as ChatBubble, M as ChatBubbleProps, N as ChatBubbleVariant, O as Checkbox, P as CheckboxProps, Q as CodeBlock, R as CollapsibleSection, S as CommandPalette, T as ComponentDocs, U as ComponentDocsProps, V as ComponentPropRow, W as Display, X as Drawer, Y as DrawerProps, Z as DrawerSide, _ as DrawerSize, $ as DropdownAlign, a0 as DropdownButton, a1 as DropdownButtonProps, a2 as DropdownItem, a3 as DropdownItemProps, a4 as DropdownMenu, a5 as DropdownMenuProps, a6 as DropdownRadioGroup, a7 as DropdownRadioGroupProps, a8 as DropdownRadioItem, a9 as DropdownRadioItemProps, aa as DropdownSide, ab as EmptyState, ac as FileUpload, ad as FileUploadProps, ae as FilterBar, af as FilterBarProps, ag as FilterChip, ah as FilterChips, ai as FilterChipsProps, aj as FilterControls, ak as FilterControlsProps, al as FilterMenu, am as FilterMenuOption, an as FilterMenuProps, ao as FormField, ap as FormFieldControlProps, aq as FormFieldProps, ar as H1, as as H2, at as H3, au as H4, av as H5, aw as HoverCard, aC as Icon, ay as IconAliasName, aH as IconByName, bg as IconName, bn as IconProps, bO as Indicator, bP as IndicatorPosition, bQ as IndicatorProps, bR as Input, bS as InputProps, bT as InputSize, bU as InputVariant, bV as Kbd, bW as KbdPlatform, bX as KbdProps, bY as KbdVariant, bZ as Label, b_ as Lead, b$ as Loader, c0 as LoaderProps, c1 as LoaderSize, c2 as LoaderVariant, c3 as LoadingState, c4 as LoadingStateProps, c5 as Modal, c6 as ModalProps, c7 as ModalSize, c8 as Mono, ca as Overline, cb as P, ce as Pagination, cf as PaginationProps, cg as Panel, ch as PanelProps, ci as Progress, cj as ProgressProps, ck as Radio, cl as RadioProps, cm as Range, cn as RangeProps, co as Rating, cp as RatingProps, cq as SearchGroup, cr as SearchGroupProps, cs as SearchInput, ct as SearchInputProps, cu as SegmentedControl, cv as Select, cw as SelectProps, cx as SettingsLayout, cy as SettingsLayoutProps, cz as SettingsNav, cA as SettingsNavGroup, cB as SettingsNavItem, cC as SettingsNavProps, cD as ShowcaseWrapper, cE as Skeleton, cF as SkeletonProps, cG as SkeletonShape, cH as Small, cI as SortMenu, cJ as SortMenuProps, cK as Stat, cL as StatProps, cM as StatTone, cN as Stepper, cO as TabItem, cP as Table, cQ as TableColumn, cR as TableProps, cS as Tabs, cT as TabsProps, cU as TabsVariant, cV as Terminal, cW as TerminalProps, cX as Textarea, cY as TextareaProps, cZ as ThemeDomSync, c_ as ThemeManager, c$ as ThemeManagerProps, d0 as ThemeSwitcher, d1 as ThemeSwitcherProps, d2 as Timeline, d3 as TimelineEvent, d4 as TimelineProps, d5 as Toast, d6 as ToastProps, d7 as ToastStack, d8 as ToastStackProps, d9 as ToastStatus, da as Toggle, db as ToggleProps } from './index-D1RTT2Ap.js';
|
|
2
|
+
import 'react';
|
|
3
|
+
import 'react/jsx-runtime';
|
|
4
|
+
import '@radix-ui/react-dropdown-menu';
|