@luxfi/core 4.4.14 → 4.4.16

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 (84) hide show
  1. package/components/access-code-input.tsx +71 -71
  2. package/components/auth/auth-listener.tsx +29 -29
  3. package/components/auth/auth-token/clear-auth-token.tsx +12 -12
  4. package/components/auth/auth-token/set-auth-token.tsx +16 -16
  5. package/components/auth/common-auth-domains.ts +16 -16
  6. package/components/auth/login-panel.tsx +103 -98
  7. package/components/chat-widget.tsx +77 -77
  8. package/components/commerce/bag-button.tsx +67 -67
  9. package/components/commerce/checkout-panel/close-button.tsx +26 -26
  10. package/components/commerce/checkout-panel/dt-bag-carousel.tsx +36 -36
  11. package/components/commerce/checkout-panel/dt-checkout-panel.tsx +66 -66
  12. package/components/commerce/checkout-panel/index.tsx +123 -123
  13. package/components/commerce/checkout-panel/links-row.tsx +21 -21
  14. package/components/commerce/checkout-panel/mb-checkout-panel.tsx +55 -55
  15. package/components/commerce/checkout-panel/steps-indicator.tsx +39 -39
  16. package/components/commerce/checkout-panel/thank-you.tsx +18 -18
  17. package/components/commerce/desktop-bag-popup.tsx +78 -78
  18. package/components/commerce/mobile-bag-drawer.tsx +51 -51
  19. package/components/commerce/mobile-menu-toggle-button.tsx +35 -35
  20. package/components/commerce/mobile-nav-menu.tsx +64 -64
  21. package/components/contact-dialog/contact-form.tsx +112 -112
  22. package/components/contact-dialog/disclaimer.tsx +13 -13
  23. package/components/contact-dialog/index.tsx +64 -64
  24. package/components/copyright.tsx +21 -21
  25. package/components/footer.tsx +77 -77
  26. package/components/header/desktop.tsx +54 -54
  27. package/components/header/index.tsx +26 -26
  28. package/components/header/mobile.tsx +161 -161
  29. package/components/header/theme-toggle.tsx +26 -26
  30. package/components/icons/bag-icon.tsx +10 -10
  31. package/components/icons/github.tsx +14 -14
  32. package/components/icons/index.tsx +35 -35
  33. package/components/icons/lux-logo.tsx +10 -10
  34. package/components/icons/secure-delivery.tsx +13 -13
  35. package/components/icons/social-icon.tsx +35 -35
  36. package/components/icons/social-svg.css +3 -3
  37. package/components/icons/youtube-logo.tsx +59 -59
  38. package/components/index.ts +27 -27
  39. package/components/logo.tsx +81 -81
  40. package/components/mini-chart/index.tsx +7 -7
  41. package/components/mini-chart/mini-chart-props.ts +43 -43
  42. package/components/mini-chart/mini-chart.tsx +85 -85
  43. package/components/mini-chart/wrapper.tsx +23 -23
  44. package/components/not-found/index.tsx +27 -27
  45. package/components/not-found/not-found-content.mdx +5 -5
  46. package/components/root-layout.tsx +71 -71
  47. package/components/scripts.tsx +23 -23
  48. package/conf/index.ts +50 -50
  49. package/environment.d.ts +5 -5
  50. package/next/analytics/fpixel.ts +15 -15
  51. package/next/analytics/google-analytics.ts +13 -13
  52. package/next/analytics/index.ts +3 -3
  53. package/next/analytics/pixel-analytics.tsx +54 -54
  54. package/next/determine-device-mw.ts +16 -16
  55. package/next/font/get-app-router-font-classes.ts +12 -12
  56. package/next/font/load-and-return-lux-next-fonts-on-import.ts +68 -68
  57. package/next/font/next-font-desc.ts +27 -27
  58. package/next/font/pages-router-font-vars.tsx +18 -18
  59. package/next/head-metadata/from-next/metadata-types.ts +158 -158
  60. package/next/head-metadata/from-next/opengraph-types.ts +267 -267
  61. package/next/head-metadata/from-next/twitter-types.ts +92 -92
  62. package/next/head-metadata/index.tsx +208 -208
  63. package/package.json +73 -73
  64. package/server-actions/firebase-app.ts +14 -14
  65. package/server-actions/index.ts +5 -5
  66. package/server-actions/store-contact.ts +51 -51
  67. package/site-def/footer/community.tsx +67 -67
  68. package/site-def/footer/company.ts +37 -37
  69. package/site-def/footer/ecosystem.ts +37 -37
  70. package/site-def/footer/index.tsx +26 -26
  71. package/site-def/footer/legal.ts +28 -28
  72. package/site-def/footer/network.ts +45 -45
  73. package/site-def/footer/svg/warpcast-logo.svg +11 -11
  74. package/site-def/index.ts +2 -2
  75. package/site-def/main-nav.ts +35 -35
  76. package/site-def/site-def.ts +36 -36
  77. package/style/lux-colors.css +85 -85
  78. package/style/lux-global.css +30 -30
  79. package/tailwind/fontFamily.tailwind.lux.ts +18 -18
  80. package/tailwind/index.ts +2 -2
  81. package/tailwind/lux-tw-fonts.ts +39 -39
  82. package/tailwind/tailwind.config.lux-preset.ts +10 -10
  83. package/tsconfig.json +10 -10
  84. package/types/contact-info.ts +10 -10
