feat: Add no-data, remove borders from responsive mode

[JKMarkowski]

Related Issue

part of SAP/fundamental-ngx#4622
part of https://github.tools.sap/dxp/jukebox/issues/420

Description

There are

• added no-data mode
• responsvie mode borders removed
• word break css included into cells

Please check whether the PR fulfills the following requirements

1. The output matches the design specs

• All values are in rem
• Text elements follow the truncation rules

2. The code follows fundamental-styles code standards and style

• only one top level fd-* class is used in the file
• BEM naming convention is used
• Mixins are used for repeatable code (fd-rtl, fd-ellipsis, fd-flex, fd-selected, fd-focus, ect.)
• A11y support - keyboard support, screenreader support, proper ARIA attributes, etc.
• fd-reset() mixin is applied to all elements
• Variables are used, if some value is used more than twice.
• Checked if current components can be reused, instead of having new code.

3. Testing

• tested Storybook examples with "CSS Resources" normalize option
• tested Storybook examples with "CSS Resources" unnormalize option
• Verified all styles in IE11
• Updated tests
• last commit message should have [ci visual] so it can trigger chromatic visual regression (e.g. test: run chromatic visual regression [ci visual])

4. Documentation

• Storybook documentation has been created/updated
• Breaking Changes wiki has been updated in case of breaking changes.

[netlify]

Deploy preview for fundamental-styles ready!

Built with commit e4a7075

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

[InnaAtanasova]

word-break: break-all will break the overflow rules. There might be cases where the user will want to add ... and not break the words

[InnaAtanasova]

word-break: break-all will break the overflow rules. There might be cases where the user will want to add ... and not break the words

this might be an option when max-width of the cell is provided

[JKMarkowski]

@InnaAtanasova changes that we agreed on are applied, could you check it again? :)

[InnaAtanasova]

you could use the mixin here

[InnaAtanasova]

@itmilos why did you resolve this comment?

[InnaAtanasova]

One of the Definitions of Done is Mixins are used for repeatable code (fd-rtl, fd-ellipsis, fd-flex, fd-selected, fd-focus, ect.) and there's a mixin fd-ellipsis that has these 3 rules