@hanzo/ui 2.5.0 → 3.0.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.
Files changed (80) hide show
  1. package/blocks/components/card-block.tsx +1 -1
  2. package/blocks/components/screenful-block/content.tsx +2 -2
  3. package/package.json +10 -11
  4. package/primitives/icons/index.ts +18 -0
  5. package/primitives/index.ts +1 -0
  6. package/primitives/toggle-group.tsx +1 -1
  7. package/primitives/youtube-embed.tsx +1 -1
  8. package/style/hanzo-default-colors.css +2 -2
  9. package/{context-providers → style}/theme-provider.tsx +2 -2
  10. package/tailwind/fontFamily.tailwind.ts +7 -0
  11. package/tailwind/{fonts.tailwind.ts → fontSize.tailwind.ts} +1 -19
  12. package/tailwind/index.ts +4 -15
  13. package/tailwind/tailwind.config.hanzo-preset.d.ts +5 -0
  14. package/tailwind/{tailwind.config.base.js → tailwind.config.hanzo-preset.js} +4 -2
  15. package/tailwind/typo-plugin/get-plugin-styles.js +42 -42
  16. package/tailwind/typography-test.mdx +1 -1
  17. package/types/index.ts +5 -15
  18. package/assets/lux-site-icons/android-chrome-192x192.png +0 -0
  19. package/assets/lux-site-icons/android-chrome-512x512.png +0 -0
  20. package/assets/lux-site-icons/apple-touch-icon.png +0 -0
  21. package/assets/lux-site-icons/favicon-16x16.png +0 -0
  22. package/assets/lux-site-icons/favicon-32x32.png +0 -0
  23. package/assets/lux-site-icons/favicon.ico +0 -0
  24. package/assets/standard-docs/LUX-NFT-Terms-and-Conditions.pdf +0 -0
  25. package/assets/standard-docs/LUX-Privacy-Policy.pdf +0 -0
  26. package/common/chat-widget.tsx +0 -75
  27. package/common/contact-dialog/contact-form.tsx +0 -111
  28. package/common/contact-dialog/disclaimer.tsx +0 -13
  29. package/common/contact-dialog/index.tsx +0 -48
  30. package/common/copyright.tsx +0 -21
  31. package/common/drawer-menu.tsx +0 -54
  32. package/common/footer.tsx +0 -77
  33. package/common/head-metadata/from-next/metadata-types.ts +0 -158
  34. package/common/head-metadata/from-next/opengraph-types.ts +0 -267
  35. package/common/head-metadata/from-next/twitter-types.ts +0 -92
  36. package/common/head-metadata/index.tsx +0 -208
  37. package/common/header/index.tsx +0 -66
  38. package/common/header/mobile-nav.tsx +0 -72
  39. package/common/header/theme-toggle.tsx +0 -26
  40. package/common/icons/index.tsx +0 -34
  41. package/common/icons/lux-logo.tsx +0 -10
  42. package/common/icons/secure-delivery.tsx +0 -13
  43. package/common/icons/social-icon.tsx +0 -35
  44. package/common/index.ts +0 -14
  45. package/common/logo.tsx +0 -71
  46. package/common/mini-chart/index.tsx +0 -8
  47. package/common/mini-chart/mini-chart-props.ts +0 -44
  48. package/common/mini-chart/mini-chart.tsx +0 -76
  49. package/common/mini-chart/wrapper.tsx +0 -23
  50. package/context-providers/index.ts +0 -1
  51. package/next/README.md +0 -11
  52. package/next/analytics/fpixel.ts +0 -18
  53. package/next/analytics/pixel-analytics.tsx +0 -55
  54. package/next/determine-device-middleware.ts +0 -16
  55. package/next/fonts/DrukTextWide-Bold-Trial.otf +0 -0
  56. package/next/fonts/DrukTextWide-Heavy-Trial.otf +0 -0
  57. package/next/fonts/DrukTextWide-Medium-Trial.otf +0 -0
  58. package/next/fonts/DrukWide-Bold-Trial.otf +0 -0
  59. package/next/fonts/DrukWide-Heavy-Trial.otf +0 -0
  60. package/next/fonts/DrukWide-Medium-Trial.otf +0 -0
  61. package/next/get-app-router-font-classes.ts +0 -12
  62. package/next/load-and-return-lux-next-fonts-on-import.ts +0 -94
  63. package/next/next-font-desc.ts +0 -28
  64. package/next/not-found-content.mdx +0 -5
  65. package/next/not-found.tsx +0 -23
  66. package/next/pages-router-font-vars.tsx +0 -18
  67. package/next/root-layout.tsx +0 -62
  68. package/siteDef/footer/community.tsx +0 -67
  69. package/siteDef/footer/company.ts +0 -37
  70. package/siteDef/footer/ecosystem.ts +0 -37
  71. package/siteDef/footer/index.tsx +0 -26
  72. package/siteDef/footer/legal.ts +0 -28
  73. package/siteDef/footer/network.ts +0 -37
  74. package/siteDef/footer/svg/warpcast-logo.svg +0 -12
  75. package/siteDef/main-nav.ts +0 -35
  76. package/style/social-svg.css +0 -3
  77. package/tailwind/lux-tw-fonts.ts +0 -37
  78. package/types/site-def.ts +0 -36
  79. /package/{common → primitives}/icons/github.tsx +0 -0
  80. /package/{common → primitives}/icons/youtube-logo.tsx +0 -0
