docs: update buttons in compact bars

[droshev]

Related Issue

fixes: #2030

Description

use compact buttons in compact bars

Screenshots

Before:

After:

Please check whether the PR fulfills the following requirements

1. The output matches the design specs

• Includes Compact/Cosy/Tablet design

2. Testing

• tested Storybook examples with "CSS Resources" normalize option
• tested Storybook examples with "CSS Resources" unnormalize option
• Updated tests

3. Documentation

• Storybook documentation has been created/updated

[netlify]

Deploy preview for fundamental-styles ready!

Built with commit 6b8f63e

https://deploy-preview-2064--fundamental-styles.netlify.app

[InnaAtanasova]

This is NOT a Breaking change, it's just an example of what can go inside a Bar component. The implementation libraries do not depend on this additional class. Also, the buttons were left cosy intentionally as the user is not prevented from mixing cozy/compact mode inside Bar component. For me personally this PR (the issue) does not bring value but if we decide to merge it, it should not be a Breaking change PR.

[droshev]

This is NOT a Breaking change, it's just an example of what can go inside a Bar component. The implementation libraries do not depend on this additional class. Also, the buttons were left cosy intentionally as the user is not prevented from mixing cozy/compact mode inside Bar component. For me personally this PR (the issue) does not bring value but if we decide to merge it, it should not be a Breaking change PR.

I agree with you. On the other hand we should show the best practices and the right approach.

[droshev]

This is NOT a Breaking change, it's just an example of what can go inside a Bar component. The implementation libraries do not depend on this additional class. Also, the buttons were left cosy intentionally as the user is not prevented from mixing cozy/compact mode inside Bar component. For me personally this PR (the issue) does not bring value but if we decide to merge it, it should not be a Breaking change PR.

@InnaAtanasova I have updated one of the examples explaining that the we can mix compact bar with cozy elements. Thank you for pointing out.