@luxfi/ui 5.5.4 → 5.5.6

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/commerce/ui/context.tsx +13 -16
  2. package/components/access-code-input.tsx +3 -4
  3. package/components/analytics.tsx +8 -17
  4. package/components/auth/callback.tsx +40 -0
  5. package/components/auth/login-panel.tsx +22 -50
  6. package/components/auth/login.tsx +47 -0
  7. package/components/auth/provider.tsx +34 -0
  8. package/components/auth/resume.ts +16 -0
  9. package/components/auth/widget.tsx +80 -0
  10. package/components/back-button.tsx +4 -7
  11. package/components/chat-widget.tsx +9 -11
  12. package/components/commerce/bag-button.tsx +8 -7
  13. package/components/commerce/buy-button.tsx +2 -3
  14. package/components/commerce/checkout-button.tsx +12 -10
  15. package/components/commerce/checkout-panel/cart-accordian.tsx +3 -4
  16. package/components/commerce/checkout-panel/desktop-cp.tsx +7 -8
  17. package/components/commerce/checkout-panel/index.tsx +1 -1
  18. package/components/commerce/checkout-panel/mobile-cp.tsx +5 -5
  19. package/components/commerce/checkout-panel/policy-links.tsx +7 -12
  20. package/components/commerce/checkout-panel/steps-indicator.tsx +1 -1
  21. package/components/commerce/desktop-bag-popup.tsx +1 -1
  22. package/components/commerce/drawer/micro.tsx +30 -30
  23. package/components/commerce/drawer/shell.tsx +3 -5
  24. package/components/contact-dialog/contact-form.tsx +6 -13
  25. package/components/contact-dialog/index.tsx +2 -2
  26. package/components/copyright.tsx +3 -2
  27. package/components/drawer-margin.tsx +2 -2
  28. package/components/footer.tsx +7 -8
  29. package/components/header/desktop-nav-menu.tsx +6 -6
  30. package/components/header/desktop.tsx +9 -9
  31. package/components/header/index.tsx +2 -2
  32. package/components/header/mobile-bag-drawer.tsx +1 -1
  33. package/components/header/mobile-menu-toggle-button.tsx +5 -6
  34. package/components/header/mobile-nav-menu-ai.tsx +14 -13
  35. package/components/header/mobile-nav-menu-item.tsx +12 -11
  36. package/components/header/mobile-nav-menu.tsx +19 -18
  37. package/components/header/mobile.tsx +10 -11
  38. package/components/icons/index.ts +0 -1
  39. package/components/icons/social-icon.tsx +1 -1
  40. package/components/index.ts +2 -2
  41. package/components/logo.tsx +40 -67
  42. package/components/main.tsx +3 -4
  43. package/components/mini-chart/mini-chart.tsx +2 -1
  44. package/components/security/index.tsx +55 -0
  45. package/next/font/font-desc.ts +18 -0
  46. package/next/font/fonts.ts +40 -0
  47. package/next/font/get-app-router-font-classes.ts +14 -12
  48. package/next/font/load-and-return-lux-next-fonts-on-import.ts +16 -24
  49. package/next/font/local/Zen-Variable.woff2 +0 -0
  50. package/next/font/next-font-desc.ts +18 -17
  51. package/next/head-metadata/index.tsx +7 -6
  52. package/next/head-metadata/next-metadata.ts +49 -0
  53. package/next/middleware/determine-device-mw.ts +0 -13
  54. package/package.json +15 -15
  55. package/root-layout/index.tsx +42 -29
  56. package/style/fonts/Zen-Variable.woff2 +0 -0
  57. package/style/lux-colors.css +0 -1
  58. package/style/lux-fonts.css +5 -11
  59. package/style/lux-global-non-next.css +9 -9
  60. package/style/lux-global.css +99 -15
  61. package/tsconfig.json +8 -0
  62. package/types/site-def.ts +7 -0
  63. package/components/auth/auth-listener.tsx +0 -33
  64. package/components/auth/auth-token/clear-auth-token.tsx +0 -12
  65. package/components/auth/auth-token/set-auth-token.tsx +0 -16
  66. package/components/auth/common-auth-domains.ts +0 -17
  67. package/components/auth/mobile-login-button.tsx +0 -112
  68. package/components/auth/signup-panel.tsx +0 -113
  69. package/components/icons/lux-logo.tsx +0 -10
  70. package/next/font/local/Druk-Wide-Bold.ttf +0 -0
  71. package/next/font/local/Druk-Wide-Medium.ttf +0 -0
  72. package/next/head-metadata/from-next/metadata-types.ts +0 -158
  73. package/next/head-metadata/from-next/opengraph-types.ts +0 -267
  74. package/next/head-metadata/from-next/twitter-types.ts +0 -92
  75. package/style/fonts/Druk-Wide-Bold.ttf +0 -0
  76. package/style/fonts/Druk-Wide-Medium.ttf +0 -0
  77. package/tailwind/fontFamily.tailwind.lux.ts +0 -18
  78. package/tailwind/index.ts +0 -2
  79. package/tailwind/lux-tw-fonts.ts +0 -40
  80. package/tailwind/tailwind.config.lux-preset.ts +0 -10