@@ -1,28 +1,28 @@
1
- import type { LinkDef } from '@hanzo/ui/types'
2
-
3
- const legal: LinkDef[] = [
4
- {
5
- title: 'Terms and Conditions',
6
- href: 'https://docs.google.com/document/d/1mvkjr1w8Rv8ttirs1mu-_2fw_PXclOyS/preview',
7
- newTab: true,
8
- },
9
- {
10
- title: 'Privacy Policy',
11
- href: 'https://docs.google.com/document/d/1vZjOKaNdOoThDIaVLERWxflQLtOsuvLn/preview',
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
- }
1
+ import type { LinkDef } from '@hanzo/ui/types'
2
+
3
+ const legal: LinkDef[] = [
4
+ {
5
+ title: 'Terms and Conditions',
6
+ href: 'https://docs.google.com/document/d/1mvkjr1w8Rv8ttirs1mu-_2fw_PXclOyS/preview',
7
+ newTab: true,
8
+ },
9
+ {
10
+ title: 'Privacy Policy',
11
+ href: 'https://docs.google.com/document/d/1vZjOKaNdOoThDIaVLERWxflQLtOsuvLn/preview',
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
+ }
@@ -1,45 +1,45 @@
1
- import type { LinkDef } from '@hanzo/ui/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.network/validator",
28
- },
29
- {
30
- title: 'Lux Coin',
31
- href: "https://lux.network/coin",
32
- },
33
- {
34
- title: 'Governance',
35
- href: "https://lux.vote",
36
- },
37
- {
38
- title: 'Open Source',
39
- href: 'https://github.com/luxfi',
40
- },
41
- {
42
- title: 'Launch Subnet',
43
- href: 'https://docs.lux.network/build/subnet/hello-subnet',
44
- },
45
- ] satisfies LinkDef[]
1
+ import type { LinkDef } from '@hanzo/ui/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.network/validator",
28
+ },
29
+ {
30
+ title: 'Lux Coin',
31
+ href: "https://lux.network/coin",
32
+ },
33
+ {
34
+ title: 'Governance',
35
+ href: "https://lux.vote",
36
+ },
37
+ {
38
+ title: 'Open Source',
39
+ href: 'https://github.com/luxfi',
40
+ },
41
+ {
42
+ title: 'Launch Subnet',
43
+ href: 'https://docs.lux.network/build/subnet/hello-subnet',
44
+ },
45
+ ] satisfies LinkDef[]
@@ -1,12 +1,12 @@
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>
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
12
  </svg>
package/site-def/index.ts CHANGED
@@ -1,3 +1,3 @@
1
- export * as footer from './footer' // so footer.standard, footer.community, etc
2
- export { default as mainNav } from './main-nav'
1
+ export * as footer from './footer' // so footer.standard, footer.community, etc
2
+ export { default as mainNav } from './main-nav'
3
3
  export type { default as SiteDef } from './site-def'