package/next/root-layout.tsx DELETED
@@ -1,62 +0,0 @@
1
- import React, { type PropsWithChildren } from 'react'
2
-
3
- import type { Viewport } from 'next'
4
-
5
- import Header from '../common/header'
6
- import type { SiteDef } from '../types'
7
- import getAppRouterBodyFontClasses from './get-app-router-font-classes'
8
- import { FacebookPixelHead, FacebookPixel } from './analytics/pixel-analytics'
9
- import { GoogleAnalytics } from '@next/third-parties/google'
10
-
11
- // Next 14: https://nextjs.org/docs/app/building-your-application/upgrading/codemods#use-viewport-export
12
- const viewport = {
13
- themeColor: [
14
- { media: '(prefers-color-scheme: light)', color: 'white' },
15
- { media: '(prefers-color-scheme: dark)', color: 'black' },
16
- ],
17
- } satisfies Viewport
18
-
19
- /*
20
- These '.variable' fields are actually autogenerate css classnames that *define* the actual
21
- css variables ('--<ugly-name>') that one asks for in the tailwind classes.
22
- They are what make them available in the global scope. So this MUST
23
- be done like this for the tailwind font classes to work.
24
-
25
- (...not to be confused with the css var itself. This field should be named something else!)
26
- */
27
-
28
- /*
29
- re body: overflow-y-hidden overflow-x-hidden, h-full
30
- We cannot have these on body tag for scroll-snap to work on iOS!
31
- */
32
- const bodyClasses =
33
- 'bg-background text-foreground flex flex-col min-h-full ' +
34
- getAppRouterBodyFontClasses()
35
-
36
- const RootLayout: React.FC<PropsWithChildren & {
37
- siteDef: SiteDef
38
- header?: boolean
39
- }> = ({
40
- header = true,
41
- siteDef,
42
- children,
43
- }) => (
44
- <html lang='en' suppressHydrationWarning className='lux-dark-theme'>
45
- <head >
46
- {/* https://stackoverflow.com/a/75716588/11645689 */ }
47
- <base target='_blank' />
48
- <FacebookPixelHead/>
49
- </head>
50
- <body className={bodyClasses}>
51
- <FacebookPixel />
52
- <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID ?? ''} />
53
- {header && <Header siteDef={siteDef}/>}
54
- {children}
55
- </body>
56
- </html>
57
- )
58
-
59
- export {
60
- RootLayout as default,
61
- viewport
62
- }
package/siteDef/footer/community.tsx DELETED
@@ -1,67 +0,0 @@
1
- import type { LinkDef } from '../../types'
2
- import { Icons } from '../../common'
3
-
4
- // @ts-ignore (will build in project that has @svgr support)
5
- import SVG_warp_logo from './svg/warpcast-logo.svg'
6
-
7
- const SOC_ICON_SIZE = 18
8
-
9
- export default [
10
- {
11
- title: 'Community',
12
- href: '',
13
- variant: 'linkFG',
14
- },
15
-
16
- {
17
- title: 'Lux Channel',
18
- href: 'https://warpcast.com/~/channel/lux',
19
- icon: <SVG_warp_logo width={SOC_ICON_SIZE} height={SOC_ICON_SIZE} /> //<Icons.SocialIcon network='warpcast' size={SOC_ICON_SIZE} />
20
- },
21
- {
22
- title: 'Lux Discussion',
23
- href: 'https://github.com/orgs/luxdefi/discussions',
24
- icon: <Icons.SocialIcon network='github' size={SOC_ICON_SIZE} />
25
- },
26
-
27
- /*
28
- {
29
- title: 'Discord',
30
- href: 'https://discord.gg/luxdefi',
31
- external: true,
32
- icon: <Icons.SocialIcon network='discord' size={SOC_ICON_SIZE} />
33
- },
34
- {
35
- title: 'Telegram',
36
- href: 'https://t.me/luxdefi',
37
- external: true,
38
- icon: <Icons.SocialIcon network='telegram' size={SOC_ICON_SIZE} />
39
- },
40
- */
41
-
42
- {
43
- title: '@luxdefi',
44
- href: 'https://twitter.com/luxdefi',
45
- icon: <Icons.SocialIcon network='x' size={SOC_ICON_SIZE} />
46
- },
47
- {
48
- title: '@luxdefi',
49
- href: 'https://facebook.com/luxdefi',
50
- icon: <Icons.SocialIcon network='facebook' size={SOC_ICON_SIZE + 2} />
51
- },
52
- {
53
- title: '@luxdefi',
54
- href: 'https://www.instagram.com/luxdefi',
55
- icon: <Icons.SocialIcon network='instagram' size={SOC_ICON_SIZE + 2} />
56
- },
57
- {
58
- title: '@luxdefi',
59
- href: 'https://linkedin.com/company/luxdefi',
60
- icon: <Icons.SocialIcon network='linkedin' size={SOC_ICON_SIZE + 2} />
61
- },
62
- {
63
- title: '@luxdefi',
64
- href: 'https://www.youtube.com/@luxdefi',
65
- icon: <Icons.SocialIcon network='youtube' size={SOC_ICON_SIZE + 2} />
66
- },
67
- ] satisfies LinkDef[]
package/siteDef/footer/company.ts DELETED
@@ -1,37 +0,0 @@
1
- import type { LinkDef } from '../../types'
2
-
3
- export default [
4
- {
5
- title: 'Company',
6
- href: "https://lux.partners/",
7
- variant: 'linkFG',
8
- newTab: false,
9
- },
10
- {
11
- title: 'About',
12
- href: 'https://lux.partners',
13
- newTab: false,
14
- },
15
- {
16
- title: 'Brand',
17
- href: 'https://drive.google.com/drive/folders/14OJtKLVakGY6883XO9yGbiHtlFxQUUm5?usp=share_link',
18
- },
19
- {
20
- title: 'Careers',
21
- href: 'https://docs.google.com/document/d/1SCt0Hg7EIs06TootKCA1am1xo4mcXoKF/edit#heading=h.30j0zll',
22
- newTab: true,
23
- },
24
- {
25
- title: 'Partnerships',
26
- href: 'https://apply.lux.partners/',
27
- newTab: false,
28
- },
29
- {
30
- title: 'Press',
31
- href: 'mailto:ai@lux.partners?subject=%E2%96%BC%20Press',
32
- },
33
- {
34
- title: 'Help',
35
- href: 'mailto:ai@lux.partners?subject=%E2%96%BC%20Help',
36
- },
37
- ] satisfies LinkDef[]
package/siteDef/footer/ecosystem.ts DELETED
@@ -1,37 +0,0 @@
1
- import type { LinkDef } from '../../types'
2
-
3
- export default [
4
- {
5
- title: 'Ecosystem',
6
- href: '',
7
- variant: 'linkFG'
8
- },
9
- {
10
- title: 'Lux Silver',
11
- href: 'https://lux.market/silver',
12
- },
13
- {
14
- title: 'Lux Gold',
15
- href: 'https://lux.market/gold',
16
- },
17
- {
18
- title: 'Lux Credit Card',
19
- href: 'https://lux.credit',
20
- },
21
- {
22
- title: 'Lux Exchange',
23
- href: 'https://lux.exchange',
24
- },
25
- {
26
- title: 'Lux Finance',
27
- href: 'https://lux.finance',
28
- },
29
- {
30
- title: 'Lux Market',
31
- href: 'https://lux.market',
32
- },
33
- {
34
- title: 'Lux Network',
35
- href: 'https://lux.network',
36
- },
37
- ] satisfies LinkDef[]
package/siteDef/footer/index.tsx DELETED
@@ -1,26 +0,0 @@
1
- import type { LinkDef } from '../../types'
2
-
3
- import ecosystem from './ecosystem'
4
- import network from './network'
5
- import company from './company'
6
- import community from './community'
7
- import { legal, legalColumn } from './legal'
8
-
9
-
10
- const common = [
11
- ecosystem,
12
- network,
13
- company,
14
- community,
15
- ] satisfies LinkDef[][]
16
-
17
- export {
18
- ecosystem,
19
- network,
20
- company,
21
- community,
22
- legal,
23
- legalColumn,
24
- common as default
25
- }
26
-
package/siteDef/footer/legal.ts DELETED
@@ -1,28 +0,0 @@
1
- import type { LinkDef } from '../../types'
2
-
3
- const legal: LinkDef[] = [
4
- {
5
- title: 'Terms and Conditions',
6
- href: '/terms',
7
- newTab: true,
8
- },
9
- {
10
- title: 'Privacy Policy',
11
- href: '/privacy',
12
- newTab: true,
13
- },
14
- ]
15
-
16
- const title: LinkDef =
17
- {
18
- title: 'Legal',
19
- href: '',
20
- variant: 'linkFG',
21
- }
22
-
23
- const legalColumn: LinkDef[] = [title, ...legal]
24
-
25
- export {
26
- legal,
27
- legalColumn
28
- }
package/siteDef/footer/network.ts DELETED
@@ -1,37 +0,0 @@
1
- import type { LinkDef } from '../../types'
2
-
3
- export default [
4
- {
5
- title: 'Network',
6
- href: "https://lux.network/",
7
- variant: 'linkFG'
8
- },
9
- {
10
- title: 'Lux Bridge',
11
- href: "https://bridge.lux.network/",
12
- },
13
- {
14
- title: 'Lux Explorer',
15
- href: "https://explore.lux.network/",
16
- },
17
- {
18
- title: 'Lux Wallet',
19
- href: "https://wallet.lux.network/",
20
- },
21
- {
22
- title: 'Lux Safe',
23
- href: "https://safe.lux.network/",
24
- },
25
- {
26
- title: 'Lux Validator',
27
- href: "https://lux.market/validator/",
28
- },
29
- {
30
- title: 'Open Source',
31
- href: 'https://github.com/luxdefi',
32
- },
33
- {
34
- title: 'Launch Subnet',
35
- href: 'https://docs.lux.network/build/subnet/hello-subnet',
36
- },
37
- ] satisfies LinkDef[]
package/siteDef/footer/svg/warpcast-logo.svg DELETED
@@ -1,12 +0,0 @@
1
- <svg viewBox="0 0 1260 1260" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_1_2)">
3
- <!-- path d="M947.747 1259.61H311.861C139.901 1259.61 0 1119.72 0 947.752V311.871C0 139.907 139.901 0.00541362 311.861 0.00541362H947.747C1119.71 0.00541362 1259.61 139.907 1259.61 311.871V947.752C1259.61 1119.72 1119.71 1259.61 947.747 1259.61Z" fill="#472A91"></path -->
4
- <path d="M826.513 398.633L764.404 631.889L702.093 398.633H558.697L495.789 633.607L433.087 398.633H269.764L421.528 914.36H562.431L629.807 674.876L697.181 914.36H838.388L989.819 398.633H826.513Z" fill="currentColor">
5
- </path>
6
- </g>
7
- <defs>
8
- <clipPath id="clip0_1_2">
9
- <rect width="1259.61" height="1259.61" fill="white"></rect>
10
- </clipPath>
11
- </defs>
12
- </svg>
package/siteDef/main-nav.ts DELETED
@@ -1,35 +0,0 @@
1
- import type { LinkDef } from '../types'
2
-
3
- export default [
4
- {
5
- title: "AI",
6
- href: "https://lux.chat",
7
- newTab: false,
8
- },
9
- {
10
- title: "Credit",
11
- href: "https://lux.credit",
12
- newTab: false,
13
- },
14
- {
15
- title: "Exchange",
16
- href: "https://lux.exchange",
17
- newTab: false,
18
- },
19
- {
20
- title: "Finance",
21
- href: "https://lux.finance",
22
- newTab: false,
23
- },
24
- {
25
- title: "Market",
26
- href: "https://lux.market",
27
- newTab: false,
28
- },
29
- {
30
- title: "Network",
31
- href: "https://lux.network",
32
- newTab: false,
33
- },
34
- ] satisfies LinkDef[]
35
-
package/style/social-svg.css DELETED
@@ -1,3 +0,0 @@
1
- .social-icon svg {
2
- transform: scale(1.25);
3
- }
package/tailwind/lux-tw-fonts.ts DELETED
@@ -1,37 +0,0 @@
1
- import type TwFontDesc from './tw-font-desc'
2
-
3
- export default [
4
- {
5
- fontFamily: ['var(--font-inter)'], // do not provide fall-backs due to next bug
6
- cssVar: '--font-inter',
7
- twName: 'sans'
8
- },
9
- {
10
- fontFamily: ['var(--font-druk-text-wide)'], // do not provide fall-backs due to next bug
11
- cssVar: '--font-druk-text-wide',
12
- twName: 'nav'
13
- },
14
- {
15
- fontFamily: ['var(--font-druk-wide)'], // do not provide fall-backs due to next bug
16
- cssVar: '--font-druk-wide',
17
- twName: 'heading'
18
- },
19
- {
20
- twName: 'serif',
21
- fontFamily: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times']
22
- },
23
- {
24
- twName: 'mono',
25
- fontFamily: [
26
- 'ui-monospace',
27
- 'SFMono-Regular',
28
- 'Menlo',
29
- 'Monaco',
30
- 'Consolas',
31
- '"Liberation Mono"',
32
- '"Courier New"',
33
- 'monospace',
34
- ]
35
- }
36
-
37
- ] as TwFontDesc[]
package/types/site-def.ts DELETED
@@ -1,36 +0,0 @@
1
- import type LinkDef from './link-def'
2
-
3
- interface SiteDef {
4
- /** url of this site. All nav links in the system will show it in 'current' state */
5
- currentAs?: string
6
- nav: {
7
- /** common elements (will auto-select currentAs if it's provide) */
8
- /** optional feature element. right-most after 'elements' (any min-w is ignored) */
9
- common: LinkDef[]
10
- featured?: LinkDef[]
11
- auth?: boolean
12
- cart?: React.ReactNode
13
- }
14
-
15
- /**
16
- * Array of columns, each of which itself is an array of links
17
- * (or "title defs" where href='' and variant='linkFG')
18
- * Common use case: To render a site-specific first column:
19
- * {
20
- * footer[myColumn, ...commonColumnsFromUi]
21
- * }
22
- * see: @hanzo/ui/siteDef/footer (default export)
23
- * or @hanzo/ui/siteDef/footer/common
24
- */
25
- footer: LinkDef[][]
26
-
27
- /** optional override of default 'above copyright' horizantal links */
28
- /** default (undefined or absent): @ui/sideDef/footer/legal are rendered */
29
- /** [] renders nothing above the copyright */
30
- aboveCopyright?: LinkDef[]
31
-
32
- /** any site-specific stuff we'd like access to (link urls, etc) */
33
- ext?: any
34
- }
35
-
36
- export { type SiteDef as default }
/package/{common → primitives}/icons/github.tsx RENAMED
File without changes
/package/{common → primitives}/icons/youtube-logo.tsx RENAMED
File without changes