feat(ui-toolkit): fix pubkey view test

apps/governance-e2e/src/integration/view/pubkey-view.cy.ts

@@ -55,7 +55,10 @@ context('View functionality with public key', { tags: '@smoke' }, function () {
     cy.getByTestId('dialog-content')
       .first()
       .within(() => {
-        cy.get('h1').should('have.text', 'Transaction failed');
+        cy.getByTestId('dialog-title').should(
+          'have.text',
+          'Transaction failed'
+        );
         cy.getByTestId('Error').should('have.text', expectedErrorTxt);
       });
   });

apps/trading/e2e/tests/teams/test_teams.py

@@ -1,109 +0,0 @@
-import pytest
-from playwright.sync_api import expect, Page
-import vega_sim.proto.vega as vega_protos
-from vega_sim.null_service import VegaServiceNull
-from conftest import init_vega
-from actions.utils import next_epoch
-from fixtures.market import setup_continuous_market
-from wallet_config import PARTY_A, PARTY_B, PARTY_C, PARTY_D, MM_WALLET
-
-
-@pytest.fixture(scope="module")
-def vega(request):
-    with init_vega(request) as vega:
-        yield vega
-
-
-def setup_teams_and_games(vega: VegaServiceNull):
-    tDAI_market = setup_continuous_market(vega)
-    tDAI_asset_id = vega.find_asset_id(symbol="tDAI")
-    vega.mint(key_name=PARTY_B.name, asset=tDAI_asset_id, amount=100000)
-    vega.mint(key_name=PARTY_C.name, asset=tDAI_asset_id, amount=100000)
-    vega.mint(key_name=PARTY_A.name, asset=tDAI_asset_id, amount=100000)
-    vega.mint(key_name=PARTY_D.name, asset=tDAI_asset_id, amount=100000)
-    next_epoch(vega=vega)
-
-    tDAI_asset_id = vega.find_asset_id(symbol="tDAI")
-    vega.update_network_parameter(
-        MM_WALLET.name, parameter="reward.asset", new_value=tDAI_asset_id
-    )
-
-    next_epoch(vega=vega)
-
-    team_name = create_team(vega)
-
-    next_epoch(vega)
-    teams = vega.list_teams()
-
-    # list_teams actually returns a dictionary {"team_id": Team}
-    team_id = list(teams.keys())[0]
-
-    vega.apply_referral_code(PARTY_B.name, team_id)
-
-    # go to next epoch so we can check joinedAt and joinedAtEpoch appropriately
-    next_epoch(vega)
-
-    vega.apply_referral_code(PARTY_C.name, team_id)
-
-    next_epoch(vega)
-
-    vega.apply_referral_code(PARTY_D.name, team_id)
-
-    vega.wait_fn(1)
-    vega.wait_for_total_catchup()
-    vega.recurring_transfer(
-        from_key_name=PARTY_A.name,
-        from_account_type=vega_protos.vega.ACCOUNT_TYPE_GENERAL,
-        to_account_type=vega_protos.vega.ACCOUNT_TYPE_REWARD_MAKER_PAID_FEES,
-        asset=tDAI_asset_id,
-        reference="reward",
-        asset_for_metric=tDAI_asset_id,
-        metric=vega_protos.vega.DISPATCH_METRIC_MAKER_FEES_PAID,
-        entity_scope=vega_protos.vega.ENTITY_SCOPE_TEAMS,
-        n_top_performers=1,
-        amount=100,
-        factor=1.0,
-    )
-    vega.submit_order(
-        trading_key=PARTY_B.name,
-        market_id=tDAI_market,
-        order_type="TYPE_MARKET",
-        time_in_force="TIME_IN_FORCE_IOC",
-        side="SIDE_BUY",
-        volume=1,
-    )
-    vega.submit_order(
-        trading_key=PARTY_A.name,
-        market_id=tDAI_market,
-        order_type="TYPE_MARKET",
-        time_in_force="TIME_IN_FORCE_IOC",
-        side="SIDE_BUY",
-        volume=1,
-    )
-    next_epoch(vega=vega)
-    return tDAI_market, tDAI_asset_id, team_id, team_name
-
-
-@pytest.mark.usefixtures("auth", "risk_accepted")
-def test_teams(vega: VegaServiceNull, page: Page):
-    market_id, asset_id, team_id, team_name = setup_teams_and_games(vega)
-    page.goto(f"/#/competitions/team/{team_id}")
-    print(team_name)
-    print(team_id)
-    #page.pause()
-    expect(page.get_by_role("heading", level=1)).to_have_text(team_name)
-    expect(page.get_by_text("Members (3)")).to_be_visible()
-
-
-def create_team(vega: VegaServiceNull):
-    team_name = "Foobar"
-
-    vega.create_referral_set(
-        key_name=PARTY_A.name,
-        name=team_name,
-        team_url="https://vega.xyz",
-        avatar_url="http://placekitten.com/200/200",
-        closed=False,
-    )
-
-    return team_name

libs/ui-toolkit/src/components/slider/leverage-slider.tsx

@@ -15,8 +15,11 @@ export const LeverageSlider = (
       className="relative flex items-center select-none touch-none h-10 pb-5 w-full"
     >
       <SliderPrimitive.Track className=" relative grow h-[4px]">
-        <span className="bg-vega-clight-500 dark:bg-vega-cdark-500 absolute left-2 right-2 top-0 bottom-0"></span>
-        <span className="block absolute top-[-2px] left-[8px] right-[8px]">
+        <span className="bg-vega-clight-700 dark:bg-vega-cdark-700 absolute left-2 right-2 top-0 bottom-0"></span>
+        <SliderPrimitive.Range className="absolute h-full">
+          <span className="absolute left-2 right-0 h-full bg-vega-clight-100 dark:bg-vega-cdark-100"></span>
+        </SliderPrimitive.Range>
+        <span className="block absolute top-[-3px] left-[8px] right-[8px]">
           {step &&
             new Array(Math.floor(props.max / step) + 1)
               .fill(null)
@@ -34,25 +37,24 @@ export const LeverageSlider = (
                   >
                     <span
                       className={classNames(
-                        'block w-[8px] h-[8px] border-[4px] rotate-45',
+                        'block w-[10px] h-[10px] rounded-full',
                         {
-                          'border-black dark:border-white bg-white dark:bg-white':
-                            !higherThanValue,
-                          'border-vega-clight-500 dark:border-vega-cdark-500 bg-vega-clight-500 dark:bg-vega-cdark-500':
+                          'bg-vega-clight-500 dark:bg-vega-cdark-500':
                             higherThanValue,
+                          'bg-vega-clight-50 dark:bg-vega-cdark-50':
+                            !higherThanValue,
                         }
                       )}
                     ></span>
-                    <span className="text-sm mt-1">{labelValue}x</span>
+                    <span className="text-xs font-alpha mt-1 text-vega-clight-100 dark:text-vega-cdark-100 ">
+                      {labelValue}x
+                    </span>
                   </span>
                 );
               })}
         </span>
-        <SliderPrimitive.Range className="absolute h-full">
-          <span className="absolute left-2 right-0 h-full bg-black dark:bg-white"></span>
-        </SliderPrimitive.Range>
       </SliderPrimitive.Track>
-      <SliderPrimitive.Thumb className="block w-[16px] h-[16px] border-[3px] border-black dark:border-white bg-white dark:bg-black rotate-45 focus-visible:outline-0" />
+      <SliderPrimitive.Thumb className="block w-[18px] h-[18px] border-[2px] rounded-full border-white dark:border-vega-cdark-900 bg-vega-clight-50 dark:bg-vega-cdark-50 focus-visible:outline-0" />
     </SliderPrimitive.Root>
   );
 };

libs/ui-toolkit/src/components/slider/slider.tsx

@@ -40,7 +40,8 @@ export const SliderTrack = ({
   className,
   ...props
 }: SliderTrackProps) => {
-  const defaultStyles = 'bg-black dark:bg-white relative grow h-[3px]';
+  const defaultStyles =
+    'bg-vega-clight-700 dark:bg-vega-cdark-700 relative grow h-[4px]';
   return (
     <SliderPrimitive.Track
       className={classNames(defaultStyles, className)}
@@ -52,7 +53,8 @@ export const SliderTrack = ({
 };
 
 export const SliderRange = ({ className, ...props }: SliderRangeProps) => {
-  const defaultStyles = 'absolute bg-blue h-full';
+  const defaultStyles =
+    'absolute bg-vega-clight-100 dark:bg-vega-cdark-100 h-full';
   return (
     <SliderPrimitive.Range
       className={classNames(defaultStyles, className)}
@@ -63,7 +65,7 @@ export const SliderRange = ({ className, ...props }: SliderRangeProps) => {
 
 export const SliderThumb = ({ className, ...props }: SliderThumbProps) => {
   const defaultStyles =
-    'block w-[20px] h-[20px] border-2 border-black dark:border-white bg-white dark:bg-black rounded-full';
+    'block w-[18px] h-[18px] border-[2px] rounded-full border-white dark:border-vega-cdark-900 bg-vega-clight-50 dark:bg-vega-cdark-50 focus-visible:outline-0';
   return (
     <SliderPrimitive.Thumb
       className={classNames(defaultStyles, className)}