@luxfi/core 4.4.15 → 4.4.17

Sign up to get free protection for your applications and to get access to all the features.
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 -100
  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'