docs(PPDSC-2346): Grid cell documentation

[RashikaNewsUK]

PPDSC-2346

What

1.Grid-Cell documentation UI.

I have done:

• Written unit tests against changes
• Written functional tests against the component and/or NewsKit site
• Updated relevant documentation

I have tested manually:

• The feature's functionality is working as expected on Chrome, Firefox, Safari and Edge
• The screen reader reads and flows through the elements as expected.
• There are no new errors in the browser console coming from this PR.
• When visual test is not added, it renders correctly on different browsers and mobile viewports (Safari, Firefox, small mobile viewport, tablet)
• The Playground feature is working as expected

Before:

After:

Who should review this PR:

How to test:

[newskit-engineering]

You can preview these changes on:
Documentation Site: http://ncu-newskit-docs.s3-website-eu-west-1.amazonaws.com/ppdsc-2346-grid-cell-documentation
Storybook: http://ncu-newskit-docs.s3-website-eu-west-1.amazonaws.com/ppdsc-2346-grid-cell-documentation/storybook

[mutebg]

The Grid does not have overrides, thtese are just props

[RashikaNewsUK]

Hi @mutebg , Overrides has been removed. Please have a look on it. -thanks!

[mutebg]

maxWidth prop is missing,
type: string
default: 1920px

[mutebg]

Suggested change

	name: 'Root',
	name: 'children',

[mutebg]

Tihs does not seems correct, we have the following props:

  xs?: number | 'full-width';
  sm?: number | 'full-width';
  md?: number | 'full-width';
  lg?: number | 'full-width';
  xl?: number | 'full-width';

  xsHidden?: boolean;
  smHidden?: boolean;
  mdHidden?: boolean;
  lgHidden?: boolean;
  xlHidden?: boolean;

  xsOrder?: number;
  smOrder?: number;
  mdOrder?: number;
  lgOrder?: number;
  xlOrder?: number;

  xsOffset?: number;
  smOffset?: number;
  mdOffset?: number;
  lgOffset?: number;
  xlOffset?: number;

[RashikaNewsUK]

Hi @mutebg ,
All the changes has been done. Please have a look on it.
Thanks,
Rashika

[mutebg]

Suggested change

	const commonPropsRows = [
	const gridPropsRows = [

[mutebg]

lowercase

Suggested change

	name: 'Children',
	name: 'children',

[RashikaNewsUK]

Hi @mutebg ,
changes has been done, Please have a look on it. -thanks!