@xenide-io/the-old-ui-theme 0.2.9 → 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-SHF57J7U.mjs → chunk-FDMD3IIN.mjs} +1573 -652
- package/dist/index-D1RTT2Ap.d.mts +1044 -0
- package/dist/index-D1RTT2Ap.d.ts +1044 -0
- package/dist/index.d.mts +10 -7
- package/dist/index.d.ts +10 -7
- package/dist/index.js +1705 -744
- package/dist/index.mjs +61 -1
- package/dist/tailwind-preset.js +7 -0
- package/dist/tailwind-preset.mjs +7 -0
- package/dist/ui.d.mts +3 -2
- package/dist/ui.d.ts +3 -2
- package/dist/ui.js +1584 -666
- package/dist/ui.mjs +31 -1
- package/package.json +18 -4
- package/src/app/globals.css +1005 -227
- package/src/components/icons/IconBase.tsx +20 -12
- package/src/components/icons/createIconBase.tsx +12 -7
- package/src/components/icons/icons.tsx +208 -18
- package/src/components/sections/AlertShowcase.tsx +2 -1
- package/src/components/sections/BadgeShowcase.tsx +1 -1
- package/src/components/sections/ButtonShowcase.tsx +6 -10
- package/src/components/sections/CardShowcase.tsx +22 -6
- package/src/components/sections/DropdownShowcase.tsx +4 -6
- package/src/components/sections/FilterChipsShowcase.tsx +74 -26
- package/src/components/sections/FormShowcase.tsx +2 -1
- package/src/components/sections/IconShowcase.tsx +86 -206
- package/src/components/sections/KbdShowcase.tsx +47 -21
- package/src/components/sections/ModalShowcase.tsx +7 -6
- package/src/components/sections/ProductLayoutsShowcase.tsx +138 -0
- package/src/components/sections/ProgressShowcase.tsx +50 -53
- package/src/components/sections/SwapShowcase.tsx +13 -5
- package/src/components/ui/Alert.tsx +28 -19
- package/src/components/ui/AuthLayout.tsx +58 -0
- package/src/components/ui/Badge.tsx +10 -5
- package/src/components/ui/Button.tsx +22 -12
- package/src/components/ui/ButtonChrome.tsx +1 -1
- package/src/components/ui/Calendar.tsx +6 -7
- package/src/components/ui/Card.tsx +21 -11
- package/src/components/ui/CollapsibleSection.tsx +11 -11
- package/src/components/ui/DropdownMenu.tsx +189 -65
- package/src/components/ui/FilterBar.tsx +165 -0
- package/src/components/ui/FilterChips.tsx +65 -35
- package/src/components/ui/FilterControls.tsx +30 -0
- package/src/components/ui/FormField.tsx +69 -0
- package/src/components/ui/Input.tsx +166 -140
- package/src/components/ui/Kbd.tsx +88 -13
- package/src/components/ui/Loader.tsx +96 -0
- package/src/components/ui/Modal.tsx +66 -36
- package/src/components/ui/SettingsLayout.tsx +94 -0
- package/src/components/ui/ShowcaseWrapper.tsx +4 -16
- package/src/components/ui/Stepper.tsx +5 -6
- package/src/components/ui/first-slice.test.tsx +98 -0
- package/src/components/ui/index.ts +62 -3
- 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 +411 -1
- package/tailwind-preset.ts +7 -0
- package/dist/index-CmS6hcUk.d.mts +0 -753
- package/dist/index-CmS6hcUk.d.ts +0 -753
package/dist/index.d.mts
CHANGED
|
@@ -1,18 +1,21 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { A as Accordion, a as Alert, b as AlertProps, c as AlertStatus, d as
|
|
3
|
-
import * as
|
|
1
|
+
import { bn as IconProps } from './index-D1RTT2Ap.mjs';
|
|
2
|
+
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, E as CANONICAL_ICONS, 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, ax as IconActivity, ay as IconAliasName, az as IconAreaChart, aA as IconArrowDown, aB as IconArrowUp, aC as IconBase, aD as IconBell, aE as IconBellOff, aF as IconBolt, aG as IconBox, aH as IconByName, aI as IconCancel, aJ as IconCheck, aK as IconCheckCircle, aL as IconChevronDown, aM as IconChevronLeft, aN as IconChevronRight, aO as IconClipboardEdit, aP as IconClose, aQ as IconCodePreview, aR as IconCohort, aS as IconCommandCursor, aT as IconCopy, aU as IconCumulativeChart, aV as IconDataReel, aW as IconDatabase, aX as IconDownload, aY as IconEdit, aZ as IconErrorOutline, a_ as IconEventStream, a$ as IconExclamation, b0 as IconExperimentSplit, b1 as IconFeatureGate, b2 as IconFlag, b3 as IconFlare, b4 as IconFlask, b5 as IconGift, b6 as IconGridView, b7 as IconHandClick, b8 as IconHome, b9 as IconInfo, ba as IconInsightBoard, bb as IconLayers, bc as IconListView, bd as IconLogout, be as IconMail, bf as IconMoon, bg as IconName, bh as IconOldWindow, bi as IconPanelRight, bj as IconPerson, bk as IconPlayCircle, bl as IconPlus, bm as IconPremium, bo as IconQueryEditor, bp as IconQueryStack, bq as IconRadar, br as IconRecording, bs as IconReplayFrame, bt as IconRobot, bu as IconRocket, bv as IconSave, bw as IconSearch, bx as IconSelectEvents, by as IconShoppingCart, bz as IconSpinner, bA as IconStar, bB as IconSubArrowRight, bC as IconSun, bD as IconSurveyCard, bE as IconSurveys, bF as IconSync, bG as IconTableChart, bH as IconTerminal, bI as IconToggle, bJ as IconTrash, bK as IconTuning, bL as IconUpload, bM as IconVolume, bN as IconVolumeOff, 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, c9 as OLD_UI_ICONS, ca as Overline, cb as P, cc as PH_ICONS, cd as PH_ICON_ALIASES, 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';
|
|
3
|
+
import * as react from 'react';
|
|
4
4
|
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
5
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
+
import '@radix-ui/react-dropdown-menu';
|
|
5
7
|
|
|
6
8
|
interface IconBaseDefinition {
|
|
9
|
+
name?: string;
|
|
7
10
|
viewBox?: string;
|
|
8
11
|
paths: ReactNode;
|
|
9
12
|
}
|
|
10
|
-
/** Factory for filled Lemon-style glyphs
|
|
11
|
-
declare function createIconBase({ viewBox, paths }: IconBaseDefinition):
|
|
13
|
+
/** Factory for filled Old UI, Lemon, and Material-style glyphs. */
|
|
14
|
+
declare function createIconBase({ name, viewBox, paths }: IconBaseDefinition): react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
12
15
|
/** Shorthand for single-path filled icons. */
|
|
13
|
-
declare function createIconBasePath(d: string, viewBox?: string):
|
|
16
|
+
declare function createIconBasePath(d: string, viewBox?: string, name?: string): react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
14
17
|
|
|
15
|
-
type ThemeId = "hedgehog-light" | "hedgehog-dark" | "catppuccin-light" | "catppuccin-dark" | "sheets" | "sheets-dark" | "socials" | "socials-dark" | "xenide-light" | "xenide-dark" | "chats-light" | "chats-dark" | "bikini-bottom" | "bikini-bottom-dark" | "turtletime" | "turtletime-dark" | "note" | "note-dark" | "presentation" | "presentation-dark" | "github-light" | "github-dark" | "rosepine-light" | "rosepine-dark" | "notion" | "notion-dark";
|
|
18
|
+
type ThemeId = "hedgehog-light" | "hedgehog-dark" | "catppuccin-light" | "catppuccin-dark" | "sheets" | "sheets-dark" | "socials" | "socials-dark" | "xenide-light" | "xenide-dark" | "chats-light" | "chats-dark" | "bikini-bottom" | "bikini-bottom-dark" | "turtletime" | "turtletime-dark" | "note" | "note-dark" | "presentation" | "presentation-dark" | "github-light" | "github-dark" | "rosepine-light" | "rosepine-dark" | "notion" | "notion-dark" | "deepsea-light" | "deepsea-dark" | "kraken-light" | "kraken-dark";
|
|
16
19
|
interface ThemeDefinition {
|
|
17
20
|
id: ThemeId;
|
|
18
21
|
name: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,18 +1,21 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { A as Accordion, a as Alert, b as AlertProps, c as AlertStatus, d as
|
|
3
|
-
import * as
|
|
1
|
+
import { bn as IconProps } from './index-D1RTT2Ap.js';
|
|
2
|
+
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, E as CANONICAL_ICONS, 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, ax as IconActivity, ay as IconAliasName, az as IconAreaChart, aA as IconArrowDown, aB as IconArrowUp, aC as IconBase, aD as IconBell, aE as IconBellOff, aF as IconBolt, aG as IconBox, aH as IconByName, aI as IconCancel, aJ as IconCheck, aK as IconCheckCircle, aL as IconChevronDown, aM as IconChevronLeft, aN as IconChevronRight, aO as IconClipboardEdit, aP as IconClose, aQ as IconCodePreview, aR as IconCohort, aS as IconCommandCursor, aT as IconCopy, aU as IconCumulativeChart, aV as IconDataReel, aW as IconDatabase, aX as IconDownload, aY as IconEdit, aZ as IconErrorOutline, a_ as IconEventStream, a$ as IconExclamation, b0 as IconExperimentSplit, b1 as IconFeatureGate, b2 as IconFlag, b3 as IconFlare, b4 as IconFlask, b5 as IconGift, b6 as IconGridView, b7 as IconHandClick, b8 as IconHome, b9 as IconInfo, ba as IconInsightBoard, bb as IconLayers, bc as IconListView, bd as IconLogout, be as IconMail, bf as IconMoon, bg as IconName, bh as IconOldWindow, bi as IconPanelRight, bj as IconPerson, bk as IconPlayCircle, bl as IconPlus, bm as IconPremium, bo as IconQueryEditor, bp as IconQueryStack, bq as IconRadar, br as IconRecording, bs as IconReplayFrame, bt as IconRobot, bu as IconRocket, bv as IconSave, bw as IconSearch, bx as IconSelectEvents, by as IconShoppingCart, bz as IconSpinner, bA as IconStar, bB as IconSubArrowRight, bC as IconSun, bD as IconSurveyCard, bE as IconSurveys, bF as IconSync, bG as IconTableChart, bH as IconTerminal, bI as IconToggle, bJ as IconTrash, bK as IconTuning, bL as IconUpload, bM as IconVolume, bN as IconVolumeOff, 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, c9 as OLD_UI_ICONS, ca as Overline, cb as P, cc as PH_ICONS, cd as PH_ICON_ALIASES, 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';
|
|
3
|
+
import * as react from 'react';
|
|
4
4
|
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
5
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
+
import '@radix-ui/react-dropdown-menu';
|
|
5
7
|
|
|
6
8
|
interface IconBaseDefinition {
|
|
9
|
+
name?: string;
|
|
7
10
|
viewBox?: string;
|
|
8
11
|
paths: ReactNode;
|
|
9
12
|
}
|
|
10
|
-
/** Factory for filled Lemon-style glyphs
|
|
11
|
-
declare function createIconBase({ viewBox, paths }: IconBaseDefinition):
|
|
13
|
+
/** Factory for filled Old UI, Lemon, and Material-style glyphs. */
|
|
14
|
+
declare function createIconBase({ name, viewBox, paths }: IconBaseDefinition): react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
12
15
|
/** Shorthand for single-path filled icons. */
|
|
13
|
-
declare function createIconBasePath(d: string, viewBox?: string):
|
|
16
|
+
declare function createIconBasePath(d: string, viewBox?: string, name?: string): react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
14
17
|
|
|
15
|
-
type ThemeId = "hedgehog-light" | "hedgehog-dark" | "catppuccin-light" | "catppuccin-dark" | "sheets" | "sheets-dark" | "socials" | "socials-dark" | "xenide-light" | "xenide-dark" | "chats-light" | "chats-dark" | "bikini-bottom" | "bikini-bottom-dark" | "turtletime" | "turtletime-dark" | "note" | "note-dark" | "presentation" | "presentation-dark" | "github-light" | "github-dark" | "rosepine-light" | "rosepine-dark" | "notion" | "notion-dark";
|
|
18
|
+
type ThemeId = "hedgehog-light" | "hedgehog-dark" | "catppuccin-light" | "catppuccin-dark" | "sheets" | "sheets-dark" | "socials" | "socials-dark" | "xenide-light" | "xenide-dark" | "chats-light" | "chats-dark" | "bikini-bottom" | "bikini-bottom-dark" | "turtletime" | "turtletime-dark" | "note" | "note-dark" | "presentation" | "presentation-dark" | "github-light" | "github-dark" | "rosepine-light" | "rosepine-dark" | "notion" | "notion-dark" | "deepsea-light" | "deepsea-dark" | "kraken-light" | "kraken-dark";
|
|
16
19
|
interface ThemeDefinition {
|
|
17
20
|
id: ThemeId;
|
|
18
21
|
name: string;
|