Error: expect(received).toMatchSnapshot() Snapshot name: `OverlayPanel should render all props with nodes 1` - Snapshot - 4 + Received + 4 @@ -25,20 +25,20 @@ > <div class="Flex rowGap0 columnGap0 flexGrow justifyBetween xsDirectionRow xsItemsCenter" > <div - class="box flexGrow paddingX600 paddingY600 xsDisplayFlex" + class="box flexGrow paddingX6 paddingY6 xsDisplayFlex" > <h1 class="Heading fontSize500 default alignStart breakWord" > OverlayPanel title </h1> </div> <div - class="box flexNone paddingX600 paddingY700" + class="box flexNone paddingX6 paddingY7" > <button aria-controls=":r0:" aria-label="Dismiss" class="parentButton" @@ -74,20 +74,20 @@ <div class="box flexGrow paddingX0 paddingY0 relative xsDirectionColumn xsDisplayFlex" style="height: 100%; width: 100%;" > <div - class="box flexGrow overflowAuto paddingX600 paddingY600 relative" + class="box flexGrow overflowAuto paddingX6 paddingY6 relative" style="height: 100%;" > <section /> </div> <div class="box fit relative" > <div - class="box paddingX600 paddingY600" + class="box paddingX6 paddingY6" > <footer /> </div> </div> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/OverlayPanel.jsdom.test.tsx:38:23) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3) at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21) at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19) at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16) at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34) at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)

Error: expect(received).toMatchSnapshot() Snapshot name: `OverlayPanel should render all props with render props 1` - Snapshot - 4 + Received + 4 @@ -25,20 +25,20 @@ > <div class="Flex rowGap0 columnGap0 flexGrow justifyBetween xsDirectionRow xsItemsCenter" > <div - class="box flexGrow paddingX600 paddingY600 xsDisplayFlex" + class="box flexGrow paddingX6 paddingY6 xsDisplayFlex" > <h1 class="Heading fontSize500 default alignStart breakWord" > OverlayPanel title </h1> </div> <div - class="box flexNone paddingX600 paddingY700" + class="box flexNone paddingX6 paddingY7" > <button aria-controls=":r1:" aria-label="Dismiss" class="parentButton" @@ -76,22 +76,22 @@ <div class="box flexGrow paddingX0 paddingY0 relative xsDirectionColumn xsDisplayFlex" style="height: 100%; width: 100%;" > <div - class="box flexGrow overflowAuto paddingX600 paddingY600 relative" + class="box flexGrow overflowAuto paddingX6 paddingY6 relative" style="height: 100%;" > <button type="submit" /> </div> <div class="box fit relative" > <div - class="box paddingX600 paddingY600" + class="box paddingX6 paddingY6" > <button type="submit" /> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/OverlayPanel.jsdom.test.tsx:57:23) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3) at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21) at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19) at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16) at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34) at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)

Error: expect(received).toMatchSnapshot() Snapshot name: `OverlayPanel should render animation in 1` - Snapshot - 2 + Received + 2 @@ -22,11 +22,11 @@ > <div class="box flexGrow justifyEnd marginBottom800 xsDisplayFlex" > <div - class="absolute box flexNone paddingX600 paddingY700" + class="absolute box flexNone paddingX6 paddingY7" style="z-index: 1;" > <button aria-controls=":r2:" aria-label="Dismiss" @@ -61,11 +61,11 @@ <div class="box flexGrow paddingX0 paddingY0 relative xsDirectionColumn xsDisplayFlex" style="height: 100%; width: 100%;" > <div - class="box flexGrow overflowAuto paddingX600 paddingY600 relative" + class="box flexGrow overflowAuto paddingX6 paddingY6 relative" style="height: 100%;" > <section /> </div> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/OverlayPanel.jsdom.test.tsx:75:23) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3) at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21) at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19) at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16) at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34) at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)

Error: expect(received).toMatchSnapshot() Snapshot name: `OverlayPanel should render animation out 1` - Snapshot - 2 + Received + 2 @@ -22,11 +22,11 @@ > <div class="box flexGrow justifyEnd marginBottom800 xsDisplayFlex" > <div - class="absolute box flexNone paddingX600 paddingY700" + class="absolute box flexNone paddingX6 paddingY7" style="z-index: 1;" > <button aria-controls=":r3:" aria-label="Dismiss" @@ -61,11 +61,11 @@ <div class="box flexGrow paddingX0 paddingY0 relative xsDirectionColumn xsDisplayFlex" style="height: 100%; width: 100%;" > <div - class="box flexGrow overflowAuto paddingX600 paddingY600 relative" + class="box flexGrow overflowAuto paddingX6 paddingY6 relative" style="height: 100%;" > <section /> </div> </div> at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/OverlayPanel.jsdom.test.tsx:93:23) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3) at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21) at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19) at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16) at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34) at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)

Error: expect(received).toMatchSnapshot() Snapshot name: `OverlayPanel renders OverlayPanel with confirmation modal 1` - Snapshot - 3 + Received + 3 @@ -26,11 +26,11 @@ aria-hidden="true" class="box flexGrow justifyEnd marginBottom800 xsDisplayFlex" data-floating-ui-inert="" > <div - class="absolute box flexNone paddingX600 paddingY700" + class="absolute box flexNone paddingX6 paddingY7" style="z-index: 1;" > <button aria-controls=":ri:" aria-label="Dismiss" @@ -67,11 +67,11 @@ class="box flexGrow paddingX0 paddingY0 relative xsDirectionColumn xsDisplayFlex" data-floating-ui-inert="" style="height: 100%; width: 100%;" > <div - class="box flexGrow overflowAuto paddingX600 paddingY600 relative" + class="box flexGrow overflowAuto paddingX6 paddingY6 relative" style="height: 100%;" > <section /> </div> </div> @@ -98,11 +98,11 @@ > <div name="trap-focus" > <div - class="box paddingX300 paddingY300" + class="box paddingX3 paddingY3" style="width: 100%;" > <div class="Flex rowGap400 columnGap400 xsDirectionColumn" > at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/OverlayPanel.jsdom.test.tsx:416:23) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3) at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21) at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19) at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16) at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34) at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)

Error: expect(received).toMatchSnapshot() Snapshot name: `Dropdown renders a menu of 6 items 1` - Snapshot - 12 + Received + 12 @@ -30,18 +30,18 @@ > <div class="box flexGrow marginBottom200 marginEnd200 marginStart200 marginTop200 xsDirectionColumn xsDisplayFlex xsItemsCenter" > <div - class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" + class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" id="ex-1-item-0" role="menuitem" rounding="2" tabindex="-1" > <div - class="box paddingX200 paddingY200 rounding200 secondary xsDirectionColumn xsDisplayFlex" + class="box paddingX2 paddingY2 rounding2 secondary xsDirectionColumn xsDisplayFlex" > <div class="Flex rowGap0 columnGap0 xsDirectionRow" > <div @@ -72,18 +72,18 @@ </div> </div> </div> </div> <div - class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" + class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" id="ex-1-item-1" role="menuitem" rounding="2" tabindex="-1" > <div - class="box paddingX200 paddingY200 rounding200 transparent xsDirectionColumn xsDisplayFlex" + class="box paddingX2 paddingY2 rounding2 transparent xsDirectionColumn xsDisplayFlex" > <div class="Flex rowGap0 columnGap0 xsDirectionRow" > <div @@ -114,18 +114,18 @@ </div> </div> </div> </div> <div - class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" + class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" id="ex-1-item-2" role="menuitem" rounding="2" tabindex="-1" > <div - class="box paddingX200 paddingY200 rounding200 transparent xsDirectionColumn xsDisplayFlex" + class="box paddingX2 paddingY2 rounding2 transparent xsDirectionColumn xsDisplayFlex" > <a class="noOutline inheritColor rounding0 block tapTransition noUnderline outlineFocus" href="https://pinterest.com" rel="noopener noreferrer" @@ -182,18 +182,18 @@ </div> </a> </div> </div> <div - class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" + class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" id="ex-1-item-3" role="menuitem" rounding="2" tabindex="-1" > <div - class="box paddingX200 paddingY200 rounding200 transparent xsDirectionColumn xsDisplayFlex" + class="box paddingX2 paddingY2 rounding2 transparent xsDirectionColumn xsDisplayFlex" > <div class="Flex rowGap0 columnGap0 xsDirectionRow" > <div @@ -255,18 +255,18 @@ </div> </div> </div> </div> <div - class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" + class="rounding2 accessibilityOut

Error: expect(received).toMatchSnapshot() Snapshot name: `Dropdown renders a menu of 3 items conditionally 1` - Snapshot - 24 + Received + 24 @@ -30,18 +30,18 @@ > <div class="box flexGrow marginBottom200 marginEnd200 marginStart200 marginTop200 xsDirectionColumn xsDisplayFlex xsItemsCenter" > <div - class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" + class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" id="ex-1-item-0" role="menuitem" rounding="2" tabindex="-1" > <div - class="box paddingX200 paddingY200 rounding200 secondary xsDirectionColumn xsDisplayFlex" + class="box paddingX2 paddingY2 rounding2 secondary xsDirectionColumn xsDisplayFlex" > <div class="Flex rowGap0 columnGap0 xsDirectionRow" > <div @@ -72,18 +72,18 @@ </div> </div> </div> </div> <div - class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" + class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" id="ex-1-item-1" role="menuitem" rounding="2" tabindex="-1" > <div - class="box paddingX200 paddingY200 rounding200 transparent xsDirectionColumn xsDisplayFlex" + class="box paddingX2 paddingY2 rounding2 transparent xsDirectionColumn xsDisplayFlex" > <div class="Flex rowGap0 columnGap0 xsDirectionRow" > <div @@ -114,18 +114,18 @@ </div> </div> </div> </div> <div - class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" + class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" id="ex-1-item-2" role="menuitem" rounding="2" tabindex="-1" > <div - class="box paddingX200 paddingY200 rounding200 transparent xsDirectionColumn xsDisplayFlex" + class="box paddingX2 paddingY2 rounding2 transparent xsDirectionColumn xsDisplayFlex" > <div class="Flex rowGap0 columnGap0 xsDirectionRow" > <div @@ -156,18 +156,18 @@ </div> </div> </div> </div> <div - class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" + class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" id="ex-1-item-3" role="menuitem" rounding="2" tabindex="-1" > <div - class="box paddingX200 paddingY200 rounding200 transparent xsDirectionColumn xsDisplayFlex" + class="box paddingX2 paddingY2 rounding2 transparent xsDirectionColumn xsDisplayFlex" > <div class="Flex rowGap0 columnGap0 xsDirectionRow" > <div @@ -198,18 +198,18 @@ </div> </div> </div> </div> <div - class="rounding200 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer" + class="rounding2 accessibilityOutline accessibilityOutlineFocusWithin fullWidth pointer"

Error: expect(received).toMatchSnapshot() Snapshot name: `ComboBox Controlled ComboBox with Tags renders with tags 1` - Snapshot - 9 + Received + 9 @@ -33,11 +33,11 @@ class="box marginEnd100" style="margin-bottom: 2px;" > <div aria-disabled="false" - class="box paddingX100 paddingYNaN relative rounding100 secondary xsDisplayInlineBlock" + class="box paddingX1 paddingYundefined relative rounding1 secondary xsDisplayInlineBlock" style="height: 24px; max-width: 300px;" > <div class="box marginEnd500 xsDisplayFlex xsItemsCenter" style="height: 100%;" @@ -81,11 +81,11 @@ class="box marginEnd100" style="margin-bottom: 2px;" > <div aria-disabled="false" - class="box paddingX100 paddingYNaN relative rounding100 secondary xsDisplayInlineBlock" + class="box paddingX1 paddingYundefined relative rounding1 secondary xsDisplayInlineBlock" style="height: 24px; max-width: 300px;" > <div class="box marginEnd500 xsDisplayFlex xsItemsCenter" style="height: 100%;" @@ -129,11 +129,11 @@ class="box marginEnd100" style="margin-bottom: 2px;" > <div aria-disabled="false" - class="box paddingX100 paddingYNaN relative rounding100 secondary xsDisplayInlineBlock" + class="box paddingX1 paddingYundefined relative rounding1 secondary xsDisplayInlineBlock" style="height: 24px; max-width: 300px;" > <div class="box marginEnd500 xsDisplayFlex xsItemsCenter" style="height: 100%;" @@ -177,11 +177,11 @@ class="box marginEnd100" style="margin-bottom: 2px;" > <div aria-disabled="false" - class="box paddingX100 paddingYNaN relative rounding100 secondary xsDisplayInlineBlock" + class="box paddingX1 paddingYundefined relative rounding1 secondary xsDisplayInlineBlock" style="height: 24px; max-width: 300px;" > <div class="box marginEnd500 xsDisplayFlex xsItemsCenter" style="height: 100%;" @@ -225,11 +225,11 @@ class="box marginEnd100" style="margin-bottom: 2px;" > <div aria-disabled="false" - class="box paddingX100 paddingYNaN relative rounding100 secondary xsDisplayInlineBlock" + class="box paddingX1 paddingYundefined relative rounding1 secondary xsDisplayInlineBlock" style="height: 24px; max-width: 300px;" > <div class="box marginEnd500 xsDisplayFlex xsItemsCenter" style="height: 100%;" @@ -273,11 +273,11 @@ class="box marginEnd100" style="margin-bottom: 2px;" > <div aria-disabled="false" - class="box paddingX100 paddingYNaN relative rounding100 secondary xsDisplayInlineBlock" + class="box paddingX1 paddingYundefined relative rounding1 secondary xsDisplayInlineBlock" style="height: 24px; max-width: 300px;" > <div class="box marginEnd500 xsDisplayFlex xsItemsCenter" style="height: 100%;" @@ -321,11 +321,11 @@ class="box marginEnd100" style="margin-bottom: 2px;" > <div aria-disabled="false" - class="box paddingX100 paddingYNaN relative rounding100 secondary xsDispl

Error: expect(received).toMatchSnapshot() Snapshot name: `SideNavigation renders basic Item 1` - Snapshot - 3 + Received + 3 @@ -33,11 +33,11 @@ "width": undefined, } } > <div - className="box paddingX200 paddingY200" + className="box paddingX2 paddingY2" style={ Object { "paddingBottom": 24, "width": undefined, } @@ -54,11 +54,11 @@ > <li className="liItem" > <a - className="noOutline inheritColor noUnderline tapTransition rounding200 accessibilityOutline block fullWidth pointer" + className="noOutline inheritColor noUnderline tapTransition rounding2 accessibilityOutline block fullWidth pointer" href="#" onBlur={[Function]} onClick={[Function]} onFocus={[Function]} onKeyDown={[Function]} @@ -73,11 +73,11 @@ onTouchStart={[Function]} rel="" tabIndex={0} > <div - className="box paddingXNaN paddingY200 paddingYNaN relative rounding200 xsDisplayFlex xsItemsCenter" + className="box paddingXundefined paddingY2 paddingYundefined relative rounding2 xsDisplayFlex xsItemsCenter" style={ Object { "height": undefined, "minHeight": 44, "outline": undefined, at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/SideNavigation.test.tsx:12:18) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3) at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21) at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19) at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16) at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34) at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)

Error: expect(received).toMatchSnapshot() Snapshot name: `SideNavigation renders Sections 1` - Snapshot - 4 + Received + 4 @@ -33,11 +33,11 @@ "width": undefined, } } > <div - className="box paddingX200 paddingY200" + className="box paddingX2 paddingY2" style={ Object { "paddingBottom": 24, "width": undefined, } @@ -54,11 +54,11 @@ > <li className="liItem section" > <div - className="box marginBottom200 paddingX400" + className="box marginBottom200 paddingX4" role="presentation" > <div className="default alignStart breakWord lineClamp Text fontSize300 fontWeightSemiBold" style={ @@ -76,11 +76,11 @@ > <li className="liItem" > <a - className="noOutline inheritColor noUnderline tapTransition rounding200 accessibilityOutline block fullWidth pointer" + className="noOutline inheritColor noUnderline tapTransition rounding2 accessibilityOutline block fullWidth pointer" href="#" onBlur={[Function]} onClick={[Function]} onFocus={[Function]} onKeyDown={[Function]} @@ -95,11 +95,11 @@ onTouchStart={[Function]} rel="" tabIndex={0} > <div - className="box paddingXNaN paddingY200 paddingYNaN relative rounding200 xsDisplayFlex xsItemsCenter" + className="box paddingXundefined paddingY2 paddingYundefined relative rounding2 xsDisplayFlex xsItemsCenter" style={ Object { "height": undefined, "minHeight": 44, "outline": undefined, at Object.toMatchSnapshot (/home/runner/work/gestalt/gestalt/packages/gestalt/src/SideNavigation.test.tsx:23:18) at Promise.then.completed (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:323:28) at new Promise (<anonymous>) at callAsyncCircusFn (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/utils.js:249:10) at _callCircusTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:276:40) at processTicksAndRejections (node:internal/process/task_queues:95:5) at _runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:208:3) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:96:9) at _runTestsForDescribeBlock (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:90:9) at run (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/run.js:31:3) at runAndTransformResultsToJestFormat (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:135:21) at jestAdapter (/home/runner/work/gestalt/gestalt/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:92:19) at runTestInternal (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:411:16) at runTest (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/runTest.js:499:34) at Object.worker (/home/runner/work/gestalt/gestalt/node_modules/jest-runner/build/testWorker.js:133:12)