Skip to content

Conversation

@bruugey
Copy link
Collaborator

@bruugey bruugey commented Mar 3, 2020

✍️ Proposed changes

PR to address to concerns raised by @matt-d-rat:

  • PD-557: Allow forwardRef to be provided to SideNavItem
  • PD-559: Negative z-index causes SideNavItem hover state not to be visible

To note: being released as a breaking change per React's documentation of React.forwardRef

🎟 Jira ticket: PD-557

🛠 Types of changes

  • Tooling (updates to workspace config or internal tooling)
  • Bugfix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)

✅ Checklist

  • I have added tests that prove my fix is effective or that my feature works
  • I have added necessary documentation (if appropriate)
  • I have run yarn changeset and documented my changes
  • I have added my new package to the global tsconfig
  • I have added my new package to the Table of Contents on the global README

💬 Further comments

@bruugey bruugey requested review from DesignerDave and hswolff March 3, 2020 20:01
@bruugey bruugey added the SideNav label Mar 3, 2020
@github-actions
Copy link
Contributor

github-actions bot commented Mar 3, 2020

Size Change: +12 B (0%)

Total Size: 461 kB

Filename Size Change
packages/side-nav/dist/index.node.js 8.7 kB +4 B (0%)
packages/side-nav/dist/index.web.js 8.75 kB +8 B (0%)
ℹ️ View Unchanged
Filename Size Change
packages/badge/dist/index.node.js 1.92 kB 0 B
packages/badge/dist/index.web.js 1.92 kB 0 B
packages/box/dist/index.node.js 6.79 kB 0 B
packages/box/dist/index.web.js 6.83 kB 0 B
packages/button/dist/index.node.js 9.31 kB 0 B
packages/button/dist/index.web.js 9.35 kB 0 B
packages/card/dist/index.node.js 1.34 kB 0 B
packages/card/dist/index.web.js 1.34 kB 0 B
packages/checkbox/dist/index.node.js 74.1 kB 0 B
packages/checkbox/dist/index.web.js 74.1 kB 0 B
packages/code/dist/index.node.js 2.94 kB 0 B
packages/code/dist/index.web.js 2.94 kB 0 B
packages/emotion/dist/index.node.js 973 B 0 B
packages/emotion/dist/index.web.js 1.04 kB 0 B
packages/hooks/dist/index.node.js 2.44 kB 0 B
packages/hooks/dist/index.web.js 2.49 kB 0 B
packages/icon-button/dist/index.node.js 2.28 kB 0 B
packages/icon-button/dist/index.web.js 2.28 kB 0 B
packages/icon/dist/index.node.js 8.23 kB 0 B
packages/icon/dist/index.web.js 8.23 kB 0 B
packages/leafygreen-provider/dist/index.node.js 1.65 kB 0 B
packages/leafygreen-provider/dist/index.web.js 1.65 kB 0 B
packages/lib/dist/index.node.js 1.25 kB 0 B
packages/lib/dist/index.web.js 1.25 kB 0 B
packages/logo/dist/index.node.js 8.3 kB 0 B
packages/logo/dist/index.web.js 8.3 kB 0 B
packages/menu/dist/index.node.js 6.77 kB 0 B
packages/menu/dist/index.web.js 6.77 kB 0 B
packages/modal/dist/index.node.js 2.96 kB 0 B
packages/modal/dist/index.web.js 2.96 kB 0 B
packages/mongo-nav/dist/index.node.js 19.5 kB 0 B
packages/mongo-nav/dist/index.web.js 19.5 kB 0 B
packages/palette/dist/index.node.js 1.17 kB 0 B
packages/palette/dist/index.web.js 1.17 kB 0 B
packages/pipeline/dist/index.node.js 12.9 kB 0 B
packages/pipeline/dist/index.web.js 12.9 kB 0 B
packages/popover/dist/index.node.js 4.13 kB 0 B
packages/popover/dist/index.web.js 4.13 kB 0 B
packages/portal/dist/index.node.js 1.71 kB 0 B
packages/portal/dist/index.web.js 1.71 kB 0 B
packages/radio-box-group/dist/index.node.js 3.79 kB 0 B
packages/radio-box-group/dist/index.web.js 3.8 kB 0 B
packages/radio-group/dist/index.node.js 2.93 kB 0 B
packages/radio-group/dist/index.web.js 2.93 kB 0 B
packages/syntax/dist/index.node.js 21.7 kB 0 B
packages/syntax/dist/index.web.js 21.7 kB 0 B
packages/tabs/dist/index.node.js 9.51 kB 0 B
packages/tabs/dist/index.web.js 9.55 kB 0 B
packages/text-input/dist/index.node.js 3.19 kB 0 B
packages/text-input/dist/index.web.js 3.19 kB 0 B
packages/theme/dist/index.node.js 940 B 0 B
packages/theme/dist/index.web.js 940 B 0 B
packages/toggle/dist/index.node.js 4.29 kB 0 B
packages/toggle/dist/index.web.js 4.29 kB 0 B
packages/tooltip/dist/index.node.js 4.5 kB 0 B
packages/tooltip/dist/index.web.js 4.56 kB 0 B

