🚧 WIP Link update

[aveline]

WHY are these changes introduced?

Fixes #8794 #8797

WHAT is this pull request doing?

• Update Link props to align API
• Update Link tests
• Update Link stories

How to 🎩

View examples in Playground

Copy-paste this code in playground/Playground.tsx:

import {ChevronLeftMinor} from '@shopify/polaris-icons';
import React from 'react';

import {
  AlphaCard,
  Banner,
  HorizontalStack,
  Icon,
  Link,
  Page,
  VerticalStack,
} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
      <VerticalStack gap="4">
        <AlphaCard>
          <VerticalStack gap="2">
            <Link href="#">Link as anchor</Link>
            <Link onClick={() => {}}>Link as button</Link>
            <span>
              Determine{' '}
              <Link href="#" underline="always">
                tax rates
              </Link>
            </span>
            <Link href="#" target="_blank">
              External with target blank
            </Link>
            <Link href="#">
              <HorizontalStack align="start">
                <Icon source={ChevronLeftMinor} />
                Link
              </HorizontalStack>
            </Link>
          </VerticalStack>
        </AlphaCard>
        <AlphaCard>
          <Banner>
            Determine{' '}
            <Link href="#" underline="always" tone="inherit">
              tax rates
            </Link>
          </Banner>
        </AlphaCard>
      </VerticalStack>
    </Page>
  );
}

[github-actions]

size-limit report 📦

Path	Size
polaris-react-cjs	242.64 KB (+0.02% 🔺)
polaris-react-esm	157.13 KB (+0.01% 🔺)
polaris-react-esnext	219.58 KB (-0.01% 🔽)
polaris-react-css	47.46 KB (-0.04% 🔽)

[aveline]

Closing as this is replaced by #9185