Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat!: Replace Aspect Ratio component with utility classes and prop on Image #1593

Merged
merged 50 commits into from
Nov 8, 2024

Conversation

RubenSibon
Copy link
Contributor

@RubenSibon RubenSibon commented Sep 20, 2024

Describe the pull request

Simplifies giving (media) elements fixed two dimensional aspect ratios.

What

Converts the Aspect Ratio component to a just tokens, CSS classes and an aspectRatio property on Image.

Why

Simplification: less components and overhead by using component properties, CSS classes or tokens.

How

Removing the Aspect Ratio React component with exception of the types.

Checklist

Before submitting your pull request, please ensure you have done the following. Check each checkmark if you have done so or if it wasn't necessary:

  • Add or update unit tests
  • Add or update documentation
  • Add or update stories
  • Add or update exports in index.* files
  • Start the PR title with a Conventional Commit prefix, as explained here.

Additional notes

  • For now we are only placing the aspectRatio property on Image. It may be added to more (media) elements, such as Video in the future.
  • The tokens and SCSS mixins may also come in handy in the upcoming Figure component.

@RubenSibon RubenSibon self-assigned this Sep 20, 2024
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop September 20, 2024 12:02 Destroyed
… of github.com:Amsterdam/design-system into feat/DES-834-aspect-ratio-comp-to-prop
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop October 2, 2024 10:50 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop October 16, 2024 07:59 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop October 18, 2024 14:47 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop October 18, 2024 15:30 Destroyed
@RubenSibon RubenSibon marked this pull request as ready for review October 18, 2024 15:36
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop October 18, 2024 15:41 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop October 18, 2024 15:46 Destroyed
@VincentSmedinga VincentSmedinga changed the title feat: Aspect ratio component to prop and CSS class feat!: Replace Aspect Ratio component with utility classes and props Oct 23, 2024
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop November 7, 2024 13:17 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop November 7, 2024 13:34 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop November 7, 2024 13:40 Destroyed
dlnr
dlnr previously approved these changes Nov 8, 2024
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop November 8, 2024 10:06 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop November 8, 2024 10:26 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop November 8, 2024 10:28 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop November 8, 2024 10:31 Destroyed
@github-actions github-actions bot temporarily deployed to demo-DES-834-aspect-ratio-comp-to-prop November 8, 2024 10:36 Destroyed
@VincentSmedinga VincentSmedinga changed the title feat!: Replace Aspect Ratio component with utility classes and props feat!: Replace Aspect Ratio component with utility classes and prop on Image Nov 8, 2024
@VincentSmedinga VincentSmedinga merged commit 766efba into develop Nov 8, 2024
7 checks passed
@VincentSmedinga VincentSmedinga deleted the feat/DES-834-aspect-ratio-comp-to-prop branch November 8, 2024 10:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

4 participants