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(Grid)!: remove top-level sub-component(s) #1703

Merged
merged 1 commit into from
Jul 19, 2023

Conversation

booc0mtaco
Copy link
Contributor

@booc0mtaco booc0mtaco commented Jul 19, 2023

Summary:

GridItem => Grid.Item

Test Plan:

  • Wrote automated tests
  • CI tests / new tests are not applicable
  • Manually tested my changes, but I want to keep the details secret
  • Manually tested my changes, and here are the details:
    • verify snapshots do not change

@booc0mtaco booc0mtaco requested a review from a team July 19, 2023 21:09
@codecov
Copy link

codecov bot commented Jul 19, 2023

Codecov Report

❗ No coverage uploaded for pull request base (feature/EFI-1219@e6cc9e5). Click here to learn what that means.
The diff coverage is n/a.

@@                 Coverage Diff                 @@
##             feature/EFI-1219    #1703   +/-   ##
===================================================
  Coverage                    ?   92.63%           
===================================================
  Files                       ?      155           
  Lines                       ?     2785           
  Branches                    ?      725           
===================================================
  Hits                        ?     2580           
  Misses                      ?      188           
  Partials                    ?       17           

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

Copy link
Contributor

@jinlee93 jinlee93 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In the near-ish future we should try to deprecate Grid since there are similar grid / width TW utility classes that allow for this kind of functionality and should follow our philosophy to how we deal with Layout

@booc0mtaco
Copy link
Contributor Author

In the near-ish future we should try to deprecate Grid since there are similar grid / width TW utility classes that allow for this kind of functionality and should follow our philosophy to how we deal with Layout

@jinlee93 Agreed. In fact, since it's not in figma currently, and has the same kinda properties and usage as Layout, I'll just mark them right now

- also mark as deprecated, linking to TW documentation
</GridItem>
);
})}
{filterTokens(`eds-theme-form-border-width`).map((listItem) => (
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cleaned up this one b/c the formatting was getting garbled by prettier in some weird way. All of these could be converted into MDX files instead of having the class component wrapper and storybook file in the end

/**
* The Grid component is deprecated and will be removed in an upcoming release.
* Instead, please make use of utility libraries, like Tailwind CSS:
* * https://tailwindcss.com/docs/display#grid
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Linking to TW docs upon deprecation, as we want to focus EDS on presentation layer, not page layout layer. (we can document guidance around page layout in zeroheight, however, and include code examples using some code sandbox software like codepen, etc.)

@booc0mtaco booc0mtaco merged commit c8925c9 into feature/EFI-1219 Jul 19, 2023
@booc0mtaco booc0mtaco deleted the aholloway/EFI-1251 branch July 19, 2023 22:37
@booc0mtaco booc0mtaco mentioned this pull request Aug 14, 2023
booc0mtaco added a commit that referenced this pull request Aug 15, 2023
## [13.0.0](v12.4.2...v13.0.0) (2023-08-14)


### ⚠ BREAKING CHANGES

* **link:** remove text-link tokens for link t3 tokens (#1639)
* **colors:** remove old colors and convert to input and show figma token (#1711)
* remove deprecated dropdown (#1657)
* **banner:** remove component (#1702)
* remove legacy tokens and typography mixins (#1709)
* **Grid:** remove top-level sub-component(s) (#1703)
* **dragdrop:** remove top level subcomponents (#1697)
* **Fieldset:** remove top-level sub-component(s) (#1695)
* **HorizontalStepper:** remove top-level sub-component(s) (#1696)
* **Card:** remove top-level sub-component(s) (#1692)
* **checkbox:** remove top level subcomponents (#1693)
* **radio:** remove top level subcomponents (#1690)
* **DataBar:** remove top-level sub-component(s) (#1686)
* **Modal:** remove top-level sub-component(s) (#1689)
* **searchbar:** remove top level subcomponents (#1687)
* **table:** remove top-level sub-components (#1685)
* **toolbar:** remove component (#1683)
* **Breadcrumbs:** remove top-level sub-component (#1680)
* **timelinenav:** remove top-level sub-component (#1681)

### Features

* **Breadcrumbs:** remove top-level sub-component ([#1680](#1680)) ([669081d](669081d))
* **Card:** remove top-level sub-component(s) ([#1692](#1692)) ([7ec01f4](7ec01f4))
* **checkbox:** remove top level subcomponents ([#1693](#1693)) ([87b12e8](87b12e8))
* **DataBar:** remove top-level sub-component(s) ([#1686](#1686)) ([b4b9276](b4b9276))
* **dragdrop:** remove top level subcomponents ([#1697](#1697)) ([b4fd00c](b4fd00c))
* **Fieldset:** remove top-level sub-component(s) ([#1695](#1695)) ([0c8280d](0c8280d))
* **Grid:** remove top-level sub-component(s) ([#1703](#1703)) ([c8925c9](c8925c9))
* **HorizontalStepper:** remove top-level sub-component(s) ([#1696](#1696)) ([188fd99](188fd99))
* **Layout:** mark layout components as deprecated ([#1700](#1700)) ([930a369](930a369))
* **Modal:** remove top-level sub-component(s) ([#1689](#1689)) ([8743e62](8743e62))
* **radio:** remove top level subcomponents ([#1690](#1690)) ([82da617](82da617))
* remove legacy tokens and typography mixins ([#1709](#1709)) ([ec3e819](ec3e819))
* **searchbar:** remove top level subcomponents ([#1687](#1687)) ([d13bb6c](d13bb6c))
* **table:** remove top-level sub-components ([#1685](#1685)) ([742a530](742a530))
* **timelinenav:** remove top-level sub-component ([#1681](#1681)) ([f46eca7](f46eca7))


### Bug Fixes

* **Avatar:** support display names using emoji and multi-byte ([#1716](#1716)) ([1294022](1294022))
* update token exports ([#1722](#1722)) ([982c55f](982c55f))


* **banner:** remove component ([#1702](#1702)) ([356550c](356550c))
* **colors:** remove old colors and convert to input and show figma token ([#1711](#1711)) ([c9a5079](c9a5079))
* **link:** remove text-link tokens for link t3 tokens ([#1639](#1639)) ([d35cfe4](d35cfe4))
* remove deprecated dropdown ([#1657](#1657)) ([26d1694](26d1694))
* **toolbar:** remove component ([#1683](#1683)) ([bd47899](bd47899))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants