Skip to content
Publish Package to npm

feat: checkbox #900

Sign in to view logs

feat: checkbox

feat: checkbox #900

Triggered via pull request September 23, 2025 08:03
@indianaPolyindianaPoly
synchronize #359
indianaPoly:feat-checkbox
Status Failure
Total duration 4m 17s
Artifacts –

publish.yml

on: pull_request
publish
4m 12s
publish
Fit to window
Zoom out
Zoom in

Annotations

5 errors
publish
Process completed with exit code 1.
packages/components/src/components/Checkbox/__tests__/index.browser.test.tsx > Checkbox > should render disabled checkbox with custom colors: packages/components/src/components/Checkbox/__tests__/index.browser.test.tsx#L286
Error: Snapshot `Checkbox > should render disabled checkbox with custom colors 1` mismatched - Expected + Received @@ -7,11 +7,11 @@ > <input class="background-0-light-dark(var(--primary,#6159D4),var(--primary,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-light-dark(var(--primary,#6159D4),var(--primary,#6670F9))--1 appearance-0-none--1 background-0-light-dark(#FFF,var(--inputBg,#2E2E2E))--1 border-0-1px solid light-dark(var(--border,#E0E0E0),var(--border,#333))--1 border-radius-0-2px--1 height-0-16px--1 width-0-16px--1 margin-0-0--1 cursor-0-not-allowed--1 " disabled="" id="«rk»" - style="--primary: #ff0000; --border: #00ff00; --text: #0000ff; --inputBg: #ffff00;" + style="--primary: #ff0000; --border: #00ff00; --text: #0000ff; --inputBg: #ffff00; --checkIcon: #000000;" type="checkbox" /> </div> <label class="cursor-0-not-allowed--255" ❯ packages/components/src/components/Checkbox/__tests__/index.browser.test.tsx:286:23
packages/components/src/components/Checkbox/__tests__/index.browser.test.tsx > Checkbox > should render checked checkbox with custom colors: packages/components/src/components/Checkbox/__tests__/index.browser.test.tsx#L268
Error: Snapshot `Checkbox > should render checked checkbox with custom colors 1` mismatched - Expected + Received @@ -7,24 +7,24 @@ > <input checked="" class="background-0-light-dark(var(--primary,#6159D4),var(--primary,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-light-dark(var(--primary,#6159D4),var(--primary,#6670F9))--1 appearance-0-none--1 background-0-light-dark(#FFF,var(--inputBg,#2E2E2E))--1 border-0-1px solid light-dark(var(--border,#E0E0E0),var(--border,#333))--1 border-radius-0-2px--1 height-0-16px--1 width-0-16px--1 margin-0-0--1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 20%,#FFF 80%),color-mix(in srgb,var(--primary,#6670F9) 30%,#000 70%))-15425828959012638752-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 100%,#000 15%),color-mix(in srgb,var(--primary,#6670F9) 100%,#FFF 15%))-15130211206989154723-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 10%,#FFF 90%),color-mix(in srgb,var(--primary,#6670F9) 20%,#000 80%))-8380715471663921674-1 border-0-1px solid light-dark(var(--primary,#6159D4),var(--primary,#6670F9))-8380715471663921674-1 cursor-0-pointer--1 " id="«rj»" - style="--primary: #ff0000; --border: #00ff00; --text: #0000ff; --inputBg: #ffff00;" + style="--primary: #ff0000; --border: #00ff00; --text: #0000ff; --inputBg: #ffff00; --checkIcon: #000000;" type="checkbox" /> <svg - class="left-0-50%--255 pointer-events-0-none--255 position-0-absolute--255 top-0-8px--255 transform-0-translate(-50%,-50%)--255" + class="left-0-50%--255 pointer-events-0-none--255 position-0-absolute--255 top-0-60%--255 transform-0-translate(-50%,-50%)--255" height="10" viewBox="0 0 12 10" width="12" xmlns="http://www.w3.org/2000/svg" > <path clip-rule="evenodd" d="M11.6474 0.807113C12.0992 1.23373 12.1195 1.94575 11.6929 2.39745L5.31789 9.14745C5.10214 9.37589 4.80069 9.50369 4.48649 9.49992C4.1723 9.49615 3.874 9.36114 3.6638 9.12759L0.288803 5.37759C-0.126837 4.91576 -0.0893993 4.20444 0.372424 3.7888C0.834247 3.37315 1.54557 3.41059 1.96121 3.87242L4.51994 6.71544L10.0571 0.852551C10.4837 0.400843 11.1957 0.3805 11.6474 0.807113Z" - fill="#FFF" + fill="var(--checkIcon, #FFF)" fill-rule="evenodd" /> </svg> </div> <label ❯ packages/components/src/components/Checkbox/__tests__/index.browser.test.tsx:268:23
packages/components/src/components/Checkbox/__tests__/index.browser.test.tsx > Checkbox > should render disabled and checked checkbox: packages/components/src/components/Checkbox/__tests__/index.browser.test.tsx#L30
Error: Snapshot `Checkbox > should render disabled and checked checkbox 1` mismatched - Expected + Received @@ -11,11 +11,11 @@ disabled="" id="«r3»" type="checkbox" /> <svg - class="left-0-50%--255 pointer-events-0-none--255 position-0-absolute--255 top-0-8px--255 transform-0-translate(-50%,-50%)--255" + class="left-0-50%--255 pointer-events-0-none--255 position-0-absolute--255 top-0-60%--255 transform-0-translate(-50%,-50%)--255" height="10" viewBox="0 0 12 10" width="12" xmlns="http://www.w3.org/2000/svg" > ❯ packages/components/src/components/Checkbox/__tests__/index.browser.test.tsx:30:23
packages/components/src/components/Checkbox/__tests__/index.browser.test.tsx > Checkbox > should render checked checkbox: packages/components/src/components/Checkbox/__tests__/index.browser.test.tsx#L14
Error: Snapshot `Checkbox > should render checked checkbox 1` mismatched - Expected + Received @@ -10,20 +10,20 @@ class="background-0-light-dark(var(--primary,#6159D4),var(--primary,#6670F9))-6529705465913413318-1 border-0-none-6529705465913413318-1 background-0-light-dark(#F0F0F3,#47474A)-9407739846625397859-1 background-0-light-dark(#F0F0F3,#47474A)-14172363753176421546-1 accent-color-0-light-dark(var(--primary,#6159D4),var(--primary,#6670F9))--1 appearance-0-none--1 background-0-light-dark(#FFF,var(--inputBg,#2E2E2E))--1 border-0-1px solid light-dark(var(--border,#E0E0E0),var(--border,#333))--1 border-radius-0-2px--1 height-0-16px--1 width-0-16px--1 margin-0-0--1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 20%,#FFF 80%),color-mix(in srgb,var(--primary,#6670F9) 30%,#000 70%))-15425828959012638752-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 100%,#000 15%),color-mix(in srgb,var(--primary,#6670F9) 100%,#FFF 15%))-15130211206989154723-1 background-0-light-dark(color-mix(in srgb,var(--primary,#6159D4) 10%,#FFF 90%),color-mix(in srgb,var(--primary,#6670F9) 20%,#000 80%))-8380715471663921674-1 border-0-1px solid light-dark(var(--primary,#6159D4),var(--primary,#6670F9))-8380715471663921674-1 cursor-0-pointer--1 " id="«r1»" type="checkbox" /> <svg - class="left-0-50%--255 pointer-events-0-none--255 position-0-absolute--255 top-0-8px--255 transform-0-translate(-50%,-50%)--255" + class="left-0-50%--255 pointer-events-0-none--255 position-0-absolute--255 top-0-60%--255 transform-0-translate(-50%,-50%)--255" height="10" viewBox="0 0 12 10" width="12" xmlns="http://www.w3.org/2000/svg" > <path clip-rule="evenodd" d="M11.6474 0.807113C12.0992 1.23373 12.1195 1.94575 11.6929 2.39745L5.31789 9.14745C5.10214 9.37589 4.80069 9.50369 4.48649 9.49992C4.1723 9.49615 3.874 9.36114 3.6638 9.12759L0.288803 5.37759C-0.126837 4.91576 -0.0893993 4.20444 0.372424 3.7888C0.834247 3.37315 1.54557 3.41059 1.96121 3.87242L4.51994 6.71544L10.0571 0.852551C10.4837 0.400843 11.1957 0.3805 11.6474 0.807113Z" - fill="#FFF" + fill="var(--checkIcon, #FFF)" fill-rule="evenodd" /> </svg> </div> <label ❯ packages/components/src/components/Checkbox/__tests__/index.browser.test.tsx:14:23