V1: Vanilla Extract #693
talentlessguyAnnotations
20 errors and 10 warnings
|
Lint (18):
components/src/components/atoms/Box/Box.tsx#L3
'ElementType' is defined but never used
|
|
Lint (18):
components/src/components/atoms/Box/Box.tsx#L5
'ReactElement' is defined but never used
|
|
Lint (18):
components/src/components/atoms/Button/Button.tsx#L93
'$shadow' is defined but never used
|
|
Lint (18):
components/src/components/molecules/CurrencyToggle/CurrencyToggle.tsx#L29
'$type' is defined but never used
|
|
Lint (18):
components/src/components/molecules/Dropdown/Dropdown.tsx#L11
'commonVars' is defined but never used
|
|
Lint (18):
components/src/components/molecules/Dropdown/styles.css.ts#L1
'styleVariants' is defined but never used
|
|
Lint (18):
docs/src/components/AdditionalColors/components/PaletteRow.tsx#L3
'rawColorToRGB' is defined but never used
|
|
Lint (18):
docs/src/components/AdditionalColors/components/PaletteRow.tsx#L8
'color' is defined but never used
|
|
Lint (18):
docs/src/components/CodePreview.tsx#L55
'$expand' is defined but never used
|
|
Lint (18):
docs/src/components/NavBar.tsx#L6
'Tag' is defined but never used
|
|
src/components/molecules/Modal/Modal.test.tsx > <Modal /> > renders:
components/src/components/molecules/Modal/Modal.test.tsx#L14
Error: expect(element).toBeVisible()
Received element is not visible:
<div
class="_1jwf1btcbj _1jwf1btcpl _1jwf1bta5j _1jwf1bta6p _1jwf1btbij _1jwf1btbu3 _1jwf1bt9xs _1jwf1btjpm _1jwf1btbi1 _1jwf1btbfl _1jwf1btjrs _1jwf1btjs4 _1jwf1btjra _1jwf1btdgp _1jwf1btdh9 _1jwf1btjta"
transform="[object Object]"
translate="[object Object]"
/>
Ignored nodes: comments, script, style
<html>
<head />
<body
data-backdrops="1"
style="width: 0px; position: fixed; top: -0px;"
>
<div />
<div
class="modal"
>
<div
class="_1jwf1btcbj _1jwf1btcpl _1jwf1bta5j _1jwf1bta6p _1jwf1btbij _1jwf1btbu3 _1jwf1bt9xs _1jwf1btjpm _1jwf1btbi1 _1jwf1btbfl _1jwf1btjrs _1jwf1btjs4 _1jwf1btjra _1jwf1btdgp _1jwf1btdh9 _1jwf1btjta"
transform="[object Object]"
translate="[object Object]"
>
Modal
</div>
</div>
</body>
</html>...
❯ waitFor.timeout src/components/molecules/Modal/Modal.test.tsx:14:59
❯ runWithExpensiveErrorDiagnosticsDisabled ../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback ../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ Timeout.checkRealTimersCallback ../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:118:16
|
|
src/components/molecules/Profile/Profile.test.tsx > <Profile /> > renders:
node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132
SprinklesError: "transitionProperty" has no value "color, border-color, background-color, transform, filter". Possible values are "all", "none", "box-shadow", "background-color", "initial", "inherit", "stroke"
❯ invalidPropValue ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:132:19
❯ _loop ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:139:15
❯ Module.sprinklesFn ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:181:11
❯ src/components/atoms/Box/Box.tsx:41:23
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
|
src/components/molecules/Profile/Profile.test.tsx > <Profile /> > should add middle ellipsis to address:
node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132
SprinklesError: "transitionProperty" has no value "color, border-color, background-color, transform, filter". Possible values are "all", "none", "box-shadow", "background-color", "initial", "inherit", "stroke"
❯ invalidPropValue ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:132:19
❯ _loop ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:139:15
❯ Module.sprinklesFn ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:181:11
❯ src/components/atoms/Box/Box.tsx:41:23
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
|
src/components/molecules/Profile/Profile.test.tsx > <Profile /> > should display only ensName if provided:
node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132
SprinklesError: "transitionProperty" has no value "color, border-color, background-color, transform, filter". Possible values are "all", "none", "box-shadow", "background-color", "initial", "inherit", "stroke"
❯ invalidPropValue ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:132:19
❯ _loop ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:139:15
❯ Module.sprinklesFn ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:181:11
❯ src/components/atoms/Box/Box.tsx:41:23
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
|
src/components/molecules/Profile/Profile.test.tsx > <Profile /> > should display dropdown if items are provided:
node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132
SprinklesError: "transitionProperty" has no value "color, border-color, background-color, transform, filter". Possible values are "all", "none", "box-shadow", "background-color", "initial", "inherit", "stroke"
❯ invalidPropValue ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:132:19
❯ _loop ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:139:15
❯ Module.sprinklesFn ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:181:11
❯ src/components/atoms/Box/Box.tsx:41:23
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
|
src/components/molecules/Profile/Profile.test.tsx > <Profile /> > should hide text if size is small:
node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132
SprinklesError: "transitionProperty" has no value "color, border-color, background-color, transform, filter". Possible values are "all", "none", "box-shadow", "background-color", "initial", "inherit", "stroke"
❯ invalidPropValue ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:132:19
❯ _loop ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:139:15
❯ Module.sprinklesFn ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:181:11
❯ src/components/atoms/Box/Box.tsx:41:23
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
|
src/components/molecules/Textarea/Textarea.test.tsx > <Textarea /> > renders:
node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132
SprinklesError: "transitionProperty" has no value "color, border-color, background-color". Possible values are "all", "none", "box-shadow", "background-color", "initial", "inherit", "stroke"
❯ invalidPropValue ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:132:19
❯ _loop ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:139:15
❯ Module.sprinklesFn ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:181:11
❯ src/components/atoms/Box/Box.tsx:41:23
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
|
src/components/molecules/Textarea/Textarea.test.tsx > <Textarea /> > receives user input:
node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132
SprinklesError: "transitionProperty" has no value "color, border-color, background-color". Possible values are "all", "none", "box-shadow", "background-color", "initial", "inherit", "stroke"
❯ invalidPropValue ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:132:19
❯ _loop ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:139:15
❯ Module.sprinklesFn ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:181:11
❯ src/components/atoms/Box/Box.tsx:41:23
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
|
src/components/molecules/Textarea/Textarea.test.tsx > <Textarea /> > respects the maxLength parameter:
node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132
SprinklesError: "transitionProperty" has no value "color, border-color, background-color". Possible values are "all", "none", "box-shadow", "background-color", "initial", "inherit", "stroke"
❯ invalidPropValue ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:132:19
❯ _loop ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:139:15
❯ Module.sprinklesFn ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:181:11
❯ src/components/atoms/Box/Box.tsx:41:23
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
|
src/components/molecules/Textarea/Textarea.test.tsx > <Textarea /> > does not allow typing when disabled:
node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132
SprinklesError: "transitionProperty" has no value "color, border-color, background-color". Possible values are "all", "none", "box-shadow", "background-color", "initial", "inherit", "stroke"
❯ invalidPropValue ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:132:19
❯ _loop ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:139:15
❯ Module.sprinklesFn ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:181:11
❯ src/components/atoms/Box/Box.tsx:41:23
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ updateForwardRef ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:19245:20
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21675:16
❯ beginWork$1 ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27465:14
❯ performUnitOfWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26599:12
❯ workLoopSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26505:5
|
|
Lint (18):
components/src/components/atoms/Banner/Banner.tsx#L230
Unexpected any. Specify a different type
|
|
Lint (18):
components/src/components/atoms/Button/Button.tsx#L328
Unexpected any. Specify a different type
|
|
Lint (18):
components/src/components/atoms/DynamicPopover/DynamicPopover.tsx#L483
Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
|
|
Lint (18):
components/src/components/atoms/DynamicPopover/utils/getValueForTransitionState.ts#L84
Unexpected any. Specify a different type
|
|
Lint (18):
components/src/components/atoms/Field/Field.tsx#L126
Unexpected any. Specify a different type
|
|
Lint (18):
components/src/components/atoms/Field/Field.tsx#L200
Unexpected any. Specify a different type
|
|
Lint (18):
components/src/components/atoms/Field/Field.tsx#L301
Using 'cloneElement' is uncommon and can lead to fragile code. Use alternatives instead
|
|
Lint (18):
components/src/components/atoms/FileInput/FileInput.test.tsx#L21
Unexpected any. Specify a different type
|
|
Lint (18):
components/src/components/atoms/FileInput/FileInput.tsx#L195
Do not call the 'set' function 'setState' of 'useState' directly in 'useEffect'
|
|
Lint (18):
components/src/components/atoms/FileInput/FileInput.tsx#L206
Do not call the 'set' function 'setState' of 'useState' directly in 'useEffect'
|