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

WB-1677.2: Combobox misc fixes #2308

Merged
merged 4 commits into from
Aug 28, 2024
Merged

WB-1677.2: Combobox misc fixes #2308

merged 4 commits into from
Aug 28, 2024

Conversation

jandrade
Copy link
Member

@jandrade jandrade commented Aug 28, 2024

Summary:

  • Changed the border color from offBlack16 to offBlack50 to be consistent with the rest of form fields.
  • Also applied a few Storybook fixes:
    • Refactored arg types to use categories
    • Fixed interactive story to support switching selectionType values without breaking the story.

Issue: WB-1677

Test plan:

Navigate to the Combobox docs in Storybook and verify the following:

  1. The border color is now offBlack50.

  2. The arg types are now categorized.

  3. The interactive story should now support switching selectionType values
    without breaking the story. This means that the story should try to preserve the
    value when switching between single and multi selection types.

Screen.Recording.2024-08-27.at.3.37.49.PM.mov

@jandrade jandrade self-assigned this Aug 28, 2024
Copy link

changeset-bot bot commented Aug 28, 2024

🦋 Changeset detected

Latest commit: 1c06c5f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@khanacademy/wonder-blocks-dropdown Patch
@khanacademy/wonder-blocks-birthday-picker Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@khan-actions-bot
Copy link
Contributor

khan-actions-bot commented Aug 28, 2024

Gerald

Required Reviewers
  • @Khan/wonder-blocks for changes to .changeset/thin-gorillas-visit.md, __docs__/wonder-blocks-dropdown/combobox.argtypes.ts, __docs__/wonder-blocks-dropdown/combobox.stories.tsx, packages/wonder-blocks-dropdown/src/components/combobox.tsx

Don't want to be involved in this pull request? Comment #removeme and we won't notify you of further changes.

@khan-actions-bot khan-actions-bot requested a review from a team August 28, 2024 16:48
Copy link
Contributor

github-actions bot commented Aug 28, 2024

npm Snapshot: Published

🎉 Good news!! We've packaged up the latest commit from this PR (3357516) and published all packages with changesets to npm.

You can install the packages in webapp by running:

./services/static/dev/tools/deploy_wonder_blocks.js --tag="PR2308"

Packages can also be installed manually by running:

yarn add @khanacademy/wonder-blocks-<package-name>@PR2308

Copy link
Contributor

github-actions bot commented Aug 28, 2024

Size Change: +7 B (+0.01%)

Total Size: 99.9 kB

Filename Size Change
packages/wonder-blocks-dropdown/dist/es/index.js 17.9 kB +7 B (+0.04%)
ℹ️ View Unchanged
Filename Size
packages/wonder-blocks-accordion/dist/es/index.js 3.78 kB
packages/wonder-blocks-banner/dist/es/index.js 1.53 kB
packages/wonder-blocks-birthday-picker/dist/es/index.js 1.61 kB
packages/wonder-blocks-breadcrumbs/dist/es/index.js 887 B
packages/wonder-blocks-button/dist/es/index.js 4.04 kB
packages/wonder-blocks-cell/dist/es/index.js 2.01 kB
packages/wonder-blocks-clickable/dist/es/index.js 3.06 kB
packages/wonder-blocks-core/dist/es/index.js 3.44 kB
packages/wonder-blocks-data/dist/es/index.js 6.24 kB
packages/wonder-blocks-form/dist/es/index.js 6.19 kB
packages/wonder-blocks-grid/dist/es/index.js 1.36 kB
packages/wonder-blocks-i18n/dist/es/index.js 4.76 kB
packages/wonder-blocks-icon-button/dist/es/index.js 2.99 kB
packages/wonder-blocks-icon/dist/es/index.js 828 B
packages/wonder-blocks-labeled-field/dist/es/index.js 72 B
packages/wonder-blocks-layout/dist/es/index.js 1.82 kB
packages/wonder-blocks-link/dist/es/index.js 2.28 kB
packages/wonder-blocks-modal/dist/es/index.js 5.36 kB
packages/wonder-blocks-pill/dist/es/index.js 1.65 kB
packages/wonder-blocks-popover/dist/es/index.js 4.85 kB
packages/wonder-blocks-progress-spinner/dist/es/index.js 1.52 kB
packages/wonder-blocks-search-field/dist/es/index.js 1.3 kB
packages/wonder-blocks-switch/dist/es/index.js 1.94 kB
packages/wonder-blocks-testing-core/dist/es/index.js 3.64 kB
packages/wonder-blocks-testing/dist/es/index.js 1.13 kB
packages/wonder-blocks-theming/dist/es/index.js 693 B
packages/wonder-blocks-timing/dist/es/index.js 1.8 kB
packages/wonder-blocks-tokens/dist/es/index.js 2.1 kB
packages/wonder-blocks-toolbar/dist/es/index.js 855 B
packages/wonder-blocks-tooltip/dist/es/index.js 7 kB
packages/wonder-blocks-typography/dist/es/index.js 1.23 kB

compressed-size-action

Copy link
Contributor

github-actions bot commented Aug 28, 2024

A new build was pushed to Chromatic! 🚀

https://5e1bf4b385e3fb0020b7073c-fftupodqfs.chromatic.com/

Chromatic results:

Metric Total
Captured snapshots 5
Tests with visual changes 0
Total stories 491
Inherited (not captured) snapshots [TurboSnap] 364
Tests on the build 369

Copy link
Member

@beaesguerra beaesguerra left a comment

Choose a reason for hiding this comment

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

Changes look good!

autoComplete: "none",
light: false,
loading: false,
// labels: defaultComboboxLabels,
Copy link
Member

Choose a reason for hiding this comment

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

nit: Can this be removed?

@jandrade jandrade merged commit 326954d into main Aug 28, 2024
15 checks passed
@jandrade jandrade deleted the cb-bonus-fixes branch August 28, 2024 19:50
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.

3 participants