`@rocket.chat/styled`

A simple styled API for React components

Install

Add `@rocket.chat/styled` as a dependency:

npm i @rocket.chat/styled

# or, if you are using yarn:

yarn add @rocket.chat/styled

Contributing

Contributions, issues, and feature requests are welcome!
Feel free to check the issues.

Building

As this package dependends on others in this monorepo, before anything run the following at the root directory:

yarn build

Linting

To ensure the source is matching our coding style, we perform linting. Before commiting, check if your code fits our style by running:

yarn lint

Some linter warnings and errors can be automatically fixed:

yarn lint-and-fix

Running tests

Whenever possible, add tests to describe exactly what your code do. You can run them by yourself:

yarn test

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

0.31.25 (2023-08-14)

Features

• fuselage: StatesLink Component (#1122) (61397f8)

Bug Fixes

• icons: Build definition for icons package (#1123) (13a2bef)
• Turn TabNavigationBlock into ExperimentalTabNavigationBlock (#1117) (1b1d627)
• uikit: initialTime prop time in TimePicker component (#1115) (124cd3c)

0.31.24 (2023-07-21)

Features

• AudioPlayer Component (#1046) (279bc86)
• fuselage: Contextualbar component (#749) (e2f7453)
• fuselage: TableCell empty fallback (#1080) (4d491be)
• fuselage: ToastBar visual improvements (#1025) (031c4a5)
• fuselage: Add spacedColumn prop to Option component (#1057) (f7c5854)
• Message Highlight and Mention components (#1050) (6c38740)
• ui-kit: Add new UIKit components (#1074) (84fb125)
• ui-kit: Add variants to UIKit button (#1088) (b736c6d)
• ui-kit: Introduce contextualBar surface definitions (#1096) (b0cf8fb)
• UiKit: Add I18N structure to TextObject (#1065) (d928da9)
• UiKit: Tab Navigation Block (#1095) (00d08d1)

Bug Fixes

• add pressed state on MenuButton (#1091) (a608c8f)
• emitter: off() ignoring handler check when one listener remains (#1099) (b0a603c)
• fuselage-hooks: usePosition internals (#1027) (5b17dac)
• fuselage, fuselage-hooks: Position (#1045) (9ba3fac)
• fuselage: AudioPlayer responsiveness (#1052) (75bdb4e)
• fuselage: MenuV2 behavior (#1089) (a0e4bb9)
• fuselage: MenuV2 behavior on touch press (#1106) (0ce66df)
• fuselage: ModalThumb size (#1048) (3812ee3)
• fuselage: TableCell children render (#1082) (53a7116)
• fuselage: button min-width (#1029) (cde9a42)
• fuselage: change $message-divider-color-unread (#1042) (b5f270d)
• fuselage: development mode not being pruned (#1078) (76e8bd5)
• fuselage: icon alignment (#1026) (96870d1)
• fuselage: Message Highlight touching text (#1056) (5d64e33)
• fuselage: message link color (#1038) (d94260e)
• fuselage: Message Mention and Highlight types and export (#1053) (9aa087a)
• fuselage: multiple div being added with Position (#1039) (9dcf01a)
• fuselage: Reintroduce children to IconButton (#1061) (ff016cc)
• fuselage: SelectAria position causing side effects (#1094) (924697c)
• fuselage: sidebar header alignment (#1031) (c41a022)
• fuselage: use label on Select (#1066) (5489b7a)
• message-parser: mentions and emojis inside bold, italic and strikethrough (#1035) (036f70a)
• mp3-encoder: Fork LAME implementation (#1032) (6bae1cf)
• select width (25e50b8)

0.31.23 (2023-05-05)

Features

• (icons) Add compass icon (#950) (fd52af7)
• Attachment File new design (#932) (f61bd08), closes #927
• fuselage: Modal wrapper & wrapperFunction prop (#959) (4493328)
• fuselage: Add linkTarget prop for Banner component (#971) (f4e9645)
• fuselage: add aria-disabled prop to Option component (#942) (e7366fb)
• fuselage: add disabled variant to option (#939) (052c1b4)
• fuselage: Avatar Emoji (#930) (8f9fae1)
• fuselage: Sidebar theme (#923) (410befb)
• fuselage: SidebarBanner component (#975) (377000b)
• fuselage: Skeleton Circle Variant (#1006) (bad19d5)
• fuselage: Tag Featured Variant (#935) (634a97d)
• icons: Add desktop-text icon (#972) (0183bbd)
• Loading state on creating first member form (0d0f4ef)
• message-parser: custom domains whitelist (#1010) (dcd05f0)
• onboarding-ui: remove type field in company data section (#1002) (8dad809)

Bug Fixes

• enabling emphasis inside link label (b1fece0)
• fuselage-hooks: Fix usePosition (#967) (6098687)
• fuselage: SidebarItem menu glitch on hover (#991) (c92cfad)
• fuselage: Add missing types to PaginatedMultiselect / Filtered (#988) (102d97e)
• fuselage: Adjusted PaginatedMultiSelect to keep received/returned values consistent (#994) (057b036)
• fuselage: Avatar element excending container width (#1017) (94fbb72)
• fuselage: Badge bg token colors (#945) (461ecf6)
• fuselage: button var prefix (#938) (2181514)
• fuselage: Chevron vertical position (#910) (f086df2)
• fuselage: colors (#980) (cf26af6)
• fuselage: Correct tokens usage (#940) (b1292b5)
• fuselage: Fix scrolling issues due menu button wrapper (#987) (4e0bcff)
• fuselage: InputBox addon click (#982) (d00d0ea)
• fuselage: MessageBody word break (#1018) (59fee60)
• fuselage: Multiselect won't update if value changes (#983) (77a3b9c)
• fuselage: Pagination number (#936) (e421970)
• fuselage: selected-messages color (#1004) (83ef093)
• fuselage: token refactor (#943) (5bead65)
• fuselage: word break in rcx-message-body (#1028) (0c70a1d)
• message-parser: Differ link, autoLink, and autoEmail helpers (#993) (db343e0)
• message-parser: Inline Code with mention and/or mail pattern (#1021) (00fb041)
• message-parser: Link parser issues (#962) (3377d6b)

0.31.22 (2022-12-02)

Features

• fuselage: add message names wrapper and update system message (#889) (97dd401)
• fuselage: Featured Tag variant (#922) (0bb5c90)
• fuselage: Update Banner Component style (#905) (15b4f96)

Bug Fixes

• fuselage-hooks: fix storage not reacting if there are multiple in same page (#911) (e1d0a4a)
• fuselage: Adding heading tag styles to messages (#904) (ade27ba)
• fuselage: Avatar border and Tag alignment (#892) (02975fc)
• fuselage: Elevation token (#920) (47a63d4)
• fuselage: Message palette colors (#896) (5a22d8b)
• fuselage: Revert Banner Elevation (#926) (3c0d7f9)
• fuselage: Update Banner Styles (#912) (4858258)
• message-parser: Add file path structure to URL reference markdown (#901) (91239b6)
• message-parser: Escaping only necessary characters (#899) (29dd497)
• message-parser: Phone pattern (#900) (6062700)
• message-parser: User mention with @ character (#894) (aa9bc06)

0.31.21 (2022-10-31)

Features

• fuselage: Empty Badge and small variants (#876) (16bff6d)
• icons: Add spanner icon (#880) (a16a786)
• message-parser: Enabling Emphasis elements (bold, strike and italic) inside link label (#864) (7e521bb)

0.31.20 (2022-10-21)

Features

• fuselage: Callout Custom Icon #881 (3dadd68)

Bug Fixes

• fuselage: add message generic preview cover image (#863) (f1f19f0)
• fuselage: Message Toolbox margin #882 (c7516c1)
• fuselage: Palette classes (#873) (6a3f3ff)
• fuselage: Tag not receiving props properly (#865) (5e5f25d)
• fuselage: Token colors usage (#875) (b7527f4)
• layout: Design adjustments (#867) (99eabc9)

0.31.19 (2022-10-07)

Features

• Add link property to banner component (#849) (dc71a45)
• fuselage: Adds wordbreak in Box Component (#853) (21b298c)
• fuselage: Modal Hero Image (#860) (ce85b97)
• fuselage: Vertical Divider (#840) (d418221)
• message-parser: Add Matrix Protocol username pattern to User Mention (#847) (702c1ee)
• Slider component (#826) (4828145)

Bug Fixes

• build-storybook layout (83c7e4b)
• fuselage: Callout Component Style Update (#862) (50c7d94)
• fuselage: Reaction list not wrapping (#843) (609bf2d)
• fuselage: Sidebar spacings (#837) (39d8028)
• fuselage: Tabs divider and state colors (8d72150)
• message-parser: Link broken (#807) (62a1582)
• message-parser: Message parser issues (#852) (7ece520), closes #858 #855 #853 #861
• message-parser: tests for urls followed by a line break and spaces (#848) (228d42f)
• message-parser: Update emoticon to output :fearful: emoji (#851) (6089b25)

0.31.18 (2022-09-01)

Bug Fixes

• fuselage: StatusBullet styles (#841) (1963f2e)

0.31.17 (2022-08-31)

Features

• monorepo: Layout package (#802) (fc1efc0)
• ui-kit: video_conf block (#831) (70080e2)
• uikit-playground: Uikit Playground (#793) (8cf78e7)

Bug Fixes

• bump-next (5a52dc6)
• fuselage: StatusBullet not using the stylesheets (#833) (b927cbe)
• fuselage: Message roles size (#788) (ce6273b)
• fuselage: misaligned sidebar image (#798) (d5d552c)
• fuselage: Modal improves (#776) (7660993)
• fuselage: Sidebar colors (#810) (112f9e2)
• fuselage: Tooltip border-radius (37610c1)
• fuselage: update optionTitle component styles (#790) (3a2cbb3)
• Layout imports (b52cc67)
• layout: Layout peerDependencies (b6b5bdc)
• message-parser: Fix payload generation for custom protocols (#799) (7451b58)
• message-rewrite: Remove emojis inside links (#800) (670a5f2)
• onboarding ui imports (3322b10)
• Privacy policy broken link on New Account Form (#834) (530d056)
• Remove italic style from system messages (#830) (96df38b)
• ui-kit: export VideoConferenceBlock (66b247d)

0.31.16 (2022-07-21)

Bug Fixes

• fuselage: Multiselect show (#785) (3bb025e)

0.31.15 (2022-07-20)

Features

• fuselage-hooks: usePosition listening to components size changes (#782) (79fdb3e)
• fuselage-ui-kit: add URL option to the overflow component (#737) (a250c04)
• fuselage: Add message status indicator text component (#757) (9dcd759)
• icons: Updated contact and globe icons (#767) (57eecb5)

Bug Fixes

• adjusting message system font-size (#778) (de2ada3)
• fuselage: Add default type prop to button (#760) (bc8c615)
• fuselage: Export message status text component (#773) (bed0de7)
• fuselage: IconButton default size: square (#770) (5396ddd)
• fuselage: Select/MultiSelect options visibility (#759) (e121ad0)
• IconButton disabled color and background (#762) (49c082c)
• message metrics item icon size (#774) (e1100e5)
• message-parser: Emoji skin tone detection (#764) (1bb3526)
• Tag states (#763) (57f3e93)

0.31.14 (2022-06-27)

Features

• fuselage-tokens: New color palette (#691) (4c137e3)
• fuselage-ui-kit: allow dispatchment of actions from input elements (#747) (844043d)
• icons: New icons (#755) (8a12c8d)
• message-parser: Parser options (#739) (fbaee98)

Bug Fixes

• Button disabled color (#752) (dab7d28)
• colors and button flags (#750) (9c0c0c1)
• deps,mp3-encoder: Bump lamejs version (#732) (efc9bde)
• fuselage: IconButton hover color (#754) (ca9b3e1)
• fuselage: kebab menu click not working properly (#740) (8e5b4af)
• fuselage: Surface values using css var (#748) (17012f8)
• IconButton type (#751) (c1b4e1c)
• message-parser: Expand emoji detection (#753) (005e135)
• message-parser: Relative URL being displayed as plain text (#736) (3ccd090)
• usePosition: change style when target dont fit screen (41c5c37)

0.31.13 (2022-05-31)

Bug Fixes

• deps,mp3-encoder: Yarn resolution of lamejs (#731) (c6c4e21)
• fuselage: Adjusting sequential messages padding (#730) (f04e65a)
• fuselage: Message negative margins (#733) (5518b00)

0.31.12 (2022-05-23)

Features

• add paragraph and message list (2d459bc)
• fuselage-toastbar: ToastBar Component & Package (#707) (621116f)
• fuselage: add message list component (#715) (fdda70d)
• message-parser: LineBreak token and OrderedListItem digit (#720) (51d5d66)

Bug Fixes

• fuselage-toastbar: ToastBar close function (#722) (7525caa)
• fuselage, message-parser: Remove list components and update list grammar (#724) (99b2fdd)
• fuselage: List style affecting other components (#727) (4b5cc58)
• fuselage: Message tag and message box styles (6df4c36)
• fuselage: ToastBar style (#725) (245303c)
• fuselage: Wrong className in ThreadMessage component (#726) (203673c)
• icons: mobile-exclamation icon (#714) (18a4d7c)
• Line break fix (7afa65a)
• message-parser: Adding more test cases and adding safe chars (88bebf2)
• message-parser: Link is not showing correct and it not opening correctly (#717) (886d2c0)
• message-parser: Link parser (51ffac0)

0.31.11 (2022-05-02)

Features

• add is pending status to message (95e1cd2)
• fuselage: Add isPending status to message component (#695) (4ea4b60)
• fuselage: MessageEmoji and ThreadMessageEmoji components (#709) (2b224b0)
• icons: add circles and mobile icons (8b58c4f)
• onboarding-ui: add function to prefill Workspace URL based on W… (#694) (ab3391d)
• onboarding-ui: export BackgroundLayer (#708) (ee8819b)
• onboarding-ui: update props and fix bugs in CreateCloudWorkspac… (#675) (d2c69db)
• remove 'Company' label in setup wizard form (a20b52b)
• update CreateFirstMemberPage props (#690) (aea7c9a)

Bug Fixes

• change username title label on onboarding (1ddd6b1)
• fuselage: Message role text color (#705) (9a303ae)
• fuselage: Missing type on system message (#706) (7cdf6b7)
• fuselage: Vertical alignment on message system (#701) (2e3c550)
• vertical align on message system (eaf2406)

0.31.10 (2022-04-21)

Features

• add is pending status to message (95e1cd2)
• fuselage: Add isPending status to message component (#695) (4ea4b60)
• icons: add circles and mobile icons (8b58c4f)
• onboarding-ui: add function to prefill Workspace URL based on W… (#694) (ab3391d)
• onboarding-ui: update props and fix bugs in CreateCloudWorkspac… (#675) (d2c69db)
• update CreateFirstMemberPage props (#690) (aea7c9a)

Bug Fixes

• fuselage: Message role text color (#705) (9a303ae)
• fuselage: Missing type on system message (#706) (7cdf6b7)
• fuselage: Vertical alignment on message system (#701) (2e3c550)
• vertical align on message system (eaf2406)

0.31.9 (2022-04-01)

Bug Fixes

• fuselage: Button-specific props for Chip (d3d6c0a)

0.31.8 (2022-03-31)

Bug Fixes

• fuselage: Correct withBoxStyling return type (#677) (6f31ff3)

0.31.7 (2022-03-31)

Features

• add totp form (#658) (50234f4), closes #659 #661
• fuselage: Box rewritten in TypeScript (#670) (acc8c85)
• onboarding-ui: add CreateFirstWorkspacePage (#668) (224ea82)
• onboarding-ui: add optional description to InformationPage (#674) (9d3c56c)
• onboarding-ui: add optional subtitle prop to OrganizationInfoPage (#673) (ce87027)
• onboarding-ui: allow title and subtitle editing (#665) (fc7974e)
• onboarding-ui: Create Cloud Workspace Simplified Page (#660) (e746cfb)
• onboarding-ui: create LaunchingWorkspace page (#666) (c53d685)
• onboarding-ui: create redirect page (#667) (be2c9bd)
• onboarding-ui: create reusable InformationPage (#663) (5285d76)

Bug Fixes

• onboarding-ui: export missing pages (#671) (40e18d8)

0.31.6 (2022-03-09)

Bug Fixes

• fuselage: onChange prop on PaginatedSelectFiltered (#659) (9e170ff)
• fuselage: PaginatedSelectFiltered filter state (#661) (0975754)

0.31.5 (2022-03-02)

Bug Fixes

• fuselage, regression: listen for clicks on Select options (#655) (5b41041)
• fuselage, regression: MultiSelectFiltered (#653) (874604a)
• fuselage, regression: Select filter and anchor overhaul (#654) (10ad4f1)

0.31.4 (2022-02-22)

Features

• fuselage: Add custom Icon to Select Component (#639) (66021a8)
• fuselage: Clear MultiSelect filter after selection (#641) (74c0089)
• fuselage: Extend menu options props (#650) (5193110)
• fuselage: Flexibility to render custom option inside Options (#647) (9710be0)
• fuselage: MultiSelect improvements (#645) (900aae8)
• memo: Cache timeout (#630) (9e36aec)

Bug Fixes

• fuselage,regression: MultiSelect errors (#651) (b3b075b)

0.31.3 (2022-02-08)

Features

• fuselage: Add loading Skeleton to CodeSnippet (#632) (46fe245)
• fuselage: Code snippet component (#622) (147f8a1)
• fuselage: Convert mdx to csf (#584) (238768e)
• fuselage: Field.Link component (#619) (7bce30a)
• onboarding-ui: Add SomethingWentWrongPage Component (#624) (68e12dc)
• onboarding-ui: RegisterServer Step Flow (#618) (f8098eb)
• request-trial: add checkbox to confirm terms and conditions (#628) (f289d01)

Bug Fixes

• fuselage-hooks: useContentBoxSize and useBorderBoxSize crashing in safari (#616) (d1514f6)
• fuselage: CodeSnippet word-break (#634) (ed2ca9a)
• fuselage: InputBox style (#631) (17d4c80)
• fuselage: Some fuselage types (#637) (9653c77)

0.31.2 (2022-01-28)

Features

• eslint-config-alt: Include ESLint rule react/self-closing-comp (debaf1d)
• fuselage-hooks: useOutsideClick (#607) (f0662eb)

Bug Fixes

• fuselage-hooks: Handle ResizeObserver bug on Firefox ESR 91 (#606) (5577a49)
• fuselage: Menu toggle (#389) (74a67be)

0.31.0 (2021-12-28)

Bug Fixes

• fuselage-ui-kit: Initial Value being ignored on text input fields upon modal update (#600) (d9bd704)
• add mode on change in forms (#592) (62ba8f1)
• fuselage-hooks: usePosition fallback (#588) (4662cf0)
• docker image version (8f181cf)
• fuselage: Chip missing styles (#568) (e1b8963)
• fuselage: States Component Font Style (#579) (4322376)
• onboarding-ui: Remove manage workspace fallback (#573) (7f0b870)
• replace useAutoFocus (34e406e)
• ui-kit: Fix SurfaceRendererPayload (#556) (8d76a0d)

Features

• Empty state variations Logic (#598) (06ee58c)
• fuselage: Component Dropdown (#594) (31314b3)
• fuselage: Empty State Component (#572) (aa22b55)
• fuselage: Message preview component (#553) (f8bd0ad)
• fuselage: Replace typography of Message's user name and Banner's title (#577) (6af2dba)
• icons: New icons (#596) (c54702b)
• onboarding-ui: Add export to DarkModeProvider (#561) (8e3f2ec)
• onboarding-ui: add new background layer with new brand redesign (#554) (6df6e74)
• onboarding-ui: add reset password flow (#585) (7ca5dfe)
• Message Preview (#587) (e69dad3)
• onboarding-ui: add oauth auth page (#586) (4a7ae0b)
• onboarding-ui: Create new account page (#575) (f443a11)
• New hooks for element size tracking (#413) (8ca682c)
• onboarding-ui: PasswordLess login flow (#565) (19c3e08), closes #562

0.30.1 (2021-10-20)

Bug Fixes

• ui-kit: Fix SurfaceRendererPayload (#556) (0508689)

0.30.0 (2021-10-06)

Bug Fixes

• SelectFilter style (1f7e745)
• fuselage: Remove Field margin (#543) (0cc10e1)
• fuselage-hooks: useResizeObserver Ref type (#531) (5255317)
• jest: Adjust jest and ts-jest dependencies (#547) (91a4fa1)
• message-parser: https://domain.com|Test (#546) (faca16f)
• message-parser: Fix Url and Escaped Markdown (#537) (bc0cbce)

Features

• icons: Update/Add icons (phone-in&out, dialpad, phone-disabled) (#533) (2f3ae02)
• logo: Rocket.Chat logo package (#535) (94522e6)

0.29.0 (2021-08-31)

Bug Fixes

• missing default values (8d850a1)
• review (bfc0b97)
• onboarding-ui: Export RequestTrialPage (#522) (f9cbf3b)
• modal styles (de15810)
• onboarding-ui: Labels wrapping under checkbox (#509) (99b873e)
• Missing Sidebar type (#506) (431a5be)

Features

• icons: New icons (#511) (1fa7748)
• onboarding-ui: Check your email page (#513) (50caee8)
• onboarding-ui: CloudOrganizationInfo Page (#498) (4d04e66)
• onboarding-ui: Create Cloud Workspace Form (#499) (afd88bf)
• onboarding-ui: Magic Link Email Page (#524) (a5b56af)
• onboarding-ui: Request trial form (#505) (4c1bd35)
• onboarding-ui: Request trial page (#515) (bdbae4e)

0.28.0 (2021-07-30)

Bug Fixes

• Add Tab.Item definition (#503) (9a7f3d5)
• Escape trademark sign (#500) (801de02), closes RocketChat#7386
• Forwarding ref in Select components (#492) (6c360bd)
• Missing Sidebar type (#506) (78f202d)
• Sidebar item icon styles (#481) (86b333a)
• fuselage: No preventDefault on PaginatedSelect (#490) (0ffb736)
• fuselage-ui-kit: Implements missing url prop for buttons (#488) (bb19344)
• Table props (#484) (67b6f27)

Features

• onboarding-ui: AdminInfoPage for Cloud Registration wizard (#497) (7557dce)
• onboarding-ui: Administrator information form and Organization information form (#489) (b289f68)
• onboarding-ui: Common components (#478) (d7511ab)
• onboarding-ui: Invalid Link page (#496) (6c74576)
• onboarding-ui: Self-hosted registration (#501) (e47d579)
• onboarding-ui: Server registration form (#494) (be3185f)
• styled API; monorepo grooming (#482) (1b6b70c)
• Visibility toggle for PasswordInput (#377) (d430773)

0.27.0 (2021-06-28)

Bug Fixes

• endReached prop in _Options of PaginatedSelectFiltered Component (#475) (81ec00f)
• Export MultiSelect component in .d.ts file (#473) (dbdbf58)
• Menu component and options.label prop type (#476) (dea7a16)
• eslint: Add missing ESLint rule for TypeScript (#470) (cc0d498)
• fuselage: Fuselage production build (#477) (228878c)
• string-helpers: typesVersions (#469) (e393d98)
• Default-export typings for Position and PositionAnimated (88fb952)
• Export correctly props and types from PositionAnimated and Tile components (#467) (67a86ec)
• PositionAnimated exported type (#466) (472fb1e)
• Typings for Position and PositionAnimated properly exported (#465) (f05c126)
• Typings for RadioButton (#464) (3e36605)

Features

• Visibility toggle for PasswordInput (#377) (5ef1bec)
• ui-kit: Attachment Surface (#474) (63bb5ea)
• onboarding-ui package (#463) (ea0a6c2)
• ui-kit-unified (#392) (ce48ca9)

0.26.0 (2021-05-28)

Bug Fixes

• Peggy loader options (#459) (fc91054)
• fuselage: fix duplicated values on paginated multi select (#456) (5fbde6d)

Features

• usePrevious hook (#460) (32f2c30)
• fuselage: Message Template (#458) (2b5308e)

0.25.0 (2021-05-19)

Bug Fixes

• fuselage: fix duplicated values on paginated multi select (#456) (4518a4e)
• cd.yml (53d44c0)
• Tag's border-radius (#452) (177936e)
• message-parser: Big emoji (#451) (6d65343)
• message-parser: URL issues (#448) (8ce6b91)
• string-helpers: Wrong typesVersions declaration (256758c)
• Location in typesVersions field (#449) (491f98b)
• message-parser Unordered List definition (#445) (6c659b8)

Features

• fuselage: New paginated Selects/Options (a7f9c9a)
• @rocket.chat/message-parser (#443) (4722cdf)
• Peggy loader (#450) (0496cad)

0.24.0 (2021-04-28)

Bug Fixes

• Add more props to Throbber type definition (#429) (2516d42)
• Change highlighted style (#422) (245de4f)
• Hollow shapes for status (#430) (bc29d2d)
• Modal close button size (#420) (6279f69)
• MultiSelect close on click when opened (#418) (1e4b30b)
• Pagination and Select prop types (#436) (0461f41)
• Prefer null over undefined on BoxTransforms (#426) (9cba6b8)
• Remove reference to inexistent interface (#424) (dcf43c2)
• Select option don't toggle on clicking the close icon (#417) (4401d94)
• Set highlighted class to Sidebar.Item.Icon (#433) (b550f49)
• Status bullet sizing (#440) (f70156e)
• Tabs design update (#427) (a34c7cd)
• Typings for ProgressBar (#438) (6ea5648)

Features

• @rocket.chat/string-helpers (#431) (2509d6a)
• Tabs Design Margin (#437) (c92386f)

0.23.0 (2021-04-01)

Bug Fixes

• npm: Wrong paths in "files" field of package.json (6d3c811)
• Add more type definitions (#415) (96bb6ae)
• Broken stories for AutoComplete (#368) (8b6d35e)
• Speech balloon icon aliases (#414) (5a0fa7c)

Features

• Add Modal Icon to Modal Component (#410) (c6a8b3e)
• New icon: pause-unfilled (#416) (ba0eb1c)
• New icons (#407) (9e708b4)
• New tag style and stories (#419) (04bdb39)

0.22.0 (2021-02-26)

Bug Fixes

• Remove development mode warnings (#398) (80e77dc)
• Sidebar menu cropped in extended mode (#400) (8e06c60)
• withRichContent prop split to fit in different contexts (#401) (22ca229)

Features

• @rocket.chat/memo (#380) (2425c04)
• Added new icons (#391) (9436d1c)
• Basic TypeScript support (#402) (79405d3)
• new Event() polyfill (#394) (89245c1)
• Type Emitter Implementation (#399) (cd0d3fc)

0.21.0 (2021-01-31)

Bug Fixes

• AvatarProps declaration (#361) (6324875)
• Banner surface adjustments (#362) (2d59b7c)
• Change option styles (#358) (c479d70)
• Pass appId and blockId from blocks to elements (#366) (8a1b552)
• sidebar-item__menu-wraper opacity on IE (#381) (3038b15)
• Temporary fix for auto complete (#364) (218a8b3)
• TSConfig es5 target & es6 lib (#378) (5802499)
• Update Fuselage typings (#355) (85f9fa1)

Features

• Built modules for design tokens (#356) (f9c3449)
• linear_scale element (#365) (43a4c54)

0.20.3 (2021-01-29)

Bug Fixes

• sidebar-item__menu-wraper opacity on IE (#381) (e818b5c)

0.20.2 (2021-01-27)

Bug Fixes

• TSConfig es5 target & es6 lib (#378) (8d9aaa2)

0.20.1 (2020-12-22)

Bug Fixes

• Clip icon (#354) (a688d7c)

0.20.0 (2020-12-21)

Bug Fixes

• ActionButton not accepting children (#345) (92c67d8)
• Badge and Tag Style (#343) (bb534df)
• Divider types (#350) (911be2b)
• Flex-shrink on fields (#334) (28c621e)
• Removed animation by default, Sidebar padding, and Radio RTL (#336) (63bcc18)
• Sidebar Header height (#344) (273e8cf)

Features

• Add maxHeight prop for Menu Options (#352) (eb400be)
• Add xxxl breakpoint (#353) (eb6a10f)
• Breakpoint xxl (#351) (c049c9b)
• Fuselage typings (#348) (24da5e7)
• Update and expose logical properties plugin for Stylis (#333) (3311ee9)
• useClipboard hook (#337) (35ab50a)
• usePrefersColorScheme hook (#341) (f54a69d)
• usePrefersReducedData hook (#340) (59ae517)
• usePrefersReducedMotion hook (#339) (475ae34)

Performance Improvements

• Modal (#349) (f77ae41)
• Remove Box from Option (#347) (d0d0d82)

0.19.0 (2020-11-28)

Bug Fixes

• Avatar x40 (#331) (a9cefbb)
• Fix object-fit for image element in Avatar component (#335) (a024b83)

Features

• Remove Box from Avatar component (#326) (0bc99a3)

0.18.0 (2020-11-16)

Bug Fixes

• Burger (#328) (8ec4c27)
• Set a conservative output.environment on Webpack bundles (#330) (62bf728)
• Undo bad merge conflict (#329) (aa9eb3b)

Features

• Menu burger (#327) (f85c0b3)
• Remove Box dependence from Tag and Badge components (#315) (4218e51)

0.17.3 (2020-11-16)

Bug Fixes

• Set a conservative output.environment on Webpack bundles (#330) (85d4a3a)

0.17.2 (2020-10-28)

Bug Fixes

• Sidebar menu transition (#313) (726fe3d)

0.17.1 (2020-10-26)

Bug Fixes

• Emitter: Created events method (#311) (e36240f)

0.17.0 (2020-10-25)

Bug Fixes

• Button ghost background var (#310) (872f325)
• change Icon size for action buttons (#299) (2f47611)
• Disable :focus-visible for the time being (#295) (6b115eb)
• Fuselage: word-break Tooltip (#290) (1c1ae6e)
• Menu transition (#297) (074d7d7)
• Sidebar - Missing subcomponents (#292) (9ccb237)
• Sidebar item menu position (#293) (0fead45)
• Sidebar item menu: paddings (#294) (d8095e6)
• Sidebar Item wrapper (#291) (9fa3bf0)
• Sidebar menu positioning (#296) (5aa2a74)
• Sidebar wrapper (#302) (b0ca72e)
• Use dir attribute from documentElement (#304) (f574b8c)

Features

• Add id attribute to style tag (#307) (ca301a6)
• Added login icon, added badge wrapper (#303) (70ae09c)
• Event Emitter (#300) (4ec074c)
• Focus-within polyfill (#306) (42d4147)
• StatusBullet (#301) (4b0c9ca)
• Tiny and Mini Button variations (#298) (61aca91)

0.16.0 (2020-09-30)

Bug Fixes

• Sidebar (#288) (175cb7b)

Features

• Progress Bar (#287) (74b8636)
• Sass helper to box-shadow inset (#289) (32e8f9f)

0.15.1 (2020-09-22)

Note: Version bump only for package Rocket.Chat.Fuselage

0.15.0 (2020-09-17)

Bug Fixes

• Divider variable color (#285) (16e2f49)

Features

• Sidebar Item (#284) (44f8198)
• Success Button (#283) (d35f7b3)

0.14.1 (2020-08-22)

Note: Version bump only for package Rocket.Chat.Fuselage

0.14.0 (2020-08-18)

Features

• UiKit types (#274) (e2ea79b)

0.13.2 (2020-07-24)

Bug Fixes

• useStorage setItem (#269) (11a28a3)

0.13.1 (2020-07-17)

Bug Fixes

• Loosen x-measures parsing (#266) (b1c6ef4)
• Select mutations and ui-kit alerts (#263) (661398d)
• useMediaQueries support on Safari and IE11 (#262) (f7be49a)

0.13.0 (2020-07-14)

Features

• usePosition (#259) (b395d8c)

0.12.0 (2020-07-14)

Bug Fixes

• fuselage-hooks bundling (#258) (8539ccf)
• Options Styles (#260) (410387e)

Features

• Margins not only for Box (#256) (94e71a8)

0.11.0 (2020-07-11)

Bug Fixes

• Box className prop (#254) (5adc7b8)

Features

• Hooks useLocalStorage and useSessionStorage (#248) (7c9a920)
• useStableArray, useBreakpoints, useMediaQueries (#253) (09f95ed)

0.10.0 (2020-06-20)

Bug Fixes

• css tagged template strings (#241) (3b655a4)
• Export useModalStack hook (#242) (f5d567e)
• lamejs problematic usage (#239) (eb12eb4)
• Missing legacy icons (#238) (1d74390)
• ModalContainer crash (034eb1a)

Features

• MP3 encoder (#235) (a85eb1a)
• Updated icons (#188) (184e8ed)

Performance Improvements

• Generated classNames from props (#230) (8df14cb)
• Keyed children (#231) (8b63483)

0.9.0 (2020-05-21)

Bug Fixes

• Added z-index backdrop and options to avatar and backdrop (#210) (96f0d17)
• Avatar sizes (#202) (7ff3fd9)
• Change the small button size (#234) (6dc44de)
• className prop type in Box (#220) (f9e1a1f)
• CSS custom property name interpolation (#216) (66453b6)
• Deprecation warnings (#227) (46322a8)
• Position component (#217) (81940ec)
• Table header divisor (#233) (373534c)

Features

• elevation prop (#219) (fb28ee3)
• Kebab Menu w/ popover (#211) (0e4a50d)
• New Box props (#213) (b593875)
• useResizeObserver (#223) (405c6a4)

Performance Improvements

• Replace mem with a simpler memoization decorator (#229) (2de0703)

Reverts

• Revert "Fix flex content (#225)" (#226) (fc246f2), closes #225 #226

0.8.0 (2020-04-22)

Bug Fixes

• Add missing Box prop types (#204) (5ab9f6a)
• Badge and Tag rendering a span (#208) (d8a5ed2)
• Center Throbber circles (#198) (be0aa60)
• Selection button props split between container and input elements (#207) (19cc1df)
• Update Callout to allow empty children (#200) (58bdc4e)

Features

• New hooks and server-side compatibility (#203) (ca620a0)
• Refactor static styles (#201) (e1bdc65)

0.7.1 (2020-04-01)

Bug Fixes

• Fix ui kit babel config (#191) (47295d8)

0.7.0 (2020-04-01)

Bug Fixes

• Padding props (#187) (ef1d4e3)
• Production build of @rocket.chat/fuselage-ui-kit (#190) (15a975a)

Features

• Custom prop types and more props to Box (#181) (119e815)

0.6.2 (2020-03-31)

Bug Fixes

• Table padding, hover status (#185) (70138bc)

0.6.1 (2020-03-24)

Bug Fixes

• outline input and Select text wrapping (#177) (4168cf2)
• Select placeholder and story (#179) (e05e926)
• Spacing and markup in Ui Kit inputs (#176) (e6df266)

Reverts

• Revert "chore: Refactor button, add missing variants. (#120)" (#178) (e3d7d7d), closes #120 #178

0.6.0 (2020-03-20)

Bug Fixes

• Improve tag/badge style (#173) (50a074b)

Features

• add stack avatar (#174) (406554b)

0.5.0 (2020-03-20)

Bug Fixes

• Empty space before SelectFiltered placeholder (#171) (26ab2b5)

Features

• Focus visible (#165) (0801f28)
• Tags and Badges (#167) (b739cde)
• Tooltip component (#121) (374c279)

0.4.1 (2020-03-16)

Bug Fixes

• Build @rocket.chat/css-in-js as ES module (#166) (910c85c)
• filteredOptions for options (#169) (8cb685f)
• Select arrow position for empty selects (#157) (4ef17e0)

0.4.0 (2020-03-10)

Bug Fixes

• Changed accordion item title proptype (#151) (b80647c)
• Display name and prop types of Throbber component (#148) (cd0122b)

Features

• Added callback prop for scroll position (#155) (bb61e34)
• useMutableCallback (#156) (c43294f)

Performance Improvements

• Avoid re-renders due to PropsContext (#154) (da88341)

0.3.0 (2020-02-17)

Bug Fixes

• actionId on action hooks (#149) (c305eb2)

Features

• Loading Component (#147) (8d4e9df)

0.2.0 (2020-02-13)

Note: Version bump only for package Rocket.Chat.Fuselage

0.2.0-alpha.30 (2020-02-12)

Bug Fixes

• Safari not triggering buttons anchors (#146) (2cb5aaa)

0.2.0-alpha.29 (2020-02-10)

Note: Version bump only for package Rocket.Chat.Fuselage

0.2.0-alpha.28 (2020-02-10)

Bug Fixes

• placeholder transition (#144) (4ce91d1)

0.2.0-alpha.27 (2020-02-10)

Bug Fixes

• Fuselage-uikit select errors (#143) (ad4af66)

0.2.0-alpha.26 (2020-02-10)

Bug Fixes

• Input state (#142) (6cdec77)
• Select autofocus (#141) (25849ee)

0.2.0-alpha.25 (2020-02-10)

Note: Version bump only for package Rocket.Chat.Fuselage

0.2.0-alpha.24 (2020-02-09)

Note: Version bump only for package Rocket.Chat.Fuselage

0.2.0-alpha.23 (2020-02-07)

Bug Fixes

• Section with Overflow visibility (#138) (d0da3cd)

0.2.0-alpha.22 (2020-02-07)

Bug Fixes

• Select/MultiSelect focus submitting form (#134) (630e622)
• UIKit stopPropagation (#137) (86939ea)
• uikit using react components (#135) (52fcedb)

0.2.0-alpha.21 (2020-02-05)

Note: Version bump only for package Rocket.Chat.Fuselage

0.2.0-alpha.20 (2020-02-01)

Bug Fixes

• Modal background (#126) (10b7202)
• Modal's margins and AnimatedVisibility initial state (#128) (4357f82)
• Remove visibilty on transition (#129) (90c5301)
• ui-kit margins warnings and unique ids (#130) (cdaa358)

Features

• ui-kit initial value (#131) (3c6cab4)
• UiKit error states (#133) (d6b3842)

0.2.0-alpha.19 (2020-01-13)

Bug Fixes

• InputBox sizing (#124) (eb82e74)
• Position of inputs on selection buttons (#123) (e446c89)

Features

• Position, Modal, Options components (#116) (af1916a), closes #117

0.2.0-alpha.18 (2019-12-31)

Bug Fixes

• Grid gutter (#104) (8e7b5e4)
• Update Callout margins; allow Callout without title (#106) (984a76f)

Features

• Pagination component (#103) (56fe9cf)
• UI Kit (#95) (6d4162b), closes #94 #109 #108 #111

0.2.0-alpha.17 (2019-12-04)

Bug Fixes

• Remove FieldGroup minimum width (#93) (e116296)

Features

• Add prototype of Tabs component (#101) (38ad447)
• Cascading styles (#97) (b21cd54)
• Flex components (#99) (948d0ea)
• Grid (#100) (baca6bf)
• Level component (#102) (2abd0d9)
• Scrollable (#98) (2eecec6)

0.2.0-alpha.16 (2019-11-12)

Bug Fixes

• Miscellaneous issues (#90) (8e6e89a)

0.2.0-alpha.15 (2019-11-05)

Bug Fixes

• Performance issues in development environment (#89) (a95931d)

0.2.0-alpha.14 (2019-10-28)

Features

• Tile component (#85) (a22d21f)

0.2.0-alpha.13 (2019-10-25)

Note: Version bump only for package Rocket.Chat.Fuselage

0.2.0-alpha.12 (2019-10-24)

Bug Fixes

• Accordion.Item accessibility issues (#78) (2a283c1)

0.2.0-alpha.11 (2019-10-22)

Features

• Accordion.Item pointer interactions and new variants (#77) (884d10a)

0.2.0-alpha.10 (2019-10-18)

Bug Fixes

• InputControl width (#75) (d0b4e58)

0.2.0-alpha.9 (2019-10-17)

Bug Fixes

• Bundle errors (#72) (77f5c12)
• Explicit publish config (#70) (21f9389)

Features

• Accordion component (#68) (4409518)
• Callout component (#69) (2bdece1)

0.2.0-alpha.8 (2019-10-16)

Note: Version bump only for package Rocket.Chat.Fuselage

0.2.0-alpha.7 (2019-10-14)

Features

• @rocket.chat/fuselage-hooks package (#65) (7244533)
• Form components (#66) (39e086a)

0.2.0-alpha.6 (2019-10-09)

Note: Version bump only for package Rocket.Chat.Fuselage

0.2.0-alpha.5 (2019-10-02)

Bug Fixes

• Allow word wrap in Label (#61) (7c2f269)

Features

• New hooks (#62) (2587ecf)

0.2.0-alpha.4 (2019-09-27)

Bug Fixes

• Multiple issues (#60) (62e5620)

0.2.0-alpha.3 (2019-09-25)

Bug Fixes

• Theming and typography (#56) (7efc77e)

Features

• Design tokens (#55) (bb323c0)

0.2.0-alpha.2 (2019-08-19)

Bug Fixes

• Don't embed the icon font (#47) (e75bd25)
• prompt circle CI (f1990b5)

Features

• Add InputGroup component (#48) (0830c8f)

0.2.0-alpha.1 (2019-08-16)

Bug Fixes

• Don't embed the icon font (#47) (e75bd25)
• prompt circle CI (f1990b5)

Features

• Add InputGroup component (#48) (0830c8f)

0.2.0-alpha.0 (2019-08-16)

Features

• Add Input component (#44) (e4a71d4)

0.1.1-alpha.1 (2019-08-15)

Bug Fixes

• Add missing ref support (#43) (b62cbfc)