Error: Snapshot `Story Snapshots > DisabledCompletely 1` mismatched - Expected + Received @@ -31,11 +31,10 @@ aria-label="1" aria-labelledby=":r7:" class="[--cursor-hit-x:8px] font-inherit text-[100%] leading-[1.15] m-0 p-0 overflow-visible box-border absolute top-0 start-[calc(var(--cursor-hit-x)*-1)] w-[calc(100%+var(--cursor-hit-x)*2)] h-full opacity-[0.0001] z-[1] cursor-pointer disabled:cursor-default" disabled="" name="checkboxField" - title="" type="checkbox" value="1" /> <span aria-hidden="true" @@ -77,11 +76,10 @@ aria-label="2" aria-labelledby=":r8:" class="[--cursor-hit-x:8px] font-inherit text-[100%] leading-[1.15] m-0 p-0 overflow-visible box-border absolute top-0 start-[calc(var(--cursor-hit-x)*-1)] w-[calc(100%+var(--cursor-hit-x)*2)] h-full opacity-[0.0001] z-[1] cursor-pointer disabled:cursor-default" disabled="" name="checkboxField" - title="" type="checkbox" value="2" /> <span aria-hidden="true" @@ -123,11 +121,10 @@ aria-label="3" aria-labelledby=":r9:" class="[--cursor-hit-x:8px] font-inherit text-[100%] leading-[1.15] m-0 p-0 overflow-visible box-border absolute top-0 start-[calc(var(--cursor-hit-x)*-1)] w-[calc(100%+var(--cursor-hit-x)*2)] h-full opacity-[0.0001] z-[1] cursor-pointer disabled:cursor-default" disabled="" name="checkboxField" - title="" type="checkbox" value="3" /> <span aria-hidden="true" ❯ ../config/storybook-config/story-snapshots.ts:51:41

Error: Snapshot `Story Snapshots > DisabledOption 1` mismatched - Expected + Received @@ -75,11 +75,10 @@ aria-label="disabled" aria-labelledby=":rb:" class="[--cursor-hit-x:8px] font-inherit text-[100%] leading-[1.15] m-0 p-0 overflow-visible box-border absolute top-0 start-[calc(var(--cursor-hit-x)*-1)] w-[calc(100%+var(--cursor-hit-x)*2)] h-full opacity-[0.0001] z-[1] cursor-pointer disabled:cursor-default" disabled="" name="checkboxField" - title="" type="checkbox" value="2" /> <span aria-hidden="true" ❯ ../config/storybook-config/story-snapshots.ts:51:41

Error: Snapshot `Story Snapshots > Disabled 1` mismatched - Expected + Received @@ -46,11 +46,10 @@ data-testid="inputfield" disabled="" id="react-aria-react-useId-mock" name="inputField" placeholder=" " - title="" type="text" value="" /> </div> </div> ❯ ../config/storybook-config/story-snapshots.ts:51:41