@@ -1,267 +0,0 @@
1
- import type { AbsoluteTemplateString, TemplateString } from './metadata-types'
2
-
3
- export type OpenGraphType =
4
- | 'article'
5
- | 'book'
6
- | 'music.song'
7
- | 'music.album'
8
- | 'music.playlist'
9
- | 'music.radio_station'
10
- | 'profile'
11
- | 'website'
12
- | 'video.tv_show'
13
- | 'video.other'
14
- | 'video.movie'
15
- | 'video.episode'
16
-
17
- export type OpenGraph =
18
- | OpenGraphWebsite
19
- | OpenGraphArticle
20
- | OpenGraphBook
21
- | OpenGraphProfile
22
- | OpenGraphMusicSong
23
- | OpenGraphMusicAlbum
24
- | OpenGraphMusicPlaylist
25
- | OpenGraphRadioStation
26
- | OpenGraphVideoMovie
27
- | OpenGraphVideoEpisode
28
- | OpenGraphVideoTVShow
29
- | OpenGraphVideoOther
30
- | OpenGraphMetadata
31
-
32
- // update this type to reflect actual locales
33
- type Locale = string
34
-
35
- type OpenGraphMetadata = {
36
- determiner?: 'a' | 'an' | 'the' | 'auto' | ''
37
- title?: string | TemplateString
38
- description?: string
39
- emails?: string | Array<string>
40
- phoneNumbers?: string | Array<string>
41
- faxNumbers?: string | Array<string>
42
- siteName?: string
43
- locale?: Locale
44
- alternateLocale?: Locale | Array<Locale>
45
- images?: OGImage | Array<OGImage>
46
- audio?: OGAudio | Array<OGAudio>
47
- videos?: OGVideo | Array<OGVideo>
48
- url?: string | URL
49
- countryName?: string
50
- ttl?: number
51
- }
52
- export type OpenGraphWebsite = OpenGraphMetadata & {
53
- type: 'website'
54
- }
55
- type OpenGraphArticle = OpenGraphMetadata & {
56
- type: 'article'
57
- publishedTime?: string // datetime
58
- modifiedTime?: string // datetime
59
- expirationTime?: string // datetime
60
- authors?: null | string | URL | Array<string | URL>
61
- section?: null | string
62
- tags?: null | string | Array<string>
63
- }
64
- type OpenGraphBook = OpenGraphMetadata & {
65
- type: 'book'
66
- isbn?: null | string
67
- releaseDate?: null | string // datetime
68
- authors?: null | string | URL | Array<string | URL>
69
- tags?: null | string | Array<string>
70
- }
71
- type OpenGraphProfile = OpenGraphMetadata & {
72
- type: 'profile'
73
- firstName?: null | string
74
- lastName?: null | string
75
- username?: null | string
76
- gender?: null | string
77
- }
78
- type OpenGraphMusicSong = OpenGraphMetadata & {
79
- type: 'music.song'
80
- duration?: null | number
81
- albums?: null | string | URL | OGAlbum | Array<string | URL | OGAlbum>
82
- musicians?: null | string | URL | Array<string | URL>
83
- }
84
- type OpenGraphMusicAlbum = OpenGraphMetadata & {
85
- type: 'music.album'
86
- songs?: null | string | URL | OGSong | Array<string | URL | OGSong>
87
- musicians?: null | string | URL | Array<string | URL>
88
- releaseDate?: null | string // datetime
89
- }
90
- type OpenGraphMusicPlaylist = OpenGraphMetadata & {
91
- type: 'music.playlist'
92
- songs?: null | string | URL | OGSong | Array<string | URL | OGSong>
93
- creators?: null | string | URL | Array<string | URL>
94
- }
95
- type OpenGraphRadioStation = OpenGraphMetadata & {
96
- type: 'music.radio_station'
97
- creators?: null | string | URL | Array<string | URL>
98
- }
99
- type OpenGraphVideoMovie = OpenGraphMetadata & {
100
- type: 'video.movie'
101
- actors?: null | string | URL | OGActor | Array<string | URL | OGActor>
102
- directors?: null | string | URL | Array<string | URL>
103
- writers?: null | string | URL | Array<string | URL>
104
- duration?: null | number
105
- releaseDate?: null | string // datetime
106
- tags?: null | string | Array<string>
107
- }
108
- type OpenGraphVideoEpisode = OpenGraphMetadata & {
109
- type: 'video.episode'
110
- actors?: null | string | URL | OGActor | Array<string | URL | OGActor>
111
- directors?: null | string | URL | Array<string | URL>
112
- writers?: null | string | URL | Array<string | URL>
113
- duration?: null | number
114
- releaseDate?: null | string // datetime
115
- tags?: null | string | Array<string>
116
- series?: null | string | URL
117
- }
118
- type OpenGraphVideoTVShow = OpenGraphMetadata & {
119
- type: 'video.tv_show'
120
- }
121
- type OpenGraphVideoOther = OpenGraphMetadata & {
122
- type: 'video.other'
123
- }
124
-
125
- export type OGImage = string | OGImageDescriptor | URL
126
- type OGImageDescriptor = {
127
- url: string | URL
128
- secureUrl?: string | URL
129
- alt?: string
130
- type?: string
131
- width?: string | number
132
- height?: string | number
133
- }
134
- type OGAudio = string | OGAudioDescriptor | URL
135
- type OGAudioDescriptor = {
136
- url: string | URL
137
- secureUrl?: string | URL
138
- type?: string
139
- }
140
- type OGVideo = string | OGVideoDescriptor | URL
141
- type OGVideoDescriptor = {
142
- url: string | URL
143
- secureUrl?: string | URL
144
- type?: string
145
- width?: string | number
146
- height?: string | number
147
- }
148
-
149
- export type ResolvedOpenGraph =
150
- | ResolvedOpenGraphWebsite
151
- | ResolvedOpenGraphArticle
152
- | ResolvedOpenGraphBook
153
- | ResolvedOpenGraphProfile
154
- | ResolvedOpenGraphMusicSong
155
- | ResolvedOpenGraphMusicAlbum
156
- | ResolvedOpenGraphMusicPlaylist
157
- | ResolvedOpenGraphRadioStation
158
- | ResolvedOpenGraphVideoMovie
159
- | ResolvedOpenGraphVideoEpisode
160
- | ResolvedOpenGraphVideoTVShow
161
- | ResolvedOpenGraphVideoOther
162
- | ResolvedOpenGraphMetadata
163
-
164
- type ResolvedOpenGraphMetadata = {
165
- determiner?: 'a' | 'an' | 'the' | 'auto' | ''
166
- title: AbsoluteTemplateString
167
- description?: string
168
- emails?: Array<string>
169
- phoneNumbers?: Array<string>
170
- faxNumbers?: Array<string>
171
- siteName?: string
172
- locale?: Locale
173
- alternateLocale?: Array<Locale>
174
- images?: Array<OGImage>
175
- audio?: Array<OGAudio>
176
- videos?: Array<OGVideo>
177
- url: null | URL | string
178
- countryName?: string
179
- ttl?: number
180
- }
181
- type ResolvedOpenGraphWebsite = ResolvedOpenGraphMetadata & {
182
- type: 'website'
183
- }
184
- type ResolvedOpenGraphArticle = ResolvedOpenGraphMetadata & {
185
- type: 'article'
186
- publishedTime?: string // datetime
187
- modifiedTime?: string // datetime
188
- expirationTime?: string // datetime
189
- authors?: Array<string>
190
- section?: string
191
- tags?: Array<string>
192
- }
193
- type ResolvedOpenGraphBook = ResolvedOpenGraphMetadata & {
194
- type: 'book'
195
- isbn?: string
196
- releaseDate?: string // datetime
197
- authors?: Array<string>
198
- tags?: Array<string>
199
- }
200
- type ResolvedOpenGraphProfile = ResolvedOpenGraphMetadata & {
201
- type: 'profile'
202
- firstName?: string
203
- lastName?: string
204
- username?: string
205
- gender?: string
206
- }
207
- type ResolvedOpenGraphMusicSong = ResolvedOpenGraphMetadata & {
208
- type: 'music.song'
209
- duration?: number
210
- albums?: Array<OGAlbum>
211
- musicians?: Array<string | URL>
212
- }
213
- type ResolvedOpenGraphMusicAlbum = ResolvedOpenGraphMetadata & {
214
- type: 'music.album'
215
- songs?: Array<string | URL | OGSong>
216
- musicians?: Array<string | URL>
217
- releaseDate?: string // datetime
218
- }
219
- type ResolvedOpenGraphMusicPlaylist = ResolvedOpenGraphMetadata & {
220
- type: 'music.playlist'
221
- songs?: Array<string | URL | OGSong>
222
- creators?: Array<string | URL>
223
- }
224
- type ResolvedOpenGraphRadioStation = ResolvedOpenGraphMetadata & {
225
- type: 'music.radio_station'
226
- creators?: Array<string | URL>
227
- }
228
- type ResolvedOpenGraphVideoMovie = ResolvedOpenGraphMetadata & {
229
- type: 'video.movie'
230
- actors?: Array<string | URL | OGActor>
231
- directors?: Array<string | URL>
232
- writers?: Array<string | URL>
233
- duration?: number
234
- releaseDate?: string // datetime
235
- tags?: Array<string>
236
- }
237
- type ResolvedOpenGraphVideoEpisode = ResolvedOpenGraphMetadata & {
238
- type: 'video.episode'
239
- actors?: Array<string | URL | OGActor>
240
- directors?: Array<string | URL>
241
- writers?: Array<string | URL>
242
- duration?: number
243
- releaseDate?: string // datetime
244
- tags?: Array<string>
245
- series?: string | URL
246
- }
247
- type ResolvedOpenGraphVideoTVShow = ResolvedOpenGraphMetadata & {
248
- type: 'video.tv_show'
249
- }
250
- type ResolvedOpenGraphVideoOther = ResolvedOpenGraphMetadata & {
251
- type: 'video.other'
252
- }
253
-
254
- type OGSong = {
255
- url: string | URL
256
- disc?: number
257
- track?: number
258
- }
259
- type OGAlbum = {
260
- url: string | URL
261
- disc?: number
262
- track?: number
263
- }
264
- type OGActor = {
265
- url: string | URL
266
- role?: string
267
- }
@@ -1,92 +0,0 @@
1
- // Reference: https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/markup
2
-
3
- import type { AbsoluteTemplateString, TemplateString } from './metadata-types'
4
-
5
- export type Twitter =
6
- | TwitterSummary
7
- | TwitterSummaryLargeImage
8
- | TwitterPlayer
9
- | TwitterApp
10
- | TwitterMetadata
11
-
12
- type TwitterMetadata = {
13
- // defaults to card="summary"
14
- site?: string // username for account associated to the site itself
15
- siteId?: string // id for account associated to the site itself
16
- creator?: string // username for the account associated to the creator of the content on the site
17
- creatorId?: string // id for the account associated to the creator of the content on the site
18
- description?: string
19
- title?: string | TemplateString
20
- images?: TwitterImage | Array<TwitterImage>
21
- }
22
- type TwitterSummary = TwitterMetadata & {
23
- card: 'summary'
24
- }
25
- type TwitterSummaryLargeImage = TwitterMetadata & {
26
- card: 'summary_large_image'
27
- }
28
- type TwitterPlayer = TwitterMetadata & {
29
- card: 'player'
30
- players: TwitterPlayerDescriptor | Array<TwitterPlayerDescriptor>
31
- }
32
- type TwitterApp = TwitterMetadata & {
33
- card: 'app'
34
- app: TwitterAppDescriptor
35
- }
36
- export type TwitterAppDescriptor = {
37
- id: {
38
- iphone?: string | number
39
- ipad?: string | number
40
- googleplay?: string
41
- }
42
- url?: {
43
- iphone?: string | URL
44
- ipad?: string | URL
45
- googleplay?: string | URL
46
- }
47
- name?: string
48
- }
49
-
50
- export type TwitterImage = string | TwitterImageDescriptor | URL
51
- type TwitterImageDescriptor = {
52
- url: string | URL
53
- alt?: string
54
- secureUrl?: string | URL
55
- type?: string
56
- width?: string | number
57
- height?: string | number
58
- }
59
- type TwitterPlayerDescriptor = {
60
- playerUrl: string | URL
61
- streamUrl: string | URL
62
- width: number
63
- height: number
64
- }
65
-
66
- type ResolvedTwitterImage = {
67
- url: string | URL
68
- alt?: string
69
- secureUrl?: string | URL
70
- type?: string
71
- width?: string | number
72
- height?: string | number
73
- }
74
- type ResolvedTwitterSummary = {
75
- site: string | null
76
- siteId: string | null
77
- creator: string | null
78
- creatorId: string | null
79
- description: string | null
80
- title: AbsoluteTemplateString
81
- images?: Array<ResolvedTwitterImage>
82
- }
83
- type ResolvedTwitterPlayer = ResolvedTwitterSummary & {
84
- players: Array<TwitterPlayerDescriptor>
85
- }
86
- type ResolvedTwitterApp = ResolvedTwitterSummary & { app: TwitterAppDescriptor }
87
-
88
- export type ResolvedTwitterMetadata =
89
- | ({ card: 'summary' } & ResolvedTwitterSummary)
90
- | ({ card: 'summary_large_image' } & ResolvedTwitterSummary)
91
- | ({ card: 'player' } & ResolvedTwitterPlayer)
92
- | ({ card: 'app' } & ResolvedTwitterApp)
Binary file
Binary file
@@ -1,18 +0,0 @@
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 DELETED
@@ -1,2 +0,0 @@
1
-
2
- export {default as preset} from './tailwind.config.lux-preset'
@@ -1,40 +0,0 @@
1
- import type { TwFontDesc } from '@hanzo/ui/tailwind'
2
-
3
-
4
- /* NOTE: /next/load-and-return....ts depends on this file! */
5
-
6
- export default [
7
- {
8
- fontFamily: ['var(--font-inter)'], // do not provide fall-backs due to next bug
9
- cssVar: '--font-inter',
10
- twName: 'sans'
11
- },
12
- {
13
- fontFamily: ['var(--font-druk-text-wide)'], // do not provide fall-backs due to next bug
14
- cssVar: '--font-druk-text-wide',
15
- twName: 'nav'
16
- },
17
- {
18
- fontFamily: ['var(--font-druk-wide)'], // do not provide fall-backs due to next bug
19
- cssVar: '--font-druk-wide',
20
- twName: 'heading'
21
- },
22
- {
23
- twName: 'serif',
24
- fontFamily: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times']
25
- },
26
- {
27
- twName: 'mono',
28
- fontFamily: [
29
- 'ui-monospace',
30
- 'SFMono-Regular',
31
- 'Menlo',
32
- 'Monaco',
33
- 'Consolas',
34
- '"Liberation Mono"',
35
- '"Courier New"',
36
- 'monospace',
37
- ]
38
- }
39
-
40
- ] as TwFontDesc[]
@@ -1,10 +0,0 @@
1
- import type { Config } from 'tailwindcss'
2
- import { preset } from '@hanzo/ui/tailwind'
3
- import { fontFamily } from './fontFamily.tailwind.lux'
4
-
5
- export default {
6
- presets: [preset],
7
- content: [],
8
- theme: { fontFamily }
9
- } satisfies Config
10
-