feat: dark theme support in docs #691
Triggered via pull request
September 27, 2024 13:06
talentlessguy
Status
Failure
Total duration
1m 35s
Artifacts
–
Annotations
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):
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#L9
'Button' is defined but never used
|
|
Lint (18):
docs/src/components/CodePreview.tsx#L9
'UpChevronSVG' is defined but never used
|
|
Lint (18):
docs/src/components/CodePreview.tsx#L12
'createPlayroomLink' is defined but never used
|
|
Lint (18):
docs/src/components/CodePreview.tsx#L18
'CopyButton' is defined but never used
|
|
Lint (18):
docs/src/components/CodePreview.tsx#L21
'DownChevronSVG' is defined but never used
|
|
src/components/atoms/Avatar/Avatar.test.tsx > <Avatar /> > renders:
node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L135
SprinklesError: "objectFit" is not a valid sprinkle
❯ _loop ../node_modules/.pnpm/@Vanilla-Extract[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js:135:19
❯ 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
❯ Avatar src/components/atoms/Avatar/Avatar.tsx:122:7
❯ renderWithHooks ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:15486:18
❯ mountIndeterminateComponent ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:20103:13
❯ beginWork ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:21626: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
❯ renderRootSync ../node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26473:7
|
|
src/components/molecules/Dropdown/Dropdown.test.tsx > <Dropdown /> > should render custom element when passed in:
node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132
SprinklesError: "left" has no value "100px". Possible values are "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "18", "20", "24", "25", "26", "28", "30", "32", "36", "40", "44", "45", "48", "52", "56", "60", "64", "72", "80", "96", "112", "128", "144", "168", "192", "224", "256", "288", "320", "-0.5", "-1.5", "-4", "-4.5", "-6", "-px", "px", "0.25", "0.5", "0.75", "1.25", "1.5", "1.75", "2.5", "3.5", "4.5", "5.5", "6.5", "7.5", "8.5", "22.5", "1/4", "1/3", "1/2", "2/3", "3/4", "auto", "full", "fit", "max", "min", "60vh", "80vw", "viewHeight", "viewWidth", "none", "dialogMobileWidth", "dialogDesktopWidth", "unset", "initial", "center"
❯ 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/Dropdown/Dropdown.test.tsx > <Dropdown /> > should open and close dropdown when custom button is provided:
node_modules/.pnpm/@[email protected]_@[email protected][email protected]_/node_modules/@vanilla-extract/sprinkles/dist/createSprinkles-74286718.esm.js#L132
SprinklesError: "left" has no value "100px". Possible values are "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "18", "20", "24", "25", "26", "28", "30", "32", "36", "40", "44", "45", "48", "52", "56", "60", "64", "72", "80", "96", "112", "128", "144", "168", "192", "224", "256", "288", "320", "-0.5", "-1.5", "-4", "-4.5", "-6", "-px", "px", "0.25", "0.5", "0.75", "1.25", "1.5", "1.75", "2.5", "3.5", "4.5", "5.5", "6.5", "7.5", "8.5", "22.5", "1/4", "1/3", "1/2", "2/3", "3/4", "auto", "full", "fit", "max", "min", "60vh", "80vw", "viewHeight", "viewWidth", "none", "dialogMobileWidth", "dialogDesktopWidth", "unset", "initial", "center"
❯ 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/Input/Input.test.tsx > <Input /> > 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/Input/Input.test.tsx > <Input /> > 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/Input/Input.test.tsx > <Input /> > [type=text] > maxLength:
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/Input/Input.test.tsx > <Input /> > should pass a ref down:
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/Input/Input.test.tsx > <Input /> > should fire onChange if clear button is pressed:
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/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="_1jwf1btcbd _1jwf1btcpf _1jwf1bta5d _1jwf1bta6j _1jwf1btbid _1jwf1btbtx _1jwf1bt9xs _1jwf1btjpg _1jwf1btbhv _1jwf1btbff _1jwf1btjrm _1jwf1btjry _1jwf1btjr4 _1jwf1btdgj _1jwf1btdh3 _1jwf1btjt4"
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="_1jwf1btcbd _1jwf1btcpf _1jwf1bta5d _1jwf1bta6j _1jwf1btbid _1jwf1btbtx _1jwf1bt9xs _1jwf1btjpg _1jwf1btbhv _1jwf1btbff _1jwf1btjrm _1jwf1btjry _1jwf1btjr4 _1jwf1btdgj _1jwf1btdh3 _1jwf1btjt4"
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
|
|
Lint (18):
components/src/components/atoms/Banner/Banner.tsx#L228
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#L471
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'
|