@luxfi/core 4.4.14 → 4.4.16
Sign up to get free protection for your applications and to get access to all the features.
- package/components/access-code-input.tsx +71 -71
- package/components/auth/auth-listener.tsx +29 -29
- package/components/auth/auth-token/clear-auth-token.tsx +12 -12
- package/components/auth/auth-token/set-auth-token.tsx +16 -16
- package/components/auth/common-auth-domains.ts +16 -16
- package/components/auth/login-panel.tsx +103 -98
- package/components/chat-widget.tsx +77 -77
- package/components/commerce/bag-button.tsx +67 -67
- package/components/commerce/checkout-panel/close-button.tsx +26 -26
- package/components/commerce/checkout-panel/dt-bag-carousel.tsx +36 -36
- package/components/commerce/checkout-panel/dt-checkout-panel.tsx +66 -66
- package/components/commerce/checkout-panel/index.tsx +123 -123
- package/components/commerce/checkout-panel/links-row.tsx +21 -21
- package/components/commerce/checkout-panel/mb-checkout-panel.tsx +55 -55
- package/components/commerce/checkout-panel/steps-indicator.tsx +39 -39
- package/components/commerce/checkout-panel/thank-you.tsx +18 -18
- package/components/commerce/desktop-bag-popup.tsx +78 -78
- package/components/commerce/mobile-bag-drawer.tsx +51 -51
- package/components/commerce/mobile-menu-toggle-button.tsx +35 -35
- package/components/commerce/mobile-nav-menu.tsx +64 -64
- package/components/contact-dialog/contact-form.tsx +112 -112
- package/components/contact-dialog/disclaimer.tsx +13 -13
- package/components/contact-dialog/index.tsx +64 -64
- package/components/copyright.tsx +21 -21
- package/components/footer.tsx +77 -77
- package/components/header/desktop.tsx +54 -54
- package/components/header/index.tsx +26 -26
- package/components/header/mobile.tsx +161 -161
- package/components/header/theme-toggle.tsx +26 -26
- package/components/icons/bag-icon.tsx +10 -10
- package/components/icons/github.tsx +14 -14
- package/components/icons/index.tsx +35 -35
- package/components/icons/lux-logo.tsx +10 -10
- package/components/icons/secure-delivery.tsx +13 -13
- package/components/icons/social-icon.tsx +35 -35
- package/components/icons/social-svg.css +3 -3
- package/components/icons/youtube-logo.tsx +59 -59
- package/components/index.ts +27 -27
- package/components/logo.tsx +81 -81
- package/components/mini-chart/index.tsx +7 -7
- package/components/mini-chart/mini-chart-props.ts +43 -43
- package/components/mini-chart/mini-chart.tsx +85 -85
- package/components/mini-chart/wrapper.tsx +23 -23
- package/components/not-found/index.tsx +27 -27
- package/components/not-found/not-found-content.mdx +5 -5
- package/components/root-layout.tsx +71 -71
- package/components/scripts.tsx +23 -23
- package/conf/index.ts +50 -50
- package/environment.d.ts +5 -5
- package/next/analytics/fpixel.ts +15 -15
- package/next/analytics/google-analytics.ts +13 -13
- package/next/analytics/index.ts +3 -3
- package/next/analytics/pixel-analytics.tsx +54 -54
- package/next/determine-device-mw.ts +16 -16
- package/next/font/get-app-router-font-classes.ts +12 -12
- package/next/font/load-and-return-lux-next-fonts-on-import.ts +68 -68
- package/next/font/next-font-desc.ts +27 -27
- package/next/font/pages-router-font-vars.tsx +18 -18
- package/next/head-metadata/from-next/metadata-types.ts +158 -158
- package/next/head-metadata/from-next/opengraph-types.ts +267 -267
- package/next/head-metadata/from-next/twitter-types.ts +92 -92
- package/next/head-metadata/index.tsx +208 -208
- package/package.json +73 -73
- package/server-actions/firebase-app.ts +14 -14
- package/server-actions/index.ts +5 -5
- package/server-actions/store-contact.ts +51 -51
- package/site-def/footer/community.tsx +67 -67
- package/site-def/footer/company.ts +37 -37
- package/site-def/footer/ecosystem.ts +37 -37
- package/site-def/footer/index.tsx +26 -26
- package/site-def/footer/legal.ts +28 -28
- package/site-def/footer/network.ts +45 -45
- package/site-def/footer/svg/warpcast-logo.svg +11 -11
- package/site-def/index.ts +2 -2
- package/site-def/main-nav.ts +35 -35
- package/site-def/site-def.ts +36 -36
- package/style/lux-colors.css +85 -85
- package/style/lux-global.css +30 -30
- package/tailwind/fontFamily.tailwind.lux.ts +18 -18
- package/tailwind/index.ts +2 -2
- package/tailwind/lux-tw-fonts.ts +39 -39
- package/tailwind/tailwind.config.lux-preset.ts +10 -10
- package/tsconfig.json +10 -10
- package/types/contact-info.ts +10 -10
package/site-def/footer/legal.ts
CHANGED
@@ -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'
|
package/site-def/main-nav.ts
CHANGED
@@ -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
|
+
|
package/site-def/site-def.ts
CHANGED
@@ -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 }
|
package/style/lux-colors.css
CHANGED
@@ -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
|
+
|
package/style/lux-global.css
CHANGED
@@ -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'
|