@@ -1,35 +1,35 @@
1
- import type { LinkDef } from '@hanzo/ui/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
-
1
+ import type { LinkDef } from '@hanzo/ui/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
+
@@ -1,37 +1,37 @@
1
- import React from 'react'
2
- import type { LinkDef } from '@hanzo/ui/types'
3
-
4
- interface SiteDef {
5
- /** url of this site. All nav links in the system will show it in 'current' state */
6
- currentAs?: string
7
- nav: {
8
- /** common elements (will auto-select currentAs if it's provide) */
9
- /** optional feature element. right-most after 'elements' (any min-w is ignored) */
10
- common: LinkDef[]
11
- featured?: LinkDef[]
12
- auth?: boolean
13
- cart?: React.ReactNode
14
- }
15
-
16
- /**
17
- * Array of columns, each of which itself is an array of links
18
- * (or "title defs" where href='' and variant='linkFG')
19
- * Common use case: To render a site-specific first column:
20
- * {
21
- * footer[myColumn, ...commonColumnsFromUi]
22
- * }
23
- * see: @hanzo/ui/siteDef/footer (default export)
24
- * or @hanzo/ui/siteDef/footer/common
25
- */
26
- footer: LinkDef[][]
27
-
28
- /** optional override of default 'above copyright' horizantal links */
29
- /** default (undefined or absent): @ui/sideDef/footer/legal are rendered */
30
- /** [] renders nothing above the copyright */
31
- aboveCopyright?: LinkDef[]
32
-
33
- /** any site-specific stuff we'd like access to (link urls, etc) */
34
- ext?: any
35
- }
36
-
1
+ import React from 'react'
2
+ import type { LinkDef } from '@hanzo/ui/types'
3
+
4
+ interface SiteDef {
5
+ /** url of this site. All nav links in the system will show it in 'current' state */
6
+ currentAs?: string
7
+ nav: {
8
+ /** common elements (will auto-select currentAs if it's provide) */
9
+ /** optional feature element. right-most after 'elements' (any min-w is ignored) */
10
+ common: LinkDef[]
11
+ featured?: LinkDef[]
12
+ auth?: boolean
13
+ cart?: React.ReactNode
14
+ }
15
+
16
+ /**
17
+ * Array of columns, each of which itself is an array of links
18
+ * (or "title defs" where href='' and variant='linkFG')
19
+ * Common use case: To render a site-specific first column:
20
+ * {
21
+ * footer[myColumn, ...commonColumnsFromUi]
22
+ * }
23
+ * see: @hanzo/ui/siteDef/footer (default export)
24
+ * or @hanzo/ui/siteDef/footer/common
25
+ */
26
+ footer: LinkDef[][]
27
+
28
+ /** optional override of default 'above copyright' horizantal links */
29
+ /** default (undefined or absent): @ui/sideDef/footer/legal are rendered */
30
+ /** [] renders nothing above the copyright */
31
+ aboveCopyright?: LinkDef[]
32
+
33
+ /** any site-specific stuff we'd like access to (link urls, etc) */
34
+ ext?: any
35
+ }
36
+
37
37
  export { type SiteDef as default }
