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(box): support className #1432

Merged
merged 2 commits into from
Oct 7, 2024
Merged

feat(box): support className #1432

merged 2 commits into from
Oct 7, 2024

Conversation

Niznikr
Copy link
Contributor

@Niznikr Niznikr commented Oct 4, 2024

Summary

Support className.

@Niznikr Niznikr requested review from antonio-darkly and a team as code owners October 4, 2024 17:25
Copy link

changeset-bot bot commented Oct 4, 2024

🦋 Changeset detected

Latest commit: 466ef6e

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

This PR includes changesets to release 24 packages
Name Type
@launchpad-ui/box Patch
@launchpad-ui/core Patch
@launchpad-ui/icons Patch
@launchpad-ui/alert Patch
@launchpad-ui/avatar Patch
@launchpad-ui/banner Patch
@launchpad-ui/button Patch
@launchpad-ui/chip Patch
@launchpad-ui/clipboard Patch
@launchpad-ui/collapsible Patch
@launchpad-ui/components Patch
@launchpad-ui/drawer Patch
@launchpad-ui/dropdown Patch
@launchpad-ui/filter Patch
@launchpad-ui/form Patch
@launchpad-ui/inline-edit Patch
@launchpad-ui/menu Patch
@launchpad-ui/modal Patch
@launchpad-ui/navigation Patch
@launchpad-ui/pagination Patch
@launchpad-ui/select Patch
@launchpad-ui/tag Patch
@launchpad-ui/split-button Patch
@launchpad-ui/card 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

Copy link
Contributor

github-actions bot commented Oct 4, 2024

Size Change: +1.74 kB (+0.31%)

Total Size: 554 kB

Filename Size Change
packages/box/dist/index.es.js 7.33 kB +655 B (+9.81%) ⚠️
packages/box/dist/index.js 7.45 kB +679 B (+10.02%) ⚠️
packages/box/dist/style.css 2.65 kB +404 B (+17.96%) ⚠️
ℹ️ View Unchanged
Filename Size
apps/vscode/dist/client.js 111 kB
apps/vscode/dist/server.js 246 kB
packages/alert/dist/index.es.js 1.3 kB
packages/alert/dist/index.js 1.37 kB
packages/alert/dist/style.css 1.29 kB
packages/avatar/dist/index.es.js 1.16 kB
packages/avatar/dist/index.js 1.23 kB
packages/avatar/dist/style.css 404 B
packages/banner/dist/index.es.js 624 B
packages/banner/dist/index.js 695 B
packages/banner/dist/style.css 463 B
packages/button/dist/index.es.js 1.81 kB
packages/button/dist/index.js 1.89 kB
packages/button/dist/style.css 2.97 kB
packages/card/dist/index.es.js 688 B
packages/card/dist/index.js 754 B
packages/card/dist/style.css 666 B
packages/chip/dist/index.es.js 674 B
packages/chip/dist/index.js 745 B
packages/chip/dist/style.css 517 B
packages/clipboard/dist/index.es.js 1.49 kB
packages/clipboard/dist/index.js 1.57 kB
packages/clipboard/dist/style.css 801 B
packages/collapsible/dist/index.es.js 856 B
packages/collapsible/dist/index.js 926 B
packages/collapsible/dist/style.css 81 B
packages/columns/dist/index.es.js 579 B
packages/columns/dist/index.js 651 B
packages/columns/dist/style.css 281 B
packages/components/dist/index.es.js 11.4 kB
packages/components/dist/index.js 11.3 kB
packages/components/dist/style.css 6.98 kB
packages/core/dist/index.es.js 1.06 kB
packages/core/dist/index.js 1.41 kB
packages/counter/dist/index.es.js 330 B
packages/counter/dist/index.js 397 B
packages/counter/dist/style.css 248 B
packages/drawer/dist/index.es.js 1.7 kB
packages/drawer/dist/index.js 2.25 kB
packages/drawer/dist/style.css 490 B
packages/dropdown/dist/index.es.js 1.14 kB
packages/dropdown/dist/index.js 1.2 kB
packages/filter/dist/index.es.js 2.28 kB
packages/filter/dist/index.js 2.35 kB
packages/filter/dist/style.css 907 B
packages/focus-trap/dist/index.es.js 267 B
packages/focus-trap/dist/index.js 333 B
packages/form/dist/index.es.js 4.13 kB
packages/form/dist/index.js 4.24 kB
packages/form/dist/style.css 2.21 kB
packages/icons/dist/index.es.js 893 B
packages/icons/dist/index.js 967 B
packages/icons/dist/style.css 192 B
packages/inline-edit/dist/index.es.js 1.57 kB
packages/inline-edit/dist/index.js 1.65 kB
packages/inline-edit/dist/style.css 329 B
packages/inline/dist/index.es.js 572 B
packages/inline/dist/index.js 643 B
packages/inline/dist/style.css 243 B
packages/markdown/dist/index.es.js 963 B
packages/markdown/dist/index.js 1.04 kB
packages/markdown/dist/style.css 217 B
packages/menu/dist/index.es.js 3.8 kB
packages/menu/dist/index.js 3.88 kB
packages/menu/dist/style.css 862 B
packages/modal/dist/index.es.js 2.97 kB
packages/modal/dist/index.js 3.54 kB
packages/modal/dist/style.css 894 B
packages/navigation/dist/index.es.js 2.73 kB
packages/navigation/dist/index.js 2.81 kB
packages/navigation/dist/style.css 866 B
packages/overlay/dist/index.es.js 1.03 kB
packages/overlay/dist/index.js 1.09 kB
packages/pagination/dist/index.es.js 1.15 kB
packages/pagination/dist/index.js 1.23 kB
packages/pagination/dist/style.css 300 B
packages/popover/dist/index.es.js 3.06 kB
packages/popover/dist/index.js 3.56 kB
packages/popover/dist/style.css 514 B
packages/portal/dist/index.es.js 398 B
packages/portal/dist/index.js 457 B
packages/progress-bubbles/dist/index.es.js 1.74 kB
packages/progress-bubbles/dist/index.js 1.81 kB
packages/progress-bubbles/dist/style.css 817 B
packages/progress/dist/index.es.js 1.07 kB
packages/progress/dist/index.js 1.14 kB
packages/progress/dist/style.css 267 B
packages/select/dist/index.es.js 5.86 kB
packages/select/dist/index.js 5.94 kB
packages/select/dist/style.css 1.12 kB
packages/split-button/dist/index.es.js 940 B
packages/split-button/dist/index.js 1.01 kB
packages/split-button/dist/style.css 500 B
packages/stack/dist/index.es.js 464 B
packages/stack/dist/index.js 535 B
packages/stack/dist/style.css 181 B
packages/tab-list/dist/index.es.js 728 B
packages/tab-list/dist/index.js 801 B
packages/tab-list/dist/style.css 410 B
packages/table/dist/index.es.js 931 B
packages/table/dist/index.js 1.01 kB
packages/table/dist/style.css 689 B
packages/tag/dist/index.es.js 2.86 kB
packages/tag/dist/index.js 2.94 kB
packages/tag/dist/style.css 740 B
packages/tokens/dist/fonts.css 183 B
packages/tokens/dist/index.css 2.54 kB
packages/tokens/dist/index.es.js 3.07 kB
packages/tokens/dist/index.js 3.07 kB
packages/tokens/dist/media-queries.css 114 B
packages/tokens/dist/themes.css 1.69 kB
packages/tooltip/dist/index.es.js 506 B
packages/tooltip/dist/index.js 581 B
packages/tooltip/dist/style.css 331 B
packages/vars/dist/index.es.js 2.75 kB
packages/vars/dist/index.js 2.83 kB

compressed-size-action

@Niznikr Niznikr requested a review from a team October 7, 2024 15:11
const Component = asChild ? Slot : 'div';
const { className, style, otherProps } = rainbowSprinkles(props);

return (
<Component className={className} style={style} data-test-id={testId} {...otherProps}>
<Component className={cx(classes, className)} style={style} {...otherProps}>
Copy link

Choose a reason for hiding this comment

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

Personally I find this a little confusing and would prefer to rename the sprinkles variable to make it more obvious what's happening, but that's minor and you can take or leave that suggestion.

@Niznikr Niznikr merged commit 2b70773 into main Oct 7, 2024
17 checks passed
@Niznikr Niznikr deleted the feat/box-class branch October 7, 2024 15:36
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