@arbor-education/design-system.components 0.25.5 → 0.25.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/components/grid/Grid.d.ts +14 -0
  3. package/dist/components/grid/Grid.d.ts.map +1 -0
  4. package/dist/components/grid/Grid.js +11 -0
  5. package/dist/components/grid/Grid.js.map +1 -0
  6. package/dist/components/grid/Grid.stories.d.ts +52 -0
  7. package/dist/components/grid/Grid.stories.d.ts.map +1 -0
  8. package/dist/components/grid/Grid.stories.js +675 -0
  9. package/dist/components/grid/Grid.stories.js.map +1 -0
  10. package/dist/components/grid/Grid.test.d.ts +2 -0
  11. package/dist/components/grid/Grid.test.d.ts.map +1 -0
  12. package/dist/components/grid/Grid.test.js +59 -0
  13. package/dist/components/grid/Grid.test.js.map +1 -0
  14. package/dist/components/grid/GridColumn.d.ts +11 -0
  15. package/dist/components/grid/GridColumn.d.ts.map +1 -0
  16. package/dist/components/grid/GridColumn.js +7 -0
  17. package/dist/components/grid/GridColumn.js.map +1 -0
  18. package/dist/components/grid/GridRow.d.ts +10 -0
  19. package/dist/components/grid/GridRow.d.ts.map +1 -0
  20. package/dist/components/grid/GridRow.js +7 -0
  21. package/dist/components/grid/GridRow.js.map +1 -0
  22. package/dist/index.css +186 -0
  23. package/dist/index.css.map +1 -1
  24. package/dist/index.d.ts +1 -0
  25. package/dist/index.d.ts.map +1 -1
  26. package/dist/index.js +1 -0
  27. package/dist/index.js.map +1 -1
  28. package/package.json +2 -1
  29. package/src/components/grid/Grid.stories.tsx +1130 -0
  30. package/src/components/grid/Grid.test.tsx +67 -0
  31. package/src/components/grid/Grid.tsx +34 -0
  32. package/src/components/grid/GridColumn.tsx +31 -0
  33. package/src/components/grid/GridRow.tsx +29 -0
  34. package/src/docs/Contributing.mdx +16 -0
  35. package/src/index.scss +1 -0
  36. package/src/index.ts +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.25.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#223](https://github.com/arbor-education/design-system.components/pull/223) [`7f19c6f`](https://github.com/arbor-education/design-system.components/commit/7f19c6fc32a3d13b6bd6b4aa9ac1cfc96632ba26) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-70561 ✨ add gov.uk-style layout components
8
+
3
9
  ## 0.25.5
4
10
 
5
11
  ### Patch Changes
@@ -0,0 +1,14 @@
1
+ import type { ReactNode } from 'react';
2
+ export type GridProps = {
3
+ className?: string;
4
+ children?: ReactNode;
5
+ };
6
+ export declare const Grid: {
7
+ (props: GridProps): import("react/jsx-runtime").JSX.Element;
8
+ Row: (props: import("./GridRow.js").GridRowProps) => import("react/jsx-runtime").JSX.Element;
9
+ Column: (props: import("./GridColumn.js").GridColumnProps) => import("react/jsx-runtime").JSX.Element;
10
+ };
11
+ export declare namespace Grid {
12
+ type Props = GridProps;
13
+ }
14
+ //# sourceMappingURL=Grid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI;YAAW,SAAS;;;CAgBpC,CAAC;AAKF,yBAAiB,IAAI,CAAC;IACpB,KAAY,KAAK,GAAG,SAAS,CAAC;CAC/B"}
@@ -0,0 +1,11 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import classNames from 'classnames';
3
+ import { GridRow } from './GridRow.js';
4
+ import { GridColumn } from './GridColumn.js';
5
+ export const Grid = (props) => {
6
+ const { className, children, } = props;
7
+ return (_jsx("div", { className: classNames('govuk-main-wrapper', className), children: children }));
8
+ };
9
+ Grid.Row = GridRow;
10
+ Grid.Column = GridColumn;
11
+ //# sourceMappingURL=Grid.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAO7C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EACJ,SAAS,EACT,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CACnB,oBAAoB,EACpB,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC;AACnB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC"}
@@ -0,0 +1,52 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ declare function GridDocsPage(): import("react/jsx-runtime").JSX.Element;
3
+ declare const meta: {
4
+ title: string;
5
+ component: {
6
+ (props: import("./Grid.js").GridProps): import("react/jsx-runtime").JSX.Element;
7
+ Row: (props: import("./GridRow.js").GridRowProps) => import("react/jsx-runtime").JSX.Element;
8
+ Column: (props: import("./GridColumn.js").GridColumnProps) => import("react/jsx-runtime").JSX.Element;
9
+ };
10
+ tags: string[];
11
+ parameters: {
12
+ layout: string;
13
+ docs: {
14
+ page: typeof GridDocsPage;
15
+ };
16
+ };
17
+ argTypes: {
18
+ className: {
19
+ control: false;
20
+ description: string;
21
+ table: {
22
+ type: {
23
+ summary: string;
24
+ };
25
+ };
26
+ };
27
+ children: {
28
+ control: false;
29
+ description: string;
30
+ table: {
31
+ type: {
32
+ summary: string;
33
+ };
34
+ };
35
+ };
36
+ };
37
+ };
38
+ export default meta;
39
+ type Story = StoryObj<typeof meta>;
40
+ export declare const Default: Story;
41
+ export declare const OneHalf: Story;
42
+ export declare const OneThirdTwoThirds: Story;
43
+ export declare const TwoThirdsOneThird: Story;
44
+ export declare const OneQuarterThreeQuarters: Story;
45
+ export declare const ThreeQuartersOneQuarter: Story;
46
+ export declare const FourQuarters: Story;
47
+ export declare const MultipleRows: Story;
48
+ export declare const AllWidths: Story;
49
+ export declare const StudentProfilePage: Story;
50
+ export declare const AttendanceDashboard: Story;
51
+ export declare const StaffDirectory: Story;
52
+ //# sourceMappingURL=Grid.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/grid/Grid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA2N5D,iBAAS,YAAY,4CAmBpB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiFnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA+CrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA+C/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA8C/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA+CrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA+CrC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA8C1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA8CvB,CAAC;AAkCF,eAAO,MAAM,kBAAkB,EAAE,KA2GhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAmHjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkH5B,CAAC"}