Error: Snapshot `Story Snapshots > RadioTabs 1` mismatched - Expected + Received @@ -33,21 +33,21 @@ > <div aria-orientation="horizontal" class="flex p-1 h-fit gap-2 items-center flex-nowrap overflow-x-scroll scrollbar-hide bg-default-100 rounded-medium" data-slot="tabList" - id="react-aria-react-useId-mock" + id="react-aria-react-useId-mock-tab-3-tab-3" role="tablist" > <button - aria-controls="react-aria-react-useId-mock-tabpanel-1" + aria-controls="react-aria-react-useId-mock-tab-3-tab-3-tabpanel-1" aria-selected="true" class="z-0 w-full px-3 py-1 flex group relative justify-center items-center cursor-pointer transition-opacity tap-highlight-transparent data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-30 outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 h-8 text-small rounded-small data-[hover-unselected=true]:opacity-100" data-key="1" data-selected="true" data-slot="tab" - id="react-aria-react-useId-mock-tab-1" + id="react-aria-react-useId-mock-tab-3-tab-3-tab-1" role="tab" tabindex="0" type="button" > <span @@ -65,11 +65,11 @@ <button aria-selected="false" class="z-0 w-full px-3 py-1 flex group relative justify-center items-center cursor-pointer transition-opacity tap-highlight-transparent data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-30 outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 h-8 text-small rounded-small data-[hover-unselected=true]:opacity-100" data-key="2" data-slot="tab" - id="react-aria-react-useId-mock-tab-2" + id="react-aria-react-useId-mock-tab-3-tab-3-tab-2" role="tab" tabindex="-1" type="button" > <div @@ -82,11 +82,11 @@ <button aria-selected="false" class="z-0 w-full px-3 py-1 flex group relative justify-center items-center cursor-pointer transition-opacity tap-highlight-transparent data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-30 outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 h-8 text-small rounded-small data-[hover-unselected=true]:opacity-100" data-key="3" data-slot="tab" - id="react-aria-react-useId-mock-tab-3" + id="react-aria-react-useId-mock-tab-3-tab-3-tab-3" role="tab" tabindex="-1" type="button" > <div @@ -97,11 +97,11 @@ </div> </button> </div> </div> <div - aria-labelledby="react-aria-react-useId-mock-tab-1" + aria-labelledby="react-aria-react-useId-mock-tab-3-tab-3-tab-1" class="py-3 px-1 data-[inert=true]:hidden outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2" data-focus="false" data-focus-visible="false" data-slot="panel" id="react-aria-react-useId-mock-tabpanel-1" ❯ ../config/storybook-confi

Error: Snapshot `Story Snapshots > DisabledCompletely 1` mismatched - Expected + Received @@ -31,11 +31,10 @@ aria-describedby=":rq: react-aria-react-useId-mock" aria-labelledby=":rp:" class="[--cursor-hit-x:8px] font-inherit text-[100%] leading-[1.15] m-0 p-0 overflow-visible box-border absolute top-0 start-[calc(var(--cursor-hit-x)*-1)] w-[calc(100%+var(--cursor-hit-x)*2)] h-full opacity-[0.0001] z-[1] cursor-pointer disabled:cursor-default" disabled="" name="radioGroupField" - title="" type="radio" value="option 1" /> <span aria-hidden="true" @@ -65,11 +64,10 @@ aria-describedby=":rs: react-aria-react-useId-mock" aria-labelledby=":rr:" class="[--cursor-hit-x:8px] font-inherit text-[100%] leading-[1.15] m-0 p-0 overflow-visible box-border absolute top-0 start-[calc(var(--cursor-hit-x)*-1)] w-[calc(100%+var(--cursor-hit-x)*2)] h-full opacity-[0.0001] z-[1] cursor-pointer disabled:cursor-default" disabled="" name="radioGroupField" - title="" type="radio" value="option 2" /> <span aria-hidden="true" @@ -99,11 +97,10 @@ aria-describedby=":ru: react-aria-react-useId-mock" aria-labelledby=":rt:" class="[--cursor-hit-x:8px] font-inherit text-[100%] leading-[1.15] m-0 p-0 overflow-visible box-border absolute top-0 start-[calc(var(--cursor-hit-x)*-1)] w-[calc(100%+var(--cursor-hit-x)*2)] h-full opacity-[0.0001] z-[1] cursor-pointer disabled:cursor-default" disabled="" name="radioGroupField" - title="" type="radio" value="option 3" /> <span aria-hidden="true" ❯ ../config/storybook-config/story-snapshots.ts:51:41

Error: Snapshot `Story Snapshots > DisabledOption 1` mismatched - Expected + Received @@ -64,11 +64,10 @@ aria-describedby=":r12: react-aria-react-useId-mock" aria-labelledby=":r11:" class="[--cursor-hit-x:8px] font-inherit text-[100%] leading-[1.15] m-0 p-0 overflow-visible box-border absolute top-0 start-[calc(var(--cursor-hit-x)*-1)] w-[calc(100%+var(--cursor-hit-x)*2)] h-full opacity-[0.0001] z-[1] cursor-pointer disabled:cursor-default" disabled="" name="radioGroupField" - title="" type="radio" value="disabled option" /> <span aria-hidden="true" ❯ ../config/storybook-config/story-snapshots.ts:51:41

Error: Snapshot `Story Snapshots > WithJsonString 1` mismatched - Expected + Received @@ -7,11 +7,11 @@ <div class="relative" > <div class="w-json-view-container w-rjv pr-5 w-rjv-inner" - style="line-height: 1.4; font-family: var(--w-rjv-font-family, Menlo, monospace); font-size: 13px; --w-rjv-font-family: monospace; --w-rjv-color: #002b36; --w-rjv-key-string: #002b36; --w-rjv-background-color: #ffffff; --w-rjv-line-color: #ebebeb; --w-rjv-arrow-color: var(--w-rjv-color); --w-rjv-edit-color: var(--w-rjv-color); --w-rjv-info-color: #0000004d; --w-rjv-update-color: #ebcb8b; --w-rjv-copied-color: #002b36; --w-rjv-copied-success-color: #28a745; --w-rjv-curlybraces-color: #236a7c; --w-rjv-colon-color: #002b36; --w-rjv-brackets-color: #236a7c; --w-rjv-quotes-color: var(--w-rjv-key-string); --w-rjv-quotes-string-color: var(--w-rjv-type-string-color); --w-rjv-type-string-color: #cb4b16; --w-rjv-type-int-color: #268bd2; --w-rjv-type-float-color: #859900; --w-rjv-type-bigint-color: #268bd2; --w-rjv-type-boolean-color: #2aa198; --w-rjv-type-date-color: #586e75; --w-rjv-type-url-color: #0969da; --w-rjv-type-null-color: #d33682; --w-rjv-type-nan-color: #859900; --w-rjv-type-undefined-color: #586e75;" + style="line-height: 1.4; font-family: var(--w-rjv-font-family, Menlo, monospace); color: var(--w-rjv-color, #002b36); font-size: 13px; --w-rjv-font-family: monospace; --w-rjv-color: #002b36; --w-rjv-key-string: #002b36; --w-rjv-background-color: #ffffff; --w-rjv-line-color: #ebebeb; --w-rjv-arrow-color: var(--w-rjv-color); --w-rjv-edit-color: var(--w-rjv-color); --w-rjv-info-color: #0000004d; --w-rjv-update-color: #ebcb8b; --w-rjv-copied-color: #002b36; --w-rjv-copied-success-color: #28a745; --w-rjv-curlybraces-color: #236a7c; --w-rjv-colon-color: #002b36; --w-rjv-brackets-color: #236a7c; --w-rjv-quotes-color: var(--w-rjv-key-string); --w-rjv-quotes-string-color: var(--w-rjv-type-string-color); --w-rjv-type-string-color: #cb4b16; --w-rjv-type-int-color: #268bd2; --w-rjv-type-float-color: #859900; --w-rjv-type-bigint-color: #268bd2; --w-rjv-type-boolean-color: #2aa198; --w-rjv-type-date-color: #586e75; --w-rjv-type-url-color: #0969da; --w-rjv-type-null-color: #d33682; --w-rjv-type-nan-color: #859900; --w-rjv-type-undefined-color: #586e75;" > <span style="display: inline-flex; align-items: center;" > <span @@ -28,16 +28,17 @@ /> </svg> </span> <span class="w-rjv-curlybraces-start" + style="color: var(--w-rjv-curlybraces-color, #236a7c);" > { </span> <span class="w-rjv-object-size" - style="padding-left: 8px; font-style: italic;" + style="color: var(--w-rjv-info-color, #0000004d); padding-left: 8px; font-style: italic;" > 2 items </span> </span> <div @@ -66,39 +67,43 @@ </span> <span> <span class="w-rjv-quotes" data-placement="left" + style="color: var(--w-rjv-quotes-color, #236a7c);" > " </span> <span class="w-rjv-object-key" + style="color: var(--w-rjv-key-string, #002b36);" > aList </span> <span class="w-rjv-quotes" data-placement="right" + style="color: var(--w-rjv-quotes-color, #236a7c);" > " </span> </span> <span class="w-rjv-colon" - style="margin-left: 0px; margin-right: 2px;" + style="color: var(--w-rjv-colon-color, var(--w-rjv-color)); margin-left: 0px; margin-right: 2px;" > :

Error: Snapshot `Story Snapshots > WithJsonObject 1` mismatched - Expected + Received @@ -7,11 +7,11 @@ <div class="relative" > <div class="w-json-view-container w-rjv pr-5 w-rjv-inner" - style="line-height: 1.4; font-family: var(--w-rjv-font-family, Menlo, monospace); font-size: 13px; --w-rjv-font-family: monospace; --w-rjv-color: #002b36; --w-rjv-key-string: #002b36; --w-rjv-background-color: #ffffff; --w-rjv-line-color: #ebebeb; --w-rjv-arrow-color: var(--w-rjv-color); --w-rjv-edit-color: var(--w-rjv-color); --w-rjv-info-color: #0000004d; --w-rjv-update-color: #ebcb8b; --w-rjv-copied-color: #002b36; --w-rjv-copied-success-color: #28a745; --w-rjv-curlybraces-color: #236a7c; --w-rjv-colon-color: #002b36; --w-rjv-brackets-color: #236a7c; --w-rjv-quotes-color: var(--w-rjv-key-string); --w-rjv-quotes-string-color: var(--w-rjv-type-string-color); --w-rjv-type-string-color: #cb4b16; --w-rjv-type-int-color: #268bd2; --w-rjv-type-float-color: #859900; --w-rjv-type-bigint-color: #268bd2; --w-rjv-type-boolean-color: #2aa198; --w-rjv-type-date-color: #586e75; --w-rjv-type-url-color: #0969da; --w-rjv-type-null-color: #d33682; --w-rjv-type-nan-color: #859900; --w-rjv-type-undefined-color: #586e75;" + style="line-height: 1.4; font-family: var(--w-rjv-font-family, Menlo, monospace); color: var(--w-rjv-color, #002b36); font-size: 13px; --w-rjv-font-family: monospace; --w-rjv-color: #002b36; --w-rjv-key-string: #002b36; --w-rjv-background-color: #ffffff; --w-rjv-line-color: #ebebeb; --w-rjv-arrow-color: var(--w-rjv-color); --w-rjv-edit-color: var(--w-rjv-color); --w-rjv-info-color: #0000004d; --w-rjv-update-color: #ebcb8b; --w-rjv-copied-color: #002b36; --w-rjv-copied-success-color: #28a745; --w-rjv-curlybraces-color: #236a7c; --w-rjv-colon-color: #002b36; --w-rjv-brackets-color: #236a7c; --w-rjv-quotes-color: var(--w-rjv-key-string); --w-rjv-quotes-string-color: var(--w-rjv-type-string-color); --w-rjv-type-string-color: #cb4b16; --w-rjv-type-int-color: #268bd2; --w-rjv-type-float-color: #859900; --w-rjv-type-bigint-color: #268bd2; --w-rjv-type-boolean-color: #2aa198; --w-rjv-type-date-color: #586e75; --w-rjv-type-url-color: #0969da; --w-rjv-type-null-color: #d33682; --w-rjv-type-nan-color: #859900; --w-rjv-type-undefined-color: #586e75;" > <span style="display: inline-flex; align-items: center;" > <span @@ -28,16 +28,17 @@ /> </svg> </span> <span class="w-rjv-curlybraces-start" + style="color: var(--w-rjv-curlybraces-color, #236a7c);" > { </span> <span class="w-rjv-object-size" - style="padding-left: 8px; font-style: italic;" + style="color: var(--w-rjv-info-color, #0000004d); padding-left: 8px; font-style: italic;" > 2 items </span> </span> <div @@ -66,39 +67,43 @@ </span> <span> <span class="w-rjv-quotes" data-placement="left" + style="color: var(--w-rjv-quotes-color, #236a7c);" > " </span> <span class="w-rjv-object-key" + style="color: var(--w-rjv-key-string, #002b36);" > aList </span> <span class="w-rjv-quotes" data-placement="right" + style="color: var(--w-rjv-quotes-color, #236a7c);" > " </span> </span> <span class="w-rjv-colon" - style="margin-left: 0px; margin-right: 2px;" + style="color: var(--w-rjv-colon-color, var(--w-rjv-color)); margin-left: 0px; margin-right: 2px;" > :

Error: Snapshot `Story Snapshots > Collapsed 1` mismatched - Expected + Received @@ -7,11 +7,11 @@ <div class="relative" > <div class="w-json-view-container w-rjv pr-5 w-rjv-inner" - style="line-height: 1.4; font-family: var(--w-rjv-font-family, Menlo, monospace); font-size: 13px; --w-rjv-font-family: monospace; --w-rjv-color: #002b36; --w-rjv-key-string: #002b36; --w-rjv-background-color: #ffffff; --w-rjv-line-color: #ebebeb; --w-rjv-arrow-color: var(--w-rjv-color); --w-rjv-edit-color: var(--w-rjv-color); --w-rjv-info-color: #0000004d; --w-rjv-update-color: #ebcb8b; --w-rjv-copied-color: #002b36; --w-rjv-copied-success-color: #28a745; --w-rjv-curlybraces-color: #236a7c; --w-rjv-colon-color: #002b36; --w-rjv-brackets-color: #236a7c; --w-rjv-quotes-color: var(--w-rjv-key-string); --w-rjv-quotes-string-color: var(--w-rjv-type-string-color); --w-rjv-type-string-color: #cb4b16; --w-rjv-type-int-color: #268bd2; --w-rjv-type-float-color: #859900; --w-rjv-type-bigint-color: #268bd2; --w-rjv-type-boolean-color: #2aa198; --w-rjv-type-date-color: #586e75; --w-rjv-type-url-color: #0969da; --w-rjv-type-null-color: #d33682; --w-rjv-type-nan-color: #859900; --w-rjv-type-undefined-color: #586e75;" + style="line-height: 1.4; font-family: var(--w-rjv-font-family, Menlo, monospace); color: var(--w-rjv-color, #002b36); font-size: 13px; --w-rjv-font-family: monospace; --w-rjv-color: #002b36; --w-rjv-key-string: #002b36; --w-rjv-background-color: #ffffff; --w-rjv-line-color: #ebebeb; --w-rjv-arrow-color: var(--w-rjv-color); --w-rjv-edit-color: var(--w-rjv-color); --w-rjv-info-color: #0000004d; --w-rjv-update-color: #ebcb8b; --w-rjv-copied-color: #002b36; --w-rjv-copied-success-color: #28a745; --w-rjv-curlybraces-color: #236a7c; --w-rjv-colon-color: #002b36; --w-rjv-brackets-color: #236a7c; --w-rjv-quotes-color: var(--w-rjv-key-string); --w-rjv-quotes-string-color: var(--w-rjv-type-string-color); --w-rjv-type-string-color: #cb4b16; --w-rjv-type-int-color: #268bd2; --w-rjv-type-float-color: #859900; --w-rjv-type-bigint-color: #268bd2; --w-rjv-type-boolean-color: #2aa198; --w-rjv-type-date-color: #586e75; --w-rjv-type-url-color: #0969da; --w-rjv-type-null-color: #d33682; --w-rjv-type-nan-color: #859900; --w-rjv-type-undefined-color: #586e75;" > <span style="display: inline-flex; align-items: center;" > <span @@ -28,27 +28,29 @@ /> </svg> </span> <span class="w-rjv-curlybraces-start" + style="color: var(--w-rjv-curlybraces-color, #236a7c);" > { </span> <span class="w-rjv-ellipsis" - style="cursor: pointer; user-select: none;" + style="cursor: pointer; color: var(--w-rjv-ellipsis-color, #cb4b16); user-select: none;" > ... </span> <span class="w-rjv-curlybraces-end" + style="color: var(--w-rjv-curlybraces-color, #236a7c);" > } </span> <span class="w-rjv-object-size" - style="padding-left: 8px; font-style: italic;" + style="color: var(--w-rjv-info-color, #0000004d); padding-left: 8px; font-style: italic;" > 2 items </span> </span> </div> ❯ ../config/storybook-config/story-snapshots.ts:51:41

Error: Snapshot `Story Snapshots > DayInTheLifeOfAProgrammer 1` mismatched - Expected + Received @@ -7,11 +7,11 @@ <div class="relative" > <div class="w-json-view-container w-rjv pr-5 w-rjv-inner" - style="line-height: 1.4; font-family: var(--w-rjv-font-family, Menlo, monospace); font-size: 13px; --w-rjv-font-family: monospace; --w-rjv-color: #002b36; --w-rjv-key-string: #002b36; --w-rjv-background-color: #ffffff; --w-rjv-line-color: #ebebeb; --w-rjv-arrow-color: var(--w-rjv-color); --w-rjv-edit-color: var(--w-rjv-color); --w-rjv-info-color: #0000004d; --w-rjv-update-color: #ebcb8b; --w-rjv-copied-color: #002b36; --w-rjv-copied-success-color: #28a745; --w-rjv-curlybraces-color: #236a7c; --w-rjv-colon-color: #002b36; --w-rjv-brackets-color: #236a7c; --w-rjv-quotes-color: var(--w-rjv-key-string); --w-rjv-quotes-string-color: var(--w-rjv-type-string-color); --w-rjv-type-string-color: #cb4b16; --w-rjv-type-int-color: #268bd2; --w-rjv-type-float-color: #859900; --w-rjv-type-bigint-color: #268bd2; --w-rjv-type-boolean-color: #2aa198; --w-rjv-type-date-color: #586e75; --w-rjv-type-url-color: #0969da; --w-rjv-type-null-color: #d33682; --w-rjv-type-nan-color: #859900; --w-rjv-type-undefined-color: #586e75;" + style="line-height: 1.4; font-family: var(--w-rjv-font-family, Menlo, monospace); color: var(--w-rjv-color, #002b36); font-size: 13px; --w-rjv-font-family: monospace; --w-rjv-color: #002b36; --w-rjv-key-string: #002b36; --w-rjv-background-color: #ffffff; --w-rjv-line-color: #ebebeb; --w-rjv-arrow-color: var(--w-rjv-color); --w-rjv-edit-color: var(--w-rjv-color); --w-rjv-info-color: #0000004d; --w-rjv-update-color: #ebcb8b; --w-rjv-copied-color: #002b36; --w-rjv-copied-success-color: #28a745; --w-rjv-curlybraces-color: #236a7c; --w-rjv-colon-color: #002b36; --w-rjv-brackets-color: #236a7c; --w-rjv-quotes-color: var(--w-rjv-key-string); --w-rjv-quotes-string-color: var(--w-rjv-type-string-color); --w-rjv-type-string-color: #cb4b16; --w-rjv-type-int-color: #268bd2; --w-rjv-type-float-color: #859900; --w-rjv-type-bigint-color: #268bd2; --w-rjv-type-boolean-color: #2aa198; --w-rjv-type-date-color: #586e75; --w-rjv-type-url-color: #0969da; --w-rjv-type-null-color: #d33682; --w-rjv-type-nan-color: #859900; --w-rjv-type-undefined-color: #586e75;" > <span style="display: inline-flex; align-items: center;" > <span @@ -28,16 +28,17 @@ /> </svg> </span> <span class="w-rjv-curlybraces-start" + style="color: var(--w-rjv-curlybraces-color, #236a7c);" > { </span> <span class="w-rjv-object-size" - style="padding-left: 8px; font-style: italic;" + style="color: var(--w-rjv-info-color, #0000004d); padding-left: 8px; font-style: italic;" > 3 items </span> </span> <div @@ -66,39 +67,43 @@ </span> <span> <span class="w-rjv-quotes" data-placement="left" + style="color: var(--w-rjv-quotes-color, #236a7c);" > " </span> <span class="w-rjv-object-key" + style="color: var(--w-rjv-key-string, #002b36);" > coffee </span> <span class="w-rjv-quotes" data-placement="right" + style="color: var(--w-rjv-quotes-color, #236a7c);" > " </span> </span> <span class="w-rjv-colon" - style="margin-left: 0px; margin-right: 2px;" + style="color: var(--w-rjv-colon-color, var(--w-rjv-color)); margin-left: 0px; margin-right: 2px;" >