Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

V1: Vanilla Extract #131

Open
wants to merge 241 commits into
base: main
Choose a base branch
from
Open
Changes from 2 commits
Commits
Show all changes
241 commits
Select commit Hold shift + click to select a range
ca117c0
install vanilla extract
storywithoutend Sep 21, 2023
b2733db
add vanilla extract
storywithoutend Sep 28, 2023
357be17
convert styled components to vanilla extract
storywithoutend Oct 12, 2023
07f3813
skip CI tests
storywithoutend Oct 12, 2023
da7b6c1
fix lint erros
storywithoutend Oct 12, 2023
7bc0210
fix docs lint errors
storywithoutend Oct 12, 2023
ba82748
update docs design
storywithoutend Oct 14, 2023
b2f0211
remove styled-components completely from thorin
storywithoutend Oct 17, 2023
c498406
fix lint issues
storywithoutend Oct 17, 2023
5d3fb11
update react, fix some bugs
storywithoutend Oct 17, 2023
a2438e7
fix tests, upgrade to react 18
storywithoutend Oct 18, 2023
ed5242d
add logo and color pages + updated colors
storywithoutend Oct 21, 2023
a7d4e38
added logo, colors, and icons guides
storywithoutend Oct 23, 2023
75f1f55
fix lint errors
storywithoutend Oct 23, 2023
8666c14
fix tests
storywithoutend Oct 23, 2023
1b6227d
update next.config.js to use next/image in static build
storywithoutend Oct 23, 2023
6893557
update react-transition-state, combine rainbow sprinkles conditions
storywithoutend Nov 2, 2023
d7c75d9
checkpoint
storywithoutend Nov 14, 2023
51629b2
resolve conflicts
storywithoutend Jul 30, 2024
89c9ad8
bump actions and pnpm
talentlessguy Aug 7, 2024
5222a0e
fix lint problems
talentlessguy Aug 7, 2024
5c8a2a1
remove jest and styled-components related deps
talentlessguy Aug 7, 2024
430178b
rewrite some styled components to ve
talentlessguy Aug 7, 2024
c332377
rewrite DialogContent
talentlessguy Aug 7, 2024
45375fc
remove eslint 7
talentlessguy Aug 7, 2024
7420cab
wip: use eslint + stylelint v9 flat config
talentlessguy Aug 7, 2024
a6813a0
wip centralized config
talentlessguy Aug 7, 2024
b85fcc8
docs eslint config
talentlessguy Aug 7, 2024
57f6de7
wip reconfiguring eslint & ts
talentlessguy Aug 7, 2024
4900033
make docs lint pass
talentlessguy Aug 7, 2024
a61cac8
run eslint on components
talentlessguy Aug 7, 2024
518a42e
wip fix components lint
talentlessguy Aug 7, 2024
20f200d
fix components lint errors
talentlessguy Aug 7, 2024
ebf61d6
fix some build errors and start vitest setup
talentlessguy Aug 8, 2024
574c5a0
make vite build not fail
talentlessguy Aug 8, 2024
694e34c
fix vite build (not types yet)
talentlessguy Aug 9, 2024
9a00af1
fix another type error
talentlessguy Aug 9, 2024
f638060
wip moving icons to jsx
talentlessguy Aug 9, 2024
d048483
wip icons moving
talentlessguy Aug 9, 2024
7332682
95.2% of tests pass
talentlessguy Aug 11, 2024
dc4d3ca
make build work, remove unused plugins, fix stylelint
talentlessguy Aug 11, 2024
57b6380
undo attempts of using a separate tsc step
talentlessguy Aug 11, 2024
9bde836
fix css emit and wip docs build
talentlessguy Aug 11, 2024
e393560
move the rest of icons to the icons.txt file and fix docs css
talentlessguy Aug 11, 2024
b002544
fix website build
talentlessguy Aug 11, 2024
51805a5
remove icons from sidebar for now
talentlessguy Aug 11, 2024
d20506a
fix codepreview font
talentlessguy Aug 11, 2024
1cca7e6
rename
talentlessguy Aug 11, 2024
c4acac0
fix some stuff in the docs
talentlessguy Aug 11, 2024
c1d0355
fix themetoggle icon size
talentlessguy Aug 11, 2024
8c35b9e
remove unused deps
talentlessguy Aug 11, 2024
1bf75d5
fix icon fill
talentlessguy Aug 11, 2024
9f63d75
prefix identifiers with `thorin-` and fix Select icon prefixes
talentlessguy Aug 12, 2024
19e710f
fix mono font
talentlessguy Aug 12, 2024
1ae5697
fix textarea and prefix css vars
talentlessguy Aug 12, 2024
5e91184
fix dialog colors
talentlessguy Aug 12, 2024
9702629
fix tooltip colors
talentlessguy Aug 12, 2024
c06cc80
ignore 3 failing tests
talentlessguy Aug 15, 2024
f2208e4
make docs build
talentlessguy Aug 15, 2024
714dac0
fix paths
talentlessguy Aug 15, 2024
0b68772
coverage
talentlessguy Aug 15, 2024
f9db9a9
fix node version
talentlessguy Aug 15, 2024
93d3295
fix svg properties
talentlessguy Aug 16, 2024
95693b7
fix doc site build and remove SC related stuff
talentlessguy Aug 16, 2024
19fb042
await `waitFor` and skip failing tests for now
talentlessguy Aug 21, 2024
9c799f0
unskip failing tests because it doesn't work irl either
talentlessguy Aug 21, 2024
9adc2cb
remove lodash from deps
talentlessguy Aug 24, 2024
0795d32
add build:watch script
talentlessguy Aug 24, 2024
6ea9dc2
fix toast
storywithoutend Aug 27, 2024
978ce8d
Merge pull request #155 from ensdomains/refactor-with-vanilla-extract…
talentlessguy Aug 27, 2024
cc67413
Merge branch 'main' of https://github.com/ensdomains/thorin into refa…
talentlessguy Aug 27, 2024
493b9b8
bump react transition state
talentlessguy Aug 27, 2024
dcd8a35
fix backdrop
talentlessguy Aug 27, 2024
9d23313
fix types
talentlessguy Aug 27, 2024
e45ecbd
fix some more test
talentlessguy Aug 27, 2024
0745ce2
fix more tests
talentlessguy Aug 27, 2024
ea67ccf
fix lint errors
talentlessguy Aug 27, 2024
c43f7c7
downgrade no-duplicate-key to warning because of false positives
storywithoutend Aug 27, 2024
cab5156
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
storywithoutend Aug 27, 2024
b9474a2
cleanup readme and minify in prod
talentlessguy Aug 27, 2024
abc9046
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
talentlessguy Aug 27, 2024
4f730b9
fix icon name
talentlessguy Aug 27, 2024
1cd4917
export CardDivider instead of Card.Divider to keep the component pure
talentlessguy Aug 28, 2024
09393c8
mark components as fc to avoid type errors
talentlessguy Aug 28, 2024
852ff41
refactor to use fc
talentlessguy Aug 28, 2024
fd4e19b
v1.0.0-beta.0
github-actions[bot] Aug 28, 2024
6bff93b
fix scrollbox intersectional observer
storywithoutend Aug 28, 2024
9ac888f
v1.0.0-beta.1
github-actions[bot] Aug 28, 2024
8e8af93
fix dropdown's duplicate icon
talentlessguy Aug 28, 2024
d6b5d64
v1.0.0-beta.2
github-actions[bot] Aug 28, 2024
b72d620
remove duplicate code
talentlessguy Aug 28, 2024
6e23835
fix tooltip debounce
talentlessguy Aug 28, 2024
f536e4e
removed deps
talentlessguy Aug 28, 2024
c647b90
remove es-toolkit
talentlessguy Aug 28, 2024
8ff2f50
v1.0.0-beta.3
github-actions[bot] Aug 28, 2024
e258d90
export the type used in manager-app
talentlessguy Aug 29, 2024
902c4b2
remove barrel files pt1
talentlessguy Aug 29, 2024
4f997f7
remove barrel files checkpoint
talentlessguy Aug 29, 2024
cb69565
remove more barrel files
talentlessguy Aug 30, 2024
ca1645f
less barrel files
talentlessguy Aug 30, 2024
1264212
less barrels
talentlessguy Aug 30, 2024
cf4662c
fix unit tets
talentlessguy Aug 30, 2024
756be43
remove a few more barrel files
talentlessguy Aug 30, 2024
100a62d
less barrel files
talentlessguy Aug 30, 2024
356a018
v1.0.0-beta.4
github-actions[bot] Aug 30, 2024
ed838bf
bring back icons
talentlessguy Aug 30, 2024
a6166f2
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
talentlessguy Aug 30, 2024
2cea20b
v1.0.0-beta.5
github-actions[bot] Aug 30, 2024
e4acc24
enforce type only imports
talentlessguy Aug 30, 2024
74689a2
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
talentlessguy Aug 30, 2024
07463ab
v1.0.0-beta.6
github-actions[bot] Aug 30, 2024
3084f7f
add rainbow-sprinkles as a dependency to make types work
talentlessguy Aug 30, 2024
31a50d3
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
talentlessguy Aug 30, 2024
0020fdf
v1.0.0-beta.7
github-actions[bot] Aug 30, 2024
92b6f28
fix docs build
talentlessguy Aug 31, 2024
2522757
remove duplicate typescripts
talentlessguy Aug 31, 2024
21e9220
fix typescript
talentlessguy Aug 31, 2024
1c16448
less barrels
talentlessguy Aug 31, 2024
c88cb51
v1.0.0-beta.8
github-actions[bot] Aug 31, 2024
1f498ac
fix typescript now for 100%
talentlessguy Aug 31, 2024
1a78524
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
talentlessguy Aug 31, 2024
85f003a
update colors
storywithoutend Sep 1, 2024
7369b1e
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
storywithoutend Sep 1, 2024
34c9912
fix `onChange` property
talentlessguy Sep 2, 2024
d7cd0a9
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
talentlessguy Sep 2, 2024
b0126b8
fix button prefix props
talentlessguy Sep 2, 2024
3d69410
v1.0.0-beta.9
github-actions[bot] Sep 2, 2024
eb82a01
wip use vanilla vanilla-extract
talentlessguy Sep 2, 2024
67c0e80
wip
talentlessguy Sep 2, 2024
4ed0667
wip
talentlessguy Sep 3, 2024
a643aad
bulk replace
talentlessguy Sep 3, 2024
fafb45d
anther bulk replace
talentlessguy Sep 3, 2024
2568e4e
bulk update
talentlessguy Sep 3, 2024
c75994d
wip
talentlessguy Sep 3, 2024
6ee7c1c
some more fixes
talentlessguy Sep 3, 2024
495010a
jsut some cleanup
talentlessguy Sep 3, 2024
03ffd3e
fix a few more issues
talentlessguy Sep 4, 2024
ce46d8e
fix some more
talentlessguy Sep 4, 2024
1eebd07
wip
talentlessguy Sep 5, 2024
73b7daa
fix
talentlessguy Sep 5, 2024
1c4421f
wip type errors
talentlessguy Sep 10, 2024
e97ffb9
wip start moving non-standard to .css.ts
talentlessguy Sep 10, 2024
e74eac2
refactor Toast
talentlessguy Sep 10, 2024
2cc324d
continue refactor
talentlessguy Sep 10, 2024
999290f
wip
talentlessguy Sep 10, 2024
c47ce42
dialog
talentlessguy Sep 11, 2024
726931f
wip
talentlessguy Sep 11, 2024
abfc0e3
Helper
talentlessguy Sep 11, 2024
3f3c53d
wip
talentlessguy Sep 12, 2024
ab64ced
make it build (with errors)
talentlessguy Sep 12, 2024
b2de2e8
recipes
talentlessguy Sep 12, 2024
f1a85b9
fix docs crashing
storywithoutend Sep 13, 2024
fdeb0f7
wip
talentlessguy Sep 13, 2024
c182f38
fix
talentlessguy Sep 13, 2024
09c4dcf
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
storywithoutend Sep 13, 2024
d3fc965
fix dialog page errors
storywithoutend Sep 14, 2024
01b2b2d
make less build errors
talentlessguy Sep 14, 2024
788a8d7
more type fixes
talentlessguy Sep 14, 2024
bb157d2
some more better types
talentlessguy Sep 14, 2024
b06f52a
less build errors
talentlessguy Sep 15, 2024
1401441
Heading
talentlessguy Sep 17, 2024
b3422fd
improve types
talentlessguy Sep 17, 2024
7b50e96
wip
talentlessguy Sep 18, 2024
dc78dfb
wip Button
talentlessguy Sep 18, 2024
a0eb920
add color style to theme and fixed some components such as Button, Ch…
storywithoutend Sep 21, 2024
6799a07
feat: dark theme support in docs
talentlessguy Sep 27, 2024
2baca13
Merge pull request #160 from ensdomains/dark-theme-in-docs
talentlessguy Oct 2, 2024
7fd8153
fix components not rendering in docs
storywithoutend Oct 31, 2024
6488d4d
Merge branch 'main' of https://github.com/ensdomains/thorin into refa…
talentlessguy Nov 1, 2024
0c59aba
fix Textarea and move some of the button styles to .css.ts
talentlessguy Nov 1, 2024
be96421
more fixes
talentlessguy Nov 1, 2024
6575eac
more fixes
talentlessguy Nov 1, 2024
a4efd25
move some properties to css vars
talentlessguy Nov 6, 2024
b30265f
bump deps
talentlessguy Nov 6, 2024
e7f49f6
bump deps and setup coverage
talentlessguy Nov 6, 2024
7a7da1c
remove unused filels
talentlessguy Nov 6, 2024
409edd8
fix RadioButton
talentlessguy Nov 6, 2024
8da0e93
a few fixes
talentlessguy Nov 6, 2024
71671a4
fix up some styles
talentlessguy Nov 6, 2024
bc53a96
fix some type errors
talentlessguy Nov 7, 2024
67d7ebb
fix banner and select
talentlessguy Nov 16, 2024
49cec7a
Update Box.tsx
storywithoutend Nov 21, 2024
91c6399
test fixes
storywithoutend Nov 25, 2024
65979c0
remove fs-extra
talentlessguy Nov 28, 2024
29dabf5
random type/style fixes, introduce AsProp type
talentlessguy Nov 29, 2024
3c476c5
add TransitionDuration type
talentlessguy Nov 29, 2024
999d37f
fix chevron
talentlessguy Nov 29, 2024
af1ba7c
sync react versions
talentlessguy Nov 29, 2024
3c78a3b
cleanup deps
talentlessguy Nov 29, 2024
34cfde3
fix popover
talentlessguy Nov 29, 2024
c68ea73
use BoxProps instead of NativeDivProps where possible
talentlessguy Nov 29, 2024
f76c416
various cleanups and doc fixes
talentlessguy Nov 29, 2024
fc0e0d9
doc fixes
talentlessguy Nov 30, 2024
4e3836e
make docs build again
talentlessguy Nov 30, 2024
804f10c
less deps
talentlessguy Nov 30, 2024
d528cf6
bump eslint plugins
talentlessguy Nov 30, 2024
408a65b
socket optimize
talentlessguy Nov 30, 2024
d9750c0
make lint not fail
talentlessguy Nov 30, 2024
8528259
remove unused code and replace some any with actual types
talentlessguy Nov 30, 2024
2d8b590
remove styled-components mentions
talentlessguy Nov 30, 2024
1c22f03
silence type error
talentlessguy Nov 30, 2024
efa6084
v1.0.0-beta.10
github-actions[bot] Nov 30, 2024
d60175f
export asprop
talentlessguy Nov 30, 2024
b2640cc
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
talentlessguy Nov 30, 2024
3dda281
bump eslint + remove any's
talentlessguy Dec 1, 2024
c3a0ca5
less anys
talentlessguy Dec 1, 2024
1d93468
decrease usage of clsx and add a test case for Avatar
talentlessguy Dec 2, 2024
f14b6a0
Remove playroom
talentlessguy Dec 2, 2024
dc5cf8b
remove snippets folder
talentlessguy Dec 2, 2024
5c2cb8f
less any's
talentlessguy Dec 2, 2024
388e204
fix unit test failures
storywithoutend Dec 2, 2024
e150fe5
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
storywithoutend Dec 2, 2024
24d4094
bump dev deps and regenerate lockfile
talentlessguy Dec 2, 2024
863b066
v1.0.0-beta.11
github-actions[bot] Dec 3, 2024
17c32ff
move out unused color utils
talentlessguy Dec 3, 2024
397a1d8
wip: start simplyfing colors
talentlessguy Dec 5, 2024
716471a
refactor colors
talentlessguy Dec 5, 2024
56b3694
remove withColor
talentlessguy Dec 5, 2024
059b8d3
fix type error
talentlessguy Dec 5, 2024
0853087
get rid of unecessary types
talentlessguy Dec 5, 2024
e9dbc09
export unexported and remove unused types
talentlessguy Dec 5, 2024
603f811
remove unused deps
talentlessguy Dec 6, 2024
f9cc715
try fixing css resolution error for cf pages
talentlessguy Dec 6, 2024
5aa337d
remove unused scripts
talentlessguy Dec 6, 2024
08ef84b
Update main.yml
storywithoutend Dec 6, 2024
c6595b7
fix paths
talentlessguy Dec 6, 2024
3cddb1f
lower to node 20.x
talentlessguy Dec 6, 2024
a394b97
v1.0.0-beta.12
github-actions[bot] Dec 6, 2024
b063eb9
set engines for the package and bump node version
talentlessguy Dec 6, 2024
2d0910a
export font variant
talentlessguy Dec 9, 2024
46448c8
v1.0.0-beta.13
github-actions[bot] Dec 9, 2024
c8d3112
fix up banner
talentlessguy Dec 10, 2024
6091dc2
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
talentlessguy Dec 10, 2024
2d0c7cb
v1.0.0-beta.14
github-actions[bot] Dec 10, 2024
76801b9
fix a bug for button with prefix and suffix not loading and add some …
talentlessguy Dec 13, 2024
b161137
less anys and bump dev deps
talentlessguy Dec 13, 2024
aeb64ef
Merge branch 'refactor-with-vanilla-extract' of https://github.com/en…
talentlessguy Dec 13, 2024
2e71bf1
v1.0.0-beta.15
github-actions[bot] Dec 13, 2024
abfd46a
fix colors
talentlessguy Dec 14, 2024
ef812bd
oops
talentlessguy Dec 14, 2024
8092234
v1.0.0-beta.16
github-actions[bot] Dec 14, 2024
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion components/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@ensdomains/thorin",
"version": "1.0.0-beta.7",
"version": "1.0.0-beta.8",
"description": "A web3 native design system",
"main": "./dist/index.cjs",
"module": "./dist/index.js",