compressed-size-action

@bruugey bruugey merged commit ed2e2f8 into master Mar 3, 2020
@bruugey bruugey deleted the PD-557 branch March 3, 2020 21:43
bruugey added a commit that referenced this pull request Aug 9, 2023
* bug fixes for navitem

* changeset

* remove comment
stephl3 added a commit that referenced this pull request Sep 29, 2025
* Update vertical stepper button layout on smaller breakpoints

* Fix resizing in AccordionPanel

* Fix resizing in ExpandableGrid

* Feedback

* height is always available
github-merge-queue bot pushed a commit that referenced this pull request Sep 30, 2025
…e to leafygreen-ui (#3165)

* LG-4333: VerticalStepper (#163)

* wip

* wip, transitions

* image

* break out step icon component

* tabindex

* line color

* fix story

* status to state

* padding

* style cleanup

* style updates

* consts

* add tests

* README

* changeset

* types and tests

* cleanup

* cleanup

* lint

* cleanup again

* some feedback

* update icon styles

* inert and tabindex

* use descedants

* remove extra div

* update package.json

* pass isCompleted to StepIcon

* cleanup

* feedback

* Version Packages (#169)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* Fix naming of lg-private packages (#183)

* Fix lg-private packages naming

* Changeset

* LG-4395: feature walls major release (#186)

* LG-4395: vertical stepper design QA

* LG-4395: feature walls design QA

* Changeset

* Version Packages (#184)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* Use actions slot prop for vertical stepper and activation steps (#191)

* VerticalStepper takes actions prop instead of primaryButtonProps and secondaryButtonProps

* ActivationSteps uses updated VerticalStepper API

* Changeset

* Address feedback

* Version Packages (#190)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* LG-4412: all sections render in card UI  (#194)

* Update Section styling and add optional renderInCard prop

* FeatureOverview renders in card, handles children container, and removes custom storybook decorator

* Templates always renders in card and export type Template

* UseCases always renders in card

* ActivationSteps type updates and remove storybook decorator

* Export types for ActivationStep, Template, and UseCase

* Changeset

* LG-4413: vertical stepper always renders description and media (#195)

* VerticalStepper always renders description and media

* Changeset

* Cleanup

* Version Packages (#197)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* LG-4670: feature walls component resizing (#294)

* Update vertical stepper button layout on smaller breakpoints

* Fix resizing in AccordionPanel

* Fix resizing in ExpandableGrid

* Feedback

* height is always available

* Version Packages (#292)

* Version Packages

* Version next @lg-private/vertical-stepper and update changelogs

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Stephen Lee <[email protected]>

* Updates Popover/Menu/Tooltip to TopLayer LG-4746 (#337)

* bump other packages

* major popover updates

* bump provider

* bump global provider

* bump cli

* rm popoverZIndex

* Create forty-days-rest.md

* Delete .eslintignore

* update lg to latest major

* Removes prop-types, and bump LG packages

* lint

* Update .eslintrc.js

* update storybook @lg-tools/storybook-utils

* lint

* Version Packages (#343)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* PNPM + Storybook 8 (private) (#426)

* pnpm import

* Delete yarn.lock

* workflows

* yarn -> pnpm docs

* workspace:^

* add missing global packages

* @storybook/test

* story ts fixes

* Adds missing peers

* rm lg.json

* bump base lg

* fix product icon builds

* fix sb

* bump peer deps

* rm  pnpm/action-setup@v4

* Revert "rm  pnpm/action-setup@v4"

This reverts commit 14198eb258e958ddaa0e480fee17cfddec5ce6fd.

* Update pnpm-lock.yaml

* apk

* apk all

* wget

* restore pnpm

* specific pnpm action

* workspace

* lint fix

* tools @ latest

* minor lint errors

* tools build dev deps

* typescript

* tsconfig

* package exports

* ts fixes

* Create rollup.config.mjs

* lint

* checkout main src

* ts fixes

* lint

* isolated async tests

* Update CloudNav.analytics.spec.tsx

* skip mongonav tests

* feature walls tests

* Create rollup.config.mjs

* lint fix

* Update pr.yml

* Update release.yml

* cache/restore

* chromatic + pnpm

* update cache restore paths

* cache save path

* addon 0.5.2-next.0

* addon 0.5.2-next.2

* chore(vertical-stepper): move from @lg-private to @leafygreen-ui scope

* chore(vertical-stepper): disable snapshot of LiveExample story

---------

Co-authored-by: Shaneeza <[email protected]>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Adam Thompson <[email protected]>
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.

4 participants