@xenide-io/the-old-ui-theme 0.3.2 → 0.4.3

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.
Files changed (62) hide show
  1. package/dist/chunk-54ZR4VL5.mjs +4641 -0
  2. package/dist/chunk-G53YLHVE.mjs +1023 -0
  3. package/dist/{index-BgG8Homu.d.mts → index-B5NOyoKS.d.mts} +100 -100
  4. package/dist/{index-BgG8Homu.d.ts → index-B5NOyoKS.d.ts} +100 -100
  5. package/dist/index.d.mts +9 -145
  6. package/dist/index.d.ts +9 -145
  7. package/dist/index.js +653 -1111
  8. package/dist/index.mjs +86 -342
  9. package/dist/suite.d.mts +760 -0
  10. package/dist/suite.d.ts +760 -0
  11. package/dist/suite.js +2800 -0
  12. package/dist/suite.mjs +2441 -0
  13. package/dist/ui.d.mts +1 -2
  14. package/dist/ui.d.ts +1 -2
  15. package/dist/ui.js +14 -10
  16. package/dist/ui.mjs +13 -11
  17. package/package.json +43 -24
  18. package/src/components/icons/icons.tsx +0 -2
  19. package/src/components/icons/index.ts +0 -3
  20. package/src/components/sections/IconShowcase.tsx +1 -110
  21. package/src/components/sections/NewComponentsShowcase.tsx +4 -4
  22. package/src/components/sections/SidebarShowcase.tsx +3 -3
  23. package/src/components/sections/SuiteShowcase.tsx +669 -0
  24. package/src/components/ui/ComponentDocs.tsx +2 -2
  25. package/src/components/ui/ContextMenu.tsx +1 -1
  26. package/src/components/ui/Menubar.tsx +1 -1
  27. package/src/components/ui/Sidebar.tsx +10 -8
  28. package/src/styles/suite-skin.css +255 -0
  29. package/src/suite/components/ai-panel.tsx +202 -0
  30. package/src/suite/components/app-switcher.tsx +196 -0
  31. package/src/suite/components/command-palette-host.tsx +62 -0
  32. package/src/suite/components/deferred-chrome.tsx +12 -0
  33. package/src/suite/components/suite-app-layout.tsx +69 -0
  34. package/src/suite/components/suite-bottom-nav.tsx +113 -0
  35. package/src/suite/components/suite-layout.tsx +285 -0
  36. package/src/suite/components/suite-mobile-drawer.tsx +150 -0
  37. package/src/suite/components/suite-mobile-header.tsx +71 -0
  38. package/src/suite/components/suite-notification-bell.tsx +227 -0
  39. package/src/suite/components/suite-settings-mobile-nav.tsx +83 -0
  40. package/src/suite/components/suite-sidebar.tsx +198 -0
  41. package/src/suite/components/suite-skeleton.tsx +191 -0
  42. package/src/suite/components/suite-user-menu.tsx +109 -0
  43. package/src/suite/components/theme-provider.tsx +174 -0
  44. package/src/suite/components/today-calibrating.tsx +95 -0
  45. package/src/suite/components/today-page-frame.tsx +28 -0
  46. package/src/suite/components/today-ui.tsx +370 -0
  47. package/src/suite/icons/app-accents.ts +75 -0
  48. package/src/suite/icons/glyph-parts.tsx +67 -0
  49. package/src/suite/icons/glyphs.ts +203 -0
  50. package/src/suite/icons/index.ts +12 -0
  51. package/src/suite/icons/suite-app-icon.tsx +68 -0
  52. package/src/suite/icons/suite-icon.tsx +93 -0
  53. package/src/suite/index.ts +108 -0
  54. package/src/suite/lib/apps.ts +75 -0
  55. package/src/suite/lib/cn.ts +6 -0
  56. package/src/suite/lib/injected.ts +54 -0
  57. package/src/suite/lib/motion.tsx +48 -0
  58. package/src/suite/lib/use-idle-mount.ts +25 -0
  59. package/dist/chunk-5HSOBJ4F.mjs +0 -5968
  60. package/src/components/icons/lemon-brand-icons.tsx +0 -16
  61. package/src/components/icons/lemon-category-icons.tsx +0 -72
  62. package/src/components/icons/lemon-icons.tsx +0 -57
package/dist/index.mjs CHANGED
@@ -14,9 +14,7 @@ import {
14
14
  Banner,
15
15
  Breadcrumbs,
16
16
  Button,
17
- ButtonChrome,
18
17
  ButtonGroup,
19
- CANONICAL_ICONS,
20
18
  Calendar,
21
19
  Caption,
22
20
  Card,
@@ -38,11 +36,6 @@ import {
38
36
  Divider,
39
37
  Dot,
40
38
  Drawer,
41
- DropdownButton,
42
- DropdownItem,
43
- DropdownMenu,
44
- DropdownRadioGroup,
45
- DropdownRadioItem,
46
39
  EmptyState,
47
40
  FileUpload,
48
41
  FilterBar,
@@ -56,292 +49,169 @@ import {
56
49
  H4,
57
50
  H5,
58
51
  HoverCard,
59
- Icon123,
60
- IconAI,
61
- IconAction,
52
+ Indicator,
53
+ Input,
54
+ InputGroup,
55
+ Kbd,
56
+ Label,
57
+ Lead,
58
+ Lettermark,
59
+ Link,
60
+ Loader,
61
+ LoadingBar,
62
+ LoadingState,
63
+ Menubar,
64
+ Metric,
65
+ Modal,
66
+ Mono,
67
+ NumberField,
68
+ Overline,
69
+ P,
70
+ Pagination,
71
+ Panel,
72
+ Popover,
73
+ Progress,
74
+ ProgressCircle,
75
+ Radio,
76
+ Range,
77
+ Rating,
78
+ Resizable,
79
+ Row,
80
+ ScrollArea,
81
+ SearchGroup,
82
+ SearchInput,
83
+ SegmentedControl,
84
+ Select,
85
+ SettingsLayout,
86
+ SettingsNav,
87
+ ShowcaseWrapper,
88
+ Sidebar,
89
+ Skeleton,
90
+ Small,
91
+ Snack,
92
+ SortMenu,
93
+ Spinner,
94
+ Splotch,
95
+ Stat,
96
+ Stepper,
97
+ THEMES,
98
+ THEME_GROUPS,
99
+ THEME_INIT_SCRIPT,
100
+ Table,
101
+ Tabs,
102
+ Tag,
103
+ Terminal,
104
+ Textarea,
105
+ ThemeDomSync,
106
+ ThemeManager,
107
+ ThemeSwitcher,
108
+ Timeline,
109
+ Toast,
110
+ ToastStack,
111
+ Toggle,
112
+ ToggleButton,
113
+ ToggleGroup,
114
+ Widget,
115
+ getTheme,
116
+ isThemeId,
117
+ persistTheme,
118
+ readStoredTheme
119
+ } from "./chunk-54ZR4VL5.mjs";
120
+ import {
121
+ ButtonChrome,
122
+ CANONICAL_ICONS,
123
+ DropdownButton,
124
+ DropdownItem,
125
+ DropdownMenu,
126
+ DropdownRadioGroup,
127
+ DropdownRadioItem,
62
128
  IconActivity,
63
- IconAdsClick,
64
- IconAndroidOS,
65
- IconAppleIOS,
66
- IconArchive,
67
129
  IconAreaChart,
68
130
  IconArrowDown,
69
131
  IconArrowUp,
70
- IconAtSign,
71
- IconBadge,
72
132
  IconBase,
73
133
  IconBell,
74
134
  IconBellOff,
75
- IconBinary,
76
- IconBlank,
77
- IconBold,
78
135
  IconBolt,
79
- IconBook,
80
- IconBookmarkBorder,
81
136
  IconBox,
82
- IconBranch,
83
- IconBug,
84
137
  IconByName,
85
- IconCalculate,
86
- IconCalendar,
87
- IconCalendarDay,
88
138
  IconCancel,
89
- IconCart,
90
- IconChat,
91
139
  IconCheck,
92
140
  IconCheckCircle,
93
- IconCheckboxChecked,
94
141
  IconChevronDown,
95
142
  IconChevronLeft,
96
143
  IconChevronRight,
97
- IconChrome,
98
144
  IconClipboardEdit,
99
- IconClock,
100
145
  IconClose,
101
- IconCloud,
102
146
  IconCodePreview,
103
- IconCoffee,
104
147
  IconCohort,
105
148
  IconCommandCursor,
106
- IconConfetti,
107
149
  IconCopy,
108
- IconCrown,
109
150
  IconCumulativeChart,
110
151
  IconDataReel,
111
152
  IconDatabase,
112
- IconDevices,
113
- IconDocument,
114
153
  IconDownload,
115
- IconDownloadCloud,
116
- IconDragHandle,
117
154
  IconEdit,
118
155
  IconErrorOutline,
119
- IconEvent,
120
156
  IconEventStream,
121
157
  IconExclamation,
122
158
  IconExperimentSplit,
123
- IconExternalLink,
124
- IconEye,
125
- IconEyeHidden,
126
- IconFacebook,
127
159
  IconFeatureGate,
128
- IconFeedback,
129
- IconFile,
130
- IconFilter,
131
- IconFingerprint,
132
- IconFirefox,
133
160
  IconFlag,
134
161
  IconFlare,
135
162
  IconFlask,
136
- IconFolder,
137
- IconForward,
138
- IconFullScreen,
139
- IconFunnelHorizontal,
140
- IconFunnelVertical,
141
- IconGear,
142
- IconGhost,
143
163
  IconGift,
144
- IconGitlab,
145
- IconGlobe,
146
- IconGoogle,
147
164
  IconGridView,
148
- IconGroupedEvents,
149
- IconGroups,
150
165
  IconHandClick,
151
- IconHash,
152
- IconHeadphones,
153
- IconHeart,
154
- IconHeatmap,
155
166
  IconHome,
156
- IconHomeFilled,
157
- IconHourglass,
158
- IconImage,
159
- IconInbox,
160
167
  IconInfo,
161
- IconInfoFilled,
162
168
  IconInsightBoard,
163
- IconItalic,
164
- IconKey,
165
- IconKeyFilled,
166
- IconLaptop,
167
169
  IconLayers,
168
- IconLayout,
169
- IconLifeBuoy,
170
- IconLightBulb,
171
- IconLink,
172
- IconLinkBreak,
173
- IconLinux,
174
170
  IconListView,
175
- IconLocation,
176
- IconLock,
177
171
  IconLogout,
178
- IconMacOS,
179
172
  IconMail,
180
- IconMap,
181
- IconMapPin,
182
- IconMaximize,
183
- IconMegaphone,
184
- IconMenu,
185
- IconMic,
186
- IconMicrosoftTeams,
187
- IconMinimize,
188
- IconMinus,
189
- IconMonitor,
190
173
  IconMoon,
191
- IconMoonFilled,
192
- IconMoreHorizontal,
193
- IconMoreVertical,
194
- IconMusic,
195
- IconNavigation,
196
- IconNodeJS,
197
- IconOffline,
198
174
  IconOldWindow,
199
- IconOpenInApp,
200
- IconOpenInNew,
201
- IconPalette,
202
175
  IconPanelRight,
203
- IconPaperclip,
204
- IconPauseCircle,
205
- IconPeople,
206
- IconPercent,
207
176
  IconPerson,
208
- IconPhone,
209
- IconPin,
210
177
  IconPlayCircle,
211
178
  IconPlus,
212
179
  IconPremium,
213
- IconPreview,
214
- IconPrinter,
215
180
  IconQueryEditor,
216
181
  IconQueryStack,
217
- IconQuestionAnswer,
218
182
  IconRadar,
219
- IconRadioButtonUnchecked,
220
183
  IconRecording,
221
- IconRedo,
222
- IconRefresh,
223
- IconReplay,
224
184
  IconReplayFrame,
225
- IconReply,
226
- IconReport,
227
185
  IconRobot,
228
186
  IconRocket,
229
- IconSafari,
230
187
  IconSave,
231
188
  IconSearch,
232
- IconSelectAll,
233
189
  IconSelectEvents,
234
190
  IconShoppingCart,
235
- IconSkipBackward,
236
- IconSkipEnd,
237
- IconSkipStart,
238
- IconSlack,
239
- IconSlackExternal,
240
191
  IconSpinner,
241
- IconStamphog,
242
192
  IconStar,
243
- IconStore,
244
193
  IconSubArrowRight,
245
- IconSubtitles,
246
- IconSubtitlesOff,
247
194
  IconSun,
248
195
  IconSurveyCard,
249
196
  IconSurveys,
250
- IconSwapHoriz,
251
197
  IconSync,
252
198
  IconTableChart,
253
199
  IconTerminal,
254
- IconTextSize,
255
200
  IconToggle,
256
201
  IconTrash,
257
- IconTrendingDown,
258
- IconTrendingFlat,
259
- IconTrendingFlatDown,
260
202
  IconTuning,
261
- IconUnverifiedEvent,
262
203
  IconUpload,
263
- IconVerifiedEvent,
264
- IconVerticalAlignCenter,
265
204
  IconVolume,
266
205
  IconVolumeOff,
267
- IconWeb,
268
- IconWindows,
269
- Indicator,
270
- Input,
271
- InputGroup,
272
- Kbd,
273
- Label,
274
- Lead,
275
- Lettermark,
276
- Link,
277
- Loader,
278
- LoadingBar,
279
- LoadingState,
280
- Menubar,
281
- Metric,
282
- Modal,
283
- Mono,
284
- NumberField,
285
206
  OLD_UI_ICONS,
286
- Overline,
287
- P,
288
207
  PH_ICONS,
289
208
  PH_ICON_ALIASES,
290
- Pagination,
291
- Panel,
292
- Popover,
293
- Progress,
294
- ProgressCircle,
295
- Radio,
296
- Range,
297
- Rating,
298
- Resizable,
299
- Row,
300
- ScrollArea,
301
- SearchGroup,
302
- SearchInput,
303
- SegmentedControl,
304
- Select,
305
- SettingsLayout,
306
- SettingsNav,
307
- ShowcaseWrapper,
308
- Sidebar,
309
- Skeleton,
310
- Small,
311
- Snack,
312
- SortMenu,
313
- Spinner,
314
- Splotch,
315
- Stat,
316
- Stepper,
317
- THEMES,
318
- THEME_GROUPS,
319
- THEME_INIT_SCRIPT,
320
- Table,
321
- Tabs,
322
- Tag,
323
- Terminal,
324
- Textarea,
325
- ThemeDomSync,
326
- ThemeManager,
327
- ThemeSwitcher,
328
- Timeline,
329
- Toast,
330
- ToastStack,
331
- Toggle,
332
- ToggleButton,
333
- ToggleGroup,
334
209
  Tooltip,
335
210
  TooltipProvider,
336
- Widget,
337
211
  cn,
338
212
  createIconBase,
339
- createIconBasePath,
340
- getTheme,
341
- isThemeId,
342
- persistTheme,
343
- readStoredTheme
344
- } from "./chunk-5HSOBJ4F.mjs";
213
+ createIconBasePath
214
+ } from "./chunk-G53YLHVE.mjs";
345
215
  import {
346
216
  __spreadProps,
347
217
  __spreadValues
@@ -687,7 +557,10 @@ import { useEffect as useEffect2, useState as useState2 } from "react";
687
557
  var DEFAULT_TOKENS = {
688
558
  series: ["#1d4aff", "#621da6", "#42827e", "#ce0e74", "#f14f58", "#529a0a", "#fe729e"],
689
559
  muted: "hsl(220 9% 90%)",
690
- surface: "#ffffff"
560
+ surface: "#ffffff",
561
+ textMuted: "hsl(220 9% 46%)",
562
+ grid: "hsl(220 13% 91%)",
563
+ borderStrong: "hsl(220 13% 80%)"
691
564
  };
692
565
  function readTokens() {
693
566
  if (typeof document === "undefined") return DEFAULT_TOKENS;
@@ -704,7 +577,10 @@ function readTokens() {
704
577
  read("--ph-data-7", DEFAULT_TOKENS.series[6])
705
578
  ],
706
579
  muted: read("--ph-muted", DEFAULT_TOKENS.muted),
707
- surface: read("--ph-surface", DEFAULT_TOKENS.surface)
580
+ surface: read("--ph-surface", DEFAULT_TOKENS.surface),
581
+ textMuted: read("--ph-mutedtext", DEFAULT_TOKENS.textMuted),
582
+ grid: read("--ph-border", DEFAULT_TOKENS.grid),
583
+ borderStrong: read("--ph-border-strong", DEFAULT_TOKENS.borderStrong)
708
584
  };
709
585
  }
710
586
  function useChartTokens() {
@@ -1044,216 +920,84 @@ export {
1044
920
  H5,
1045
921
  HoverCard,
1046
922
  IconBase as Icon,
1047
- Icon123,
1048
- IconAI,
1049
- IconAction,
1050
923
  IconActivity,
1051
- IconAdsClick,
1052
- IconAndroidOS,
1053
- IconAppleIOS,
1054
- IconArchive,
1055
924
  IconAreaChart,
1056
925
  IconArrowDown,
1057
926
  IconArrowUp,
1058
- IconAtSign,
1059
- IconBadge,
1060
927
  IconBase,
1061
928
  IconBell,
1062
929
  IconBellOff,
1063
- IconBinary,
1064
- IconBlank,
1065
- IconBold,
1066
930
  IconBolt,
1067
- IconBook,
1068
- IconBookmarkBorder,
1069
931
  IconBox,
1070
- IconBranch,
1071
- IconBug,
1072
932
  IconByName,
1073
- IconCalculate,
1074
- IconCalendar,
1075
- IconCalendarDay,
1076
933
  IconCancel,
1077
- IconCart,
1078
- IconChat,
1079
934
  IconCheck,
1080
935
  IconCheckCircle,
1081
- IconCheckboxChecked,
1082
936
  IconChevronDown,
1083
937
  IconChevronLeft,
1084
938
  IconChevronRight,
1085
- IconChrome,
1086
939
  IconClipboardEdit,
1087
- IconClock,
1088
940
  IconClose,
1089
- IconCloud,
1090
941
  IconCodePreview,
1091
- IconCoffee,
1092
942
  IconCohort,
1093
943
  IconCommandCursor,
1094
- IconConfetti,
1095
944
  IconCopy,
1096
- IconCrown,
1097
945
  IconCumulativeChart,
1098
946
  IconDataReel,
1099
947
  IconDatabase,
1100
- IconDevices,
1101
- IconDocument,
1102
948
  IconDownload,
1103
- IconDownloadCloud,
1104
- IconDragHandle,
1105
949
  IconEdit,
1106
950
  IconErrorOutline,
1107
- IconEvent,
1108
951
  IconEventStream,
1109
952
  IconExclamation,
1110
953
  IconExperimentSplit,
1111
- IconExternalLink,
1112
- IconEye,
1113
- IconEyeHidden,
1114
- IconFacebook,
1115
954
  IconFeatureGate,
1116
- IconFeedback,
1117
- IconFile,
1118
- IconFilter,
1119
- IconFingerprint,
1120
- IconFirefox,
1121
955
  IconFlag,
1122
956
  IconFlare,
1123
957
  IconFlask,
1124
- IconFolder,
1125
- IconForward,
1126
- IconFullScreen,
1127
- IconFunnelHorizontal,
1128
- IconFunnelVertical,
1129
- IconGear,
1130
- IconGhost,
1131
958
  IconGift,
1132
- IconGitlab,
1133
- IconGlobe,
1134
- IconGoogle,
1135
959
  IconGridView,
1136
- IconGroupedEvents,
1137
- IconGroups,
1138
960
  IconHandClick,
1139
- IconHash,
1140
- IconHeadphones,
1141
- IconHeart,
1142
- IconHeatmap,
1143
961
  IconHome,
1144
- IconHomeFilled,
1145
- IconHourglass,
1146
- IconImage,
1147
- IconInbox,
1148
962
  IconInfo,
1149
- IconInfoFilled,
1150
963
  IconInsightBoard,
1151
- IconItalic,
1152
- IconKey,
1153
- IconKeyFilled,
1154
- IconLaptop,
1155
964
  IconLayers,
1156
- IconLayout,
1157
- IconLifeBuoy,
1158
- IconLightBulb,
1159
- IconLink,
1160
- IconLinkBreak,
1161
- IconLinux,
1162
965
  IconListView,
1163
- IconLocation,
1164
- IconLock,
1165
966
  IconLogout,
1166
- IconMacOS,
1167
967
  IconMail,
1168
- IconMap,
1169
- IconMapPin,
1170
- IconMaximize,
1171
- IconMegaphone,
1172
- IconMenu,
1173
- IconMic,
1174
- IconMicrosoftTeams,
1175
- IconMinimize,
1176
- IconMinus,
1177
- IconMonitor,
1178
968
  IconMoon,
1179
- IconMoonFilled,
1180
- IconMoreHorizontal,
1181
- IconMoreVertical,
1182
- IconMusic,
1183
- IconNavigation,
1184
- IconNodeJS,
1185
- IconOffline,
1186
969
  IconOldWindow,
1187
- IconOpenInApp,
1188
- IconOpenInNew,
1189
- IconPalette,
1190
970
  IconPanelRight,
1191
- IconPaperclip,
1192
- IconPauseCircle,
1193
- IconPeople,
1194
- IconPercent,
1195
971
  IconPerson,
1196
- IconPhone,
1197
- IconPin,
1198
972
  IconPlayCircle,
1199
973
  IconPlus,
1200
974
  IconPremium,
1201
- IconPreview,
1202
- IconPrinter,
1203
975
  IconQueryEditor,
1204
976
  IconQueryStack,
1205
- IconQuestionAnswer,
1206
977
  IconRadar,
1207
- IconRadioButtonUnchecked,
1208
978
  IconRecording,
1209
- IconRedo,
1210
- IconRefresh,
1211
- IconReplay,
1212
979
  IconReplayFrame,
1213
- IconReply,
1214
- IconReport,
1215
980
  IconRobot,
1216
981
  IconRocket,
1217
- IconSafari,
1218
982
  IconSave,
1219
983
  IconSearch,
1220
- IconSelectAll,
1221
984
  IconSelectEvents,
1222
985
  IconShoppingCart,
1223
- IconSkipBackward,
1224
- IconSkipEnd,
1225
- IconSkipStart,
1226
- IconSlack,
1227
- IconSlackExternal,
1228
986
  IconSpinner,
1229
- IconStamphog,
1230
987
  IconStar,
1231
- IconStore,
1232
988
  IconSubArrowRight,
1233
- IconSubtitles,
1234
- IconSubtitlesOff,
1235
989
  IconSun,
1236
990
  IconSurveyCard,
1237
991
  IconSurveys,
1238
- IconSwapHoriz,
1239
992
  IconSync,
1240
993
  IconTableChart,
1241
994
  IconTerminal,
1242
- IconTextSize,
1243
995
  IconToggle,
1244
996
  IconTrash,
1245
- IconTrendingDown,
1246
- IconTrendingFlat,
1247
- IconTrendingFlatDown,
1248
997
  IconTuning,
1249
- IconUnverifiedEvent,
1250
998
  IconUpload,
1251
- IconVerifiedEvent,
1252
- IconVerticalAlignCenter,
1253
999
  IconVolume,
1254
1000
  IconVolumeOff,
1255
- IconWeb,
1256
- IconWindows,
1257
1001
  Indicator,
1258
1002
  Input,
1259
1003
  InputGroup,