Unchanged files with check annotations Beta

if (isValidElement(_as)) {
const as = _as as ReactElement<any>
if (log) console.log('as', className, style, otherProps)
return cloneElement(as, { className, style, ...otherProps })

Check warning on line 42 in components/src/components/atoms/Box/Box.tsx

GitHub Actions / Lint (18)

Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
}
const as = _as as ElementType
const Component = as || 'div'
id="popoverContainer"
ref={refFunc}
>
{React.cloneElement(popover, {

Check warning on line 471 in components/src/components/atoms/DynamicPopover/DynamicPopover.tsx

GitHub Actions / Lint (18)

Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
placement: _placement,
mobilePlacement: _mobilePlacement,
state: state.status,
<Context.Consumer>{context => children(context)}</Context.Consumer>
</Context.Provider>
)
else if (children) content = React.cloneElement(children, ids.content)

Check warning on line 301 in components/src/components/atoms/Field/Field.tsx

GitHub Actions / Lint (18)

Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
else content = children
const labelContent = (
React.useEffect(() => {
if (!defaultValue) return
setState({

Check warning on line 195 in components/src/components/atoms/FileInput/FileInput.tsx

GitHub Actions / Lint (18)

Do not call the 'set' function 'setState' of 'useState' directly in 'useEffect'
previewUrl: defaultValue.url,
name: defaultValue.name,
type: defaultValue.type,
React.useEffect(() => {
if (!state.file) return
const previewUrl = URL.createObjectURL(state.file)
setState(x => ({ ...x, previewUrl }))

Check warning on line 206 in components/src/components/atoms/FileInput/FileInput.tsx

GitHub Actions / Lint (18)

Do not call the 'set' function 'setState' of 'useState' directly in 'useEffect'
return () => URL.revokeObjectURL(previewUrl)
}, [state.file])
React.useEffect(() => {
if (!disabled) {
setCurrentCount(calculateCurrentCount())

Check warning on line 134 in components/src/components/molecules/CountdownCircle/CountdownCircle.tsx

GitHub Actions / Lint (18)

Do not call the 'set' function 'setCurrentCount' of 'useState' directly in 'useEffect'
const countInterval = setInterval(() => {
const currentSeconds = calculateCurrentCount()
if (currentSeconds === 0) {
return (
<ActionSheetItem
key={(item as DropdownItemObject).label}

Check warning on line 94 in components/src/components/molecules/Dropdown/ActionSheet.tsx

GitHub Actions / Lint (18)

A key must be unique. '{(item as DropdownItemObject).label}' is duplicated
onClick={() => {
onClick?.(value)
setIsOpen(false)
item: React.ReactElement<React.PropsWithRef<any>>
}> = ({ setIsOpen, item }) => {
const ref = React.useRef<HTMLDivElement>(null)
const Item = React.cloneElement(item, { ...item.props, ref })

Check warning on line 223 in components/src/components/molecules/Dropdown/Dropdown.tsx

GitHub Actions / Lint (18)

Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
const handleClick = React.useCallback(() => {
setIsOpen(false)
return wrapper(<MenuButton {...props} type="button" />, value || label)
}
return <MenuButton {...props} key={value || label} type="button" />

Check warning on line 291 in components/src/components/molecules/Dropdown/Dropdown.tsx

GitHub Actions / Lint (18)

A key must be unique. '{value || label}' is duplicated
})
const menuProps = React.useMemo(
<>
{children
? (
React.Children.map(children, (child) => {

Check warning on line 406 in components/src/components/molecules/Dropdown/Dropdown.tsx

GitHub Actions / Lint (18)

Using 'Children.map' is uncommon and can lead to fragile code. Use alternatives instead
if (!React.isValidElement(child)) return null
return React.cloneElement(child as any, {
...buttonPropsWithIndicator,