@@ -1,85 +1,85 @@
1
- @tailwind base;
2
- /* see https://stackoverflow.com/questions/69746121/using-nextjs-how-can-you-import-in-css-using-tailwind-css */
3
-
4
- @layer base {
5
-
6
- :root, .hanzo-ui-light-theme {
7
- --hz-ui-fg-0: hsl(0 0% 0%);
8
- --hz-ui-fg-body: hsl(0 0% 10%);
9
- --hz-ui-fg-1: hsl(0 0% 20%);
10
- --hz-ui-fg-2: hsl(0 0% 35%);
11
- --hz-ui-fg-3: hsl(0 0% 50%);
12
- --hz-ui-fg-4: hsl(0 0% 70%);
13
- --hz-ui-fg-5: hsl(0 0% 90%);
14
-
15
- --hz-ui-bg-0: hsl(0 0% 100%);
16
- --hz-ui-bg-1: hsl(0 0% 90%);
17
- --hz-ui-bg-2: hsl(0 0% 75%);
18
- --hz-ui-bg-3: hsl(0 0% 55%);
19
-
20
- --hz-ui-bg-overlay: hsla(0 0% 100% 0.60);
21
-
22
- --hz-ui-bg-inverted: var(--hz-ui-fg-0);
23
- --hz-ui-bg-inverted-hover: hsla(0, 0%, 0%, 0.85);
24
-
25
- --hz-ui-fg-inverted: var(--hz-ui-bg-0);
26
-
27
- --hz-ui-secondary-0: hsl(262, 7%, 82%);
28
- --hz-ui-secondary-1: hsl(258, 7%, 72%);
29
- --hz-ui-secondary-2: hsl(254, 7%, 62%);
30
- --hz-ui-secondary-3: hsl(250, 5%, 53%);
31
-
32
- --hz-ui-primary: var(--hz-ui-bg-inverted);
33
- --hz-ui-primary-hover: var(--hz-ui-bg-inverted-hover);
34
- --hz-ui-primary-fg: var(--hz-ui-fg-inverted);
35
-
36
- --hz-ui-secondary: var(--hz-ui-secondary-0);
37
- --hz-ui-secondary-hover: var(--hz-ui-secondary-2);
38
- --hz-ui-secondary-fg: var(--hz-ui-bg-0);
39
-
40
- --hz-ui-nav: var(--hz-ui-fg-4);
41
- --hz-ui-nav-current: var(--hz-ui-fg-0);
42
- --hz-ui-nav-hover: var(--hz-ui-fg-0);
43
-
44
- --hz-ui-destructive: hsl(0 62.8% 45%);
45
- --hz-ui-destructive-hover: hsl(0 62.8% 25%);
46
- --hz-ui-destructive-fg: hsl(0 0% 100%);
47
-
48
- --hz-ui-ring: var(--hz-ui-fg-1);
49
-
50
- --hz-ui-radius: 0.5rem;
51
- }
52
-
53
- .hanzo-ui-dark-theme {
54
-
55
- --hz-ui-fg-0: hsl(0 0% 100%);
56
- --hz-ui-fg-body: hsl(0, 0%, 97%);
57
- --hz-ui-fg-1: hsl(0 0% 85%);
58
- --hz-ui-fg-2: hsl(0 0% 70%);
59
- --hz-ui-fg-3: hsl(0 0% 55%);
60
- --hz-ui-fg-4: hsl(0 0% 40%);
61
- --hz-ui-fg-5: hsl(0 0% 25%);
62
-
63
- --hz-ui-bg-inverted: var(--hz-ui-fg-0);
64
- --hz-ui-bg-inverted-hover: hsla(0, 0%, 100%, 0.85);
65
-
66
- --hz-ui-bg-3: hsl(0 0% 25%);
67
- --hz-ui-bg-2: hsl(0 0% 18%);
68
- --hz-ui-bg-1: hsl(0 0% 12%);
69
- --hz-ui-bg-0: hsl(0 0% 0%);
70
-
71
- --hz-ui-bg-overlay: hsla(0 0% 0% 0.60);
72
-
73
- --hz-ui-fg-inverted: var(--hz-ui-bg-0);
74
-
75
- --hz-ui-secondary-0: hsl(250, 5%, 53%);
76
- --hz-ui-secondary-1: hsl(254, 7%, 62%);
77
- --hz-ui-secondary-2: hsl(258, 7%, 72%);
78
- --hz-ui-secondary-3: hsl(262, 7%, 82%);
79
-
80
- --hz-ui-secondary-fg: var(--hz-ui-fg-0);
81
-
82
- }
83
-
84
- }
85
-
1
+ @tailwind base;
2
+ /* see https://stackoverflow.com/questions/69746121/using-nextjs-how-can-you-import-in-css-using-tailwind-css */
3
+
4
+ @layer base {
5
+
6
+ :root, .hanzo-ui-light-theme {
7
+ --hz-ui-fg-0: hsl(0 0% 0%);
8
+ --hz-ui-fg-body: hsl(0 0% 10%);
9
+ --hz-ui-fg-1: hsl(0 0% 20%);
10
+ --hz-ui-fg-2: hsl(0 0% 35%);
11
+ --hz-ui-fg-3: hsl(0 0% 50%);
12
+ --hz-ui-fg-4: hsl(0 0% 70%);
13
+ --hz-ui-fg-5: hsl(0 0% 90%);
14
+
15
+ --hz-ui-bg-0: hsl(0 0% 100%);
16
+ --hz-ui-bg-1: hsl(0 0% 90%);
17
+ --hz-ui-bg-2: hsl(0 0% 75%);
18
+ --hz-ui-bg-3: hsl(0 0% 55%);
19
+
20
+ --hz-ui-bg-overlay: hsla(0 0% 100% 0.60);
21
+
22
+ --hz-ui-bg-inverted: var(--hz-ui-fg-0);
23
+ --hz-ui-bg-inverted-hover: hsla(0, 0%, 0%, 0.85);
24
+
25
+ --hz-ui-fg-inverted: var(--hz-ui-bg-0);
26
+
27
+ --hz-ui-secondary-0: hsl(262, 7%, 82%);
28
+ --hz-ui-secondary-1: hsl(258, 7%, 72%);
29
+ --hz-ui-secondary-2: hsl(254, 7%, 62%);
30
+ --hz-ui-secondary-3: hsl(250, 5%, 53%);
31
+
32
+ --hz-ui-primary: var(--hz-ui-bg-inverted);
33
+ --hz-ui-primary-hover: var(--hz-ui-bg-inverted-hover);
34
+ --hz-ui-primary-fg: var(--hz-ui-fg-inverted);
35
+
36
+ --hz-ui-secondary: var(--hz-ui-secondary-0);
37
+ --hz-ui-secondary-hover: var(--hz-ui-secondary-2);
38
+ --hz-ui-secondary-fg: var(--hz-ui-bg-0);
39
+
40
+ --hz-ui-nav: var(--hz-ui-fg-4);
41
+ --hz-ui-nav-current: var(--hz-ui-fg-0);
42
+ --hz-ui-nav-hover: var(--hz-ui-fg-0);
43
+
44
+ --hz-ui-destructive: hsl(0 62.8% 45%);
45
+ --hz-ui-destructive-hover: hsl(0 62.8% 25%);
46
+ --hz-ui-destructive-fg: hsl(0 0% 100%);
47
+
48
+ --hz-ui-ring: var(--hz-ui-fg-1);
49
+
50
+ --hz-ui-radius: 0.5rem;
51
+ }
52
+
53
+ .hanzo-ui-dark-theme {
54
+
55
+ --hz-ui-fg-0: hsl(0 0% 100%);
56
+ --hz-ui-fg-body: hsl(0, 0%, 97%);
57
+ --hz-ui-fg-1: hsl(0 0% 85%);
58
+ --hz-ui-fg-2: hsl(0 0% 70%);
59
+ --hz-ui-fg-3: hsl(0 0% 55%);
60
+ --hz-ui-fg-4: hsl(0 0% 40%);
61
+ --hz-ui-fg-5: hsl(0 0% 25%);
62
+
63
+ --hz-ui-bg-inverted: var(--hz-ui-fg-0);
64
+ --hz-ui-bg-inverted-hover: hsla(0, 0%, 100%, 0.85);
65
+
66
+ --hz-ui-bg-3: hsl(0 0% 25%);
67
+ --hz-ui-bg-2: hsl(0 0% 18%);
68
+ --hz-ui-bg-1: hsl(0 0% 12%);
69
+ --hz-ui-bg-0: hsl(0 0% 0%);
70
+
71
+ --hz-ui-bg-overlay: hsla(0 0% 0% 0.60);
72
+
73
+ --hz-ui-fg-inverted: var(--hz-ui-bg-0);
74
+
75
+ --hz-ui-secondary-0: hsl(250, 5%, 53%);
76
+ --hz-ui-secondary-1: hsl(254, 7%, 62%);
77
+ --hz-ui-secondary-2: hsl(258, 7%, 72%);
78
+ --hz-ui-secondary-3: hsl(262, 7%, 82%);
79
+
80
+ --hz-ui-secondary-fg: var(--hz-ui-fg-0);
81
+
82
+ }
83
+
84
+ }
85
+
@@ -1,31 +1,31 @@
1
- /* Note, preflight is applied first:
2
- https://unpkg.com/tailwindcss@3.3.5/src/css/preflight.css
3
- */
4
- @import "tailwindcss/base";
5
-
6
- /* see https://stackoverflow.com/questions/69746121/using-nextjs-how-can-you-import-in-css-using-tailwind-css */
7
- @import "@hanzo/ui/style/hanzo-common";
8
- @import "lux-colors";
9
-
10
- @import "tailwindcss/components";
11
- @import "tailwindcss/utilities";
12
-
13
- .nextjs-toast-errors-parent {
14
- display: none;
15
- }
16
-
17
- .font-heading, h1, h2, h3 {
18
- @apply uppercase;
19
- }
20
-
21
- /* Specific style fixes for react-square-web-payments-sdk -
22
- * reduce gap between card input and pay button
23
- */
24
- #rswps-card-container {
25
- min-height: unset !important;
26
- }
27
-
28
- .sq-card-wrapper .sq-card-message {
29
- margin-top: 0 !important;
30
- margin-bottom: 0 !important;
1
+ /* Note, preflight is applied first:
2
+ https://unpkg.com/tailwindcss@3.3.5/src/css/preflight.css
3
+ */
4
+ @import "tailwindcss/base";
5
+
6
+ /* see https://stackoverflow.com/questions/69746121/using-nextjs-how-can-you-import-in-css-using-tailwind-css */
7
+ @import "@hanzo/ui/style/hanzo-common";
8
+ @import "lux-colors";
9
+
10
+ @import "tailwindcss/components";
11
+ @import "tailwindcss/utilities";
12
+
13
+ .nextjs-toast-errors-parent {
14
+ display: none;
15
+ }
16
+
17
+ .font-heading, h1, h2, h3 {
18
+ @apply uppercase;
19
+ }
20
+
21
+ /* Specific style fixes for react-square-web-payments-sdk -
22
+ * reduce gap between card input and pay button
23
+ */
24
+ #rswps-card-container {
25
+ min-height: unset !important;
26
+ }
27
+
28
+ .sq-card-wrapper .sq-card-message {
29
+ margin-top: 0 !important;
30
+ margin-bottom: 0 !important;
31
31
  }
@@ -1,18 +1,18 @@
1
- import type { TwFontDesc } from '@hanzo/ui/tailwind'
2
-
3
- import luxTwFonts from './lux-tw-fonts'
4
-
5
- export const fontFamily = (ignoreTheme: any): {
6
- [key: string]: string[]
7
- } => {
8
-
9
- let result: any = {}
10
- luxTwFonts.forEach((font: TwFontDesc) => {
11
- result[font.twName] = font.fontFamily
12
- // eg: heading: ['var(--font-druk-text-wide)']
13
- })
14
-
15
- return result as {
16
- [key: string]: string[]
17
- }
18
- }
1
+ import type { TwFontDesc } from '@hanzo/ui/tailwind'
2
+
3
+ import luxTwFonts from './lux-tw-fonts'
4
+
5
+ export const fontFamily = (ignoreTheme: any): {
6
+ [key: string]: string[]
7
+ } => {
8
+
9
+ let result: any = {}
10
+ luxTwFonts.forEach((font: TwFontDesc) => {
11
+ result[font.twName] = font.fontFamily
12
+ // eg: heading: ['var(--font-druk-text-wide)']
13
+ })
14
+
15
+ return result as {
16
+ [key: string]: string[]
17
+ }
18
+ }
package/tailwind/index.ts CHANGED
@@ -1,2 +1,2 @@
1
-
2
- export {default as preset} from './tailwind.config.lux-preset'
1
+
2
+ export {default as preset} from './tailwind.config.lux-preset'