Tile: add back old api

[gretanausedaite]

Changes

Adding back props API. Now Tile works both ways:

<Tile.Wrapper>
  <Tile.Name name='Best tile ever' />
  <Tile.ThumbnailArea>
    <Tile.ThumbnailPicture url='/local-picture' />
  </Tile.ThumbnailArea>
</Tile.Wrapper>

<Tile
  name='Second best tile ever'
  thumbnail='/another-local-file'
/>

Testing

Added unit test

Docs

Changeset

[mayank99]

why IconButton doesn't work here?

[gretanausedaite]

It works. Users must pass size='small' button for it to be "as designed"
left is Tile.IconButton, right is IconButton:

• off topic:
  I think we should fix dark icons within those buttons. CSS tests have them white.

[mayank99]

oh wow, the icons are messed up only in light theme so i didn't even notice 😅

[mayank99]

for now i would say use IconButton with manual size='small' in this unit test. we don't want to mix and match old and new apis.

the color issue can be fixed in a separate PR

[mayank99]

does folder tile work correctly? i think we had some issues supporting both variants with old apis

[mayank99]

just tested in the playground and it's working correctly, even with onClick.

looks like it was fixed in #1255 (comment) + #1255 (comment)

[r100-stack]

Would be good if there are some examples using the old Tile API. (Similar to #1502 (review))

examples/Tile.main.tsx and the other Tile examples that are not currently in the PR are giving type errors. I believe Tile should be changed to Tile.Wrapper for the other Tile examples where we want to demo the new API.

[mayank99]

i've updated the missed references. i'll leave it on Greta to handle the rest

[r100-stack]

Would be good if there are some examples using the old Tile API. (Similar to #1502 (review))

@gretanausedaite I noticed you added this to the merge queue. Are we not adding examples using the old Tile API to the website?

[gretanausedaite]

@gretanausedaite I noticed you added this to the merge queue. Are we not adding examples using the old Tile API to the website?

Created #1538