feat: vanilla extract on badge and actionBar (#5461)

* feat: vanilla extract on badge and actionBar

* fix: create vanilla extract fadeIn animation

Author: lisalupi

packages/plus/src/components/EstimateCost/__tests__/__snapshots__/Regular.test.tsx.snap

@@ -1,10 +1,18 @@
 'use client'
 
+<<<<<<< HEAD
 import { assignInlineVars } from '@vanilla-extract/dynamic'
 import type { ReactNode } from 'react'
 import { createPortal } from 'react-dom'
 import { Stack } from '../Stack'
 import { actionBar, rankActionBar, stackActionBar } from './styles.css'
+=======
+import { theme } from '@ultraviolet/themes'
+import type { ReactNode } from 'react'
+import { createPortal } from 'react-dom'
+import { Stack } from '../Stack'
+import { actionBar, stackActionBar } from './styles.css'
+>>>>>>> 8b51fae44 (feat: vanilla extract on badge and actionBar (#5461))
 
 type ActionBarProps = {
   children: ReactNode
@@ -36,9 +44,15 @@ export const ActionBar = ({
       className={`${className ? `${className} ` : ''}${actionBar}`}
       data-testid={dataTestId}
       role={role}
+<<<<<<< HEAD
       style={assignInlineVars({
         [rankActionBar]: `${rank}`,
       })}
+=======
+      style={{
+        bottom: `calc(${theme.sizing['700']} * ${rank} + ${theme.space['2']})`,
+      }}
+>>>>>>> 8b51fae44 (feat: vanilla extract on badge and actionBar (#5461))
     >
       <Stack alignItems="center" className={stackActionBar}>
         {children}

packages/plus/src/components/EstimateCost/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,8 +1,12 @@
 import { theme } from '@ultraviolet/themes'
 import { fadeInVanillaExtract } from '../../utils'
+<<<<<<< HEAD
 import { createVar, style } from '@vanilla-extract/css'
 
 export const rankActionBar = createVar()
+=======
+import { style } from '@vanilla-extract/css'
+>>>>>>> 8b51fae44 (feat: vanilla extract on badge and actionBar (#5461))
 
 export const stackActionBar = style({
   height: '100%',
@@ -19,5 +23,8 @@ export const actionBar = style({
   position: 'fixed',
   transform: 'translate(-50%, 0)',
   width: '37.5rem',
+<<<<<<< HEAD
   bottom: `calc(${theme.sizing['700']} * ${rankActionBar} + ${theme.space['2']})`,
+=======
+>>>>>>> 8b51fae44 (feat: vanilla extract on badge and actionBar (#5461))
 })