Skip to content
Publish Package to npm

Fix selector debug #1330

Sign in to view logs

Fix selector debug

Fix selector debug #1330

Triggered via pull request January 5, 2026 11:14
@owjs3901owjs3901
opened #539
fix-selector-debug
Status Failure
Total duration 5m 7s
Artifacts –

publish.yml

on: pull_request
benchmark
5m 3s
benchmark
publish
4m 3s
publish
Fit to window
Zoom out
Zoom in

Annotations

10 errors
error: expect(received).toMatchSnapshot(expected): packages/components/src/components/Input/__tests__/index.browser.test.tsx#L78
"<div> - <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"> + <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-_a_-255 box-sizing-0-border-box-_a__s__st_-255"> <div aria-label="icon" class="icon display-0-flex--0 justify-content-0-center--0 align-items-0-center--0 height-0-24px--1 width-0-24px--1 left-0-12px--1 position-0-absolute--1 top-0-50%--1 transform-0-translateY(-50%)--1 color-0-var(--iconBold,light-dark(#8D8C9A,#666577))--1"> <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <path clip-rule="evenodd" d="M14.5006 15.9949C13.445 16.6754 12.1959 17.069 10.8571 17.069C7.07005 17.069 4 13.9195 4 10.0345C4 6.14945 7.07005 3 10.8571 3C14.6442 3 17.7143 6.14945 17.7143 10.0345C17.7143 11.7044 17.1471 13.2384 16.1995 14.4448C16.2121 14.4567 16.2245 14.4688 16.2367 14.4813L19.6653 17.9986C20.1116 18.4564 20.1116 19.1988 19.6653 19.6566C19.2189 20.1145 18.4953 20.1145 18.049 19.6566L14.6204 16.1394C14.5761 16.0938 14.5361 16.0455 14.5006 15.9949ZM16.2143 10.0345C16.2143 13.1274 13.7799 15.569 10.8571 15.569C7.93435 15.569 5.5 13.1274 5.5 10.0345C5.5 6.94154 7.93435 4.5 10.8571 4.5C13.7799 4.5 16.2143 6.94154 16.2143 10.0345Z" fill="currentColor" fill-rule="evenodd"> </path> </svg> </div> - <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-36px--1 padding-right-0-36px--1 " value=""> + <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled_c__c_placeholder-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-_a__c_disabled-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-_a__c_disabled-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_focus-1 outline-0-none-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_hover-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-_a__c__c_placeholder-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-36px--1 padding-right-0-36px--1 " value=""> </div> </div>" - Expected - 2 + Received + 2 at <anonymous> (/home/runner/work/devup-ui/devup-ui/packages/components/src/components/Input/__tests__/index.browser.test.tsx:78:21)
error: expect(received).toMatchSnapshot(expected): packages/components/src/components/Input/__tests__/index.browser.test.tsx#L73
"<div> - <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"> - <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--error,light-dark(#D52B2E,#FF5B5E))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value=""> + <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-_a_-255 box-sizing-0-border-box-_a__s__st_-255"> + <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled_c__c_placeholder-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-_a__c_disabled-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-_a__c_disabled-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_focus-1 outline-0-none-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_hover-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-_a__c__c_placeholder-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--error,light-dark(#D52B2E,#FF5B5E))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value=""> <span aria-label="error-message" class="error-message bottom-0--8px--1 color-0-var(--error,light-dark(#D52B2E,#FF5B5E))--1 left-0-0--1 position-0-absolute--1 transform-0-translateY(100%)--1 typo-inputPlaceholder"> Error message </span> </div> </div>" - Expected - 2 + Received + 2 at <anonymous> (/home/runner/work/devup-ui/devup-ui/packages/components/src/components/Input/__tests__/index.browser.test.tsx:73:21)
error: expect(received).toMatchSnapshot(expected): packages/components/src/components/Input/__tests__/index.browser.test.tsx#L68
"<div> - <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"> - <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 typo-inlineLabelS" value=""> + <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-_a_-255 box-sizing-0-border-box-_a__s__st_-255"> + <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled_c__c_placeholder-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-_a__c_disabled-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-_a__c_disabled-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_focus-1 outline-0-none-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_hover-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-_a__c__c_placeholder-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 typo-inlineLabelS" value=""> </div> </div>" - Expected - 2 + Received + 2 at <anonymous> (/home/runner/work/devup-ui/devup-ui/packages/components/src/components/Input/__tests__/index.browser.test.tsx:68:21)
error: expect(received).toMatchSnapshot(expected): packages/components/src/components/Input/__tests__/index.browser.test.tsx#L46
"<div> - <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"> - <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--error,light-dark(#D52B2E,#FF5B5E))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value=""> + <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-_a_-255 box-sizing-0-border-box-_a__s__st_-255"> + <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled_c__c_placeholder-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-_a__c_disabled-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-_a__c_disabled-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_focus-1 outline-0-none-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_hover-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-_a__c__c_placeholder-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--error,light-dark(#D52B2E,#FF5B5E))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value=""> </div> </div>" - Expected - 2 + Received + 2 at <anonymous> (/home/runner/work/devup-ui/devup-ui/packages/components/src/components/Input/__tests__/index.browser.test.tsx:46:21)
error: expect(received).toMatchSnapshot(expected): packages/components/src/components/Input/__tests__/index.browser.test.tsx#L32
"<div> - <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"> - <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value=""> + <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-_a_-255 box-sizing-0-border-box-_a__s__st_-255"> + <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled_c__c_placeholder-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-_a__c_disabled-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-_a__c_disabled-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_focus-1 outline-0-none-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_hover-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-_a__c__c_placeholder-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value=""> </div> </div>" - Expected - 2 + Received + 2 at <anonymous> (/home/runner/work/devup-ui/devup-ui/packages/components/src/components/Input/__tests__/index.browser.test.tsx:32:21)
error: expect(received).toMatchSnapshot(expected): packages/components/src/components/Input/__tests__/index.browser.test.tsx#L23
"<div> - <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"> - <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-12px--1 " value=""> + <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-_a_-255 box-sizing-0-border-box-_a__s__st_-255"> + <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled_c__c_placeholder-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-_a__c_disabled-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-_a__c_disabled-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_focus-1 outline-0-none-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_hover-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-_a__c__c_placeholder-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-12px--1 " value=""> </div> </div>" - Expected - 2 + Received + 2 at <anonymous> (/home/runner/work/devup-ui/devup-ui/packages/components/src/components/Input/__tests__/index.browser.test.tsx:23:21)
error: expect(received).toMatchSnapshot(expected): packages/components/src/components/Input/__tests__/index.browser.test.tsx#L18
"<div> - <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"> - <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value=""> + <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-_a_-255 box-sizing-0-border-box-_a__s__st_-255"> + <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled_c__c_placeholder-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-_a__c_disabled-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-_a__c_disabled-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_focus-1 outline-0-none-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_hover-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-_a__c__c_placeholder-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value=""> </div> </div>" - Expected - 2 + Received + 2 at <anonymous> (/home/runner/work/devup-ui/devup-ui/packages/components/src/components/Input/__tests__/index.browser.test.tsx:18:21)
error: expect(received).toMatchSnapshot(expected): packages/components/src/components/Input/__tests__/index.browser.test.tsx#L14
"<div> - <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"> - <input aria-label="input" disabled="" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value=""> + <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-_a_-255 box-sizing-0-border-box-_a__s__st_-255"> + <input aria-label="input" disabled="" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled_c__c_placeholder-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-_a__c_disabled-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-_a__c_disabled-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_focus-1 outline-0-none-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_hover-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-_a__c__c_placeholder-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value=""> </div> </div>" - Expected - 2 + Received + 2 at <anonymous> (/home/runner/work/devup-ui/devup-ui/packages/components/src/components/Input/__tests__/index.browser.test.tsx:14:21)
error: expect(received).toMatchSnapshot(expected): packages/components/src/components/Input/__tests__/index.browser.test.tsx#L10
"<div> - <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"> - <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value=""> + <div class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-_a_-255 box-sizing-0-border-box-_a__s__st_-255"> + <input aria-label="input" class=" color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled_c__c_placeholder-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-_a__c_disabled-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-_a__c_disabled-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-_a__c_disabled-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_focus-1 outline-0-none-_a__c_focus-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-_a__c_hover-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-_a__c__c_placeholder-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-36px--1 " value=""> </div> </div>" - Expected - 2 + Received + 2 at <anonymous> (/home/runner/work/devup-ui/devup-ui/packages/components/src/components/Input/__tests__/index.browser.test.tsx:10:21)
error: expect(received).toMatchSnapshot(expected): packages/components/src/components/Stepper/__tests__/index.browser.test.tsx#L23
@@ -1,22 +1,22 @@ "<div> <div class="display-0-flex--0 align-items-0-center--1 gap-0-8px--1 "> - <button aria-disabled="true" aria-label="Decrease button" disabled="" type="button" class="padding-0-0--255 height-0-28px--255 width-0-28px--255 border-radius-0-4px--255 outline-0-2px solid-17005923944751620165-1 box-sizing-0-border-box--1 cursor-0-pointer--1 font-weight-0-700--1 outline-offset-0-2px--1 position-0-relative--1 transition-0-.25s--1 color-0-var(--text,#272727)-15425828959012638752-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 20%,#FFF 80%)-15425828959012638752-1 border-0-1px solid var(--primary,#8163E1)-15425828959012638752-1 color-0-#D6D7DE-14172363753176421546-1 background-color-0-#F0F0F3-14172363753176421546-1 cursor-0-not-allowed-14172363753176421546-1 border-color-0-var(--border,#E4E4E4)-14172363753176421546-1 outline-color-0-var(--primaryFocus,#9385D3)-17005923944751620165-1 border-color-0-var(--primary,#8163E1)-8380715471663921674-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 10%,#FFF 90%)-8380715471663921674-1 color-0-var(--text,#F6F6F6)-2922352740838246662-1 background-0-var(--primary,#8163E1)-2922352740838246662-1 color-0-#373737-878116160589243838-1 background-color-0-#47474A-878116160589243838-1 border-color-0-transparent-878116160589243838-1 border-color-0-var(--primary,#8163E1)-6232724021015440856-1 background-0-color-mix(in srgb,var(--primary,#674DC7) 10%,var(--inputBackground,#2E2E2E) 90%)-6232724021015440856-1 outline-color-0-var(--primaryFocus,#927CE4)-13318702800233181468-1 background-0-var(--inputBackground,#2E2E2E)-6667598448774358329-1 background-0-var(--inputBackground,#FFF)--1 border-0-1px solid var(--border,#E4E4E4)--1 border-radius-0-10px--1 color-0-var(--text,#272727)--1 font-size-0-14px--1 font-size-4-15px--1 letter-spacing-0--.02em--1 letter-spacing-4--.03em--1 padding-right-0-16px--1 padding-left-0-16px--1 padding-bottom-0-10px--1 padding-top-0-10px--1 "> + <button aria-disabled="true" aria-label="Decrease button" disabled="" type="button" class="padding-0-0--255 height-0-28px--255 width-0-28px--255 border-radius-0-4px--255 outline-0-2px solid-_a__c_focus-visible-1 box-sizing-0-border-box--1 cursor-0-pointer--1 font-weight-0-700--1 outline-offset-0-2px--1 position-0-relative--1 transition-0-.25s--1 color-0-var(--text,#272727)-_a__c_active-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 20%,#FFF 80%)-_a__c_active-1 border-0-1px solid var(--primary,#8163E1)-_a__c_active-1 color-0-#D6D7DE-_a__c_disabled-1 background-color-0-#F0F0F3-_a__c_disabled-1 cursor-0-not-allowed-_a__c_disabled-1 border-color-0-var(--border,#E4E4E4)-_a__c_disabled-1 outline-color-0-var(--primaryFocus,#9385D3)-_a__c_focus-visible-1 border-color-0-var(--primary,#8163E1)-_a__c_hover-1 background-0-color-mix(in srgb,var(--primary,#8163E1) 10%,#FFF 90%)-_a__c_hover-1 color-0-var(--text,#F6F6F6)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_active-1 background-0-var(--primary,#8163E1)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_active-1 color-0-#373737-_c_root_lb_data-theme_eq_dark_rb__s__a__c_disabled-1 background-color-0-#47474A-_c_root_lb_data-theme_eq_dark_rb__s__a__c_disabled-1 border-color-0-transparent-_c_root_lb_data-theme_eq_dark_rb__s__a__c_disabled-1 border-color-0-var(--primary,#8163E1)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_hover-1 background-0-color-mix(in srgb,var(--primary,#674DC7) 10%,var(--inputBackground,#2E2E2E) 90%)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_hover-1 outline-color-0-var(--primaryFocus,#927CE4)-_c_root_lb_data-theme_eq_dark_rb__s__a__c_focus-visible-1 background-0-var(--inputBackground,#2E2E2E)-_c_root_lb_data-theme_eq_dark_rb__s__a_-1 background-0-var(--inputBackground,#FFF)--1 border-0-1px solid var(--border,#E4E4E4)--1 border-radius-0-10px--1 color-0-var(--text,#272727)--1 font-size-0-14px--1 font-size-4-15px--1 letter-spacing-0--.02em--1 letter-spacing-4--.03em--1 padding-right-0-16px--1 padding-left-0-16px--1 padding-bottom-0-10px--1 padding-top-0-10px--1 "> <div class="max-width-0-100%--255 margin-right-0-auto--255 margin-left-0-