@digigov/ui 0.10.2 → 0.12.0

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 (115) hide show
  1. package/CHANGELOG.md +32 -1
  2. package/app/Confirmation/index.d.ts +3 -0
  3. package/app/Confirmation/index.js +44 -0
  4. package/app/Footer/index.d.ts +15 -0
  5. package/app/Footer/index.js +200 -0
  6. package/app/Header/HeaderLogo.d.ts +1 -1
  7. package/app/Header/HeaderTitle.d.ts +1 -1
  8. package/app/Header/__snapshots__/index.spec.tsx.snap +63 -1231
  9. package/app/Header/index.d.ts +3 -1
  10. package/app/Header/index.js +40 -12
  11. package/core/Accordion/__snapshots__/index.spec.tsx.snap +61 -711
  12. package/core/Blockquote/__snapshots__/index.spec.tsx.snap +9 -9
  13. package/core/Breadcrumbs/index.d.ts +3 -0
  14. package/core/Breadcrumbs/index.js +44 -0
  15. package/core/Button/BackButton.d.ts +1 -1
  16. package/core/Button/ButtonLink.d.ts +1 -1
  17. package/core/Button/__snapshots__/index.spec.tsx.snap +13 -0
  18. package/core/Button/index.d.ts +1 -0
  19. package/core/Button/index.js +14 -0
  20. package/core/Card/index.d.ts +4 -0
  21. package/core/Card/index.js +57 -0
  22. package/core/Details/__snapshots__/index.spec.tsx.snap +20 -28
  23. package/core/ErrorSummary/__snapshots__/index.spec.tsx.snap +3 -3
  24. package/core/Hidden/index.d.ts +1 -0
  25. package/core/Hidden/index.js +18 -0
  26. package/core/Link/__snapshots__/index.spec.tsx.snap +0 -3
  27. package/core/Link/index.d.ts +3 -8
  28. package/core/Link/index.js +3 -26
  29. package/core/List/__snapshots__/index.spec.tsx.snap +3 -3
  30. package/core/NavList/__snapshots__/index.spec.tsx.snap +2 -2
  31. package/core/NotificationBanner/__snapshots__/index.spec.tsx.snap +417 -29
  32. package/core/NotificationBanner/index.d.ts +9 -8
  33. package/core/NotificationBanner/index.js +13 -2
  34. package/core/NotificationBanner/index.spec.js +9 -0
  35. package/core/ServiceBadge/index.d.ts +1 -0
  36. package/core/ServiceBadge/index.js +5 -2
  37. package/core/SummaryList/__snapshots__/index.spec.tsx.snap +47 -1293
  38. package/core/Table/index.d.ts +7 -0
  39. package/core/Table/index.js +96 -0
  40. package/core/VisuallyHidden/index.d.ts +1 -0
  41. package/core/VisuallyHidden/index.js +18 -0
  42. package/core/WarningText/__snapshots__/index.spec.tsx.snap +15 -43
  43. package/es/app/Confirmation/index.js +3 -0
  44. package/es/app/Footer/index.js +15 -0
  45. package/es/app/Header/__snapshots__/index.spec.tsx.snap +63 -1231
  46. package/es/app/Header/index.js +3 -1
  47. package/es/core/Accordion/__snapshots__/index.spec.tsx.snap +61 -711
  48. package/es/core/Blockquote/__snapshots__/index.spec.tsx.snap +9 -9
  49. package/es/core/Breadcrumbs/index.js +3 -0
  50. package/es/core/Button/__snapshots__/index.spec.tsx.snap +13 -0
  51. package/es/core/Button/index.js +2 -1
  52. package/es/core/Card/index.js +4 -0
  53. package/es/core/Details/__snapshots__/index.spec.tsx.snap +20 -28
  54. package/es/core/ErrorSummary/__snapshots__/index.spec.tsx.snap +3 -3
  55. package/es/core/Hidden/index.js +1 -0
  56. package/es/core/Link/__snapshots__/index.spec.tsx.snap +0 -3
  57. package/es/core/Link/index.js +3 -26
  58. package/es/core/List/__snapshots__/index.spec.tsx.snap +3 -3
  59. package/es/core/NavList/__snapshots__/index.spec.tsx.snap +2 -2
  60. package/es/core/NotificationBanner/__snapshots__/index.spec.tsx.snap +417 -29
  61. package/es/core/NotificationBanner/index.js +7 -3
  62. package/es/core/NotificationBanner/index.spec.js +11 -2
  63. package/es/core/ServiceBadge/index.js +4 -2
  64. package/es/core/SummaryList/__snapshots__/index.spec.tsx.snap +47 -1293
  65. package/es/core/Table/index.js +7 -0
  66. package/es/core/VisuallyHidden/index.js +1 -0
  67. package/es/core/WarningText/__snapshots__/index.spec.tsx.snap +15 -43
  68. package/es/govgr/Footer/Copyright.js +3 -2
  69. package/es/govgr/Footer/LicenseCCSA.js +2 -1
  70. package/es/layouts/Basic/__snapshots__/index.spec.tsx.snap +39 -687
  71. package/es/layouts/Grid/index.js +1 -0
  72. package/es/locales/el.js +11 -1
  73. package/es/locales/en.js +11 -1
  74. package/esm/app/Confirmation/index.js +3 -0
  75. package/esm/app/Footer/index.js +15 -0
  76. package/esm/app/Header/__snapshots__/index.spec.tsx.snap +63 -1231
  77. package/esm/app/Header/index.js +3 -1
  78. package/esm/core/Accordion/__snapshots__/index.spec.tsx.snap +61 -711
  79. package/esm/core/Blockquote/__snapshots__/index.spec.tsx.snap +9 -9
  80. package/esm/core/Breadcrumbs/index.js +3 -0
  81. package/esm/core/Button/__snapshots__/index.spec.tsx.snap +13 -0
  82. package/esm/core/Button/index.js +2 -1
  83. package/esm/core/Card/index.js +4 -0
  84. package/esm/core/Details/__snapshots__/index.spec.tsx.snap +20 -28
  85. package/esm/core/ErrorSummary/__snapshots__/index.spec.tsx.snap +3 -3
  86. package/esm/core/Hidden/index.js +1 -0
  87. package/esm/core/Link/__snapshots__/index.spec.tsx.snap +0 -3
  88. package/esm/core/Link/index.js +3 -26
  89. package/esm/core/List/__snapshots__/index.spec.tsx.snap +3 -3
  90. package/esm/core/NavList/__snapshots__/index.spec.tsx.snap +2 -2
  91. package/esm/core/NotificationBanner/__snapshots__/index.spec.tsx.snap +417 -29
  92. package/esm/core/NotificationBanner/index.js +7 -3
  93. package/esm/core/NotificationBanner/index.spec.js +11 -2
  94. package/esm/core/ServiceBadge/index.js +4 -2
  95. package/esm/core/SummaryList/__snapshots__/index.spec.tsx.snap +47 -1293
  96. package/esm/core/Table/index.js +7 -0
  97. package/esm/core/VisuallyHidden/index.js +1 -0
  98. package/esm/core/WarningText/__snapshots__/index.spec.tsx.snap +15 -43
  99. package/esm/govgr/Footer/Copyright.js +3 -2
  100. package/esm/govgr/Footer/LicenseCCSA.js +2 -1
  101. package/esm/index.js +1 -1
  102. package/esm/layouts/Basic/__snapshots__/index.spec.tsx.snap +39 -687
  103. package/esm/layouts/Grid/index.js +1 -0
  104. package/esm/locales/el.js +11 -1
  105. package/esm/locales/en.js +11 -1
  106. package/govgr/Footer/Copyright.js +4 -2
  107. package/govgr/Footer/LicenseCCSA.js +3 -1
  108. package/layouts/Basic/__snapshots__/index.spec.tsx.snap +39 -687
  109. package/layouts/Grid/index.d.ts +1 -0
  110. package/layouts/Grid/index.js +18 -0
  111. package/locales/el.d.ts +10 -0
  112. package/locales/el.js +11 -1
  113. package/locales/en.d.ts +10 -0
  114. package/locales/en.js +11 -1
  115. package/package.json +2 -2
package/es/layouts/Basic/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,702 +1,54 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`renders the BasicLayout with Top, Content, Bottom, Main and Side children 1`] = `
4
- <Layout>
5
- <a
6
- className="MuiBasicLayout-skipToContent"
7
- href="#content"
8
- >
9
- skip to nav
10
- </a>
4
+ <ForwardRef(Layout)>
11
5
  <div
12
- className="MuiBasicLayout-root"
6
+ className="govgr-layout-wrapper__full-height govgr-layout-wrapper"
13
7
  >
14
- <Top>
15
- <WithStyles(ForwardRef(Grid))
16
- className="MuiBasicLayoutTop-root"
17
- container={true}
18
- >
19
- <ForwardRef(Grid)
20
- className="MuiBasicLayoutTop-root"
21
- classes={
22
- Object {
23
- "align-content-xs-center": "MuiGrid-align-content-xs-center",
24
- "align-content-xs-flex-end": "MuiGrid-align-content-xs-flex-end",
25
- "align-content-xs-flex-start": "MuiGrid-align-content-xs-flex-start",
26
- "align-content-xs-space-around": "MuiGrid-align-content-xs-space-around",
27
- "align-content-xs-space-between": "MuiGrid-align-content-xs-space-between",
28
- "align-items-xs-baseline": "MuiGrid-align-items-xs-baseline",
29
- "align-items-xs-center": "MuiGrid-align-items-xs-center",
30
- "align-items-xs-flex-end": "MuiGrid-align-items-xs-flex-end",
31
- "align-items-xs-flex-start": "MuiGrid-align-items-xs-flex-start",
32
- "container": "MuiGrid-container",
33
- "direction-xs-column": "MuiGrid-direction-xs-column",
34
- "direction-xs-column-reverse": "MuiGrid-direction-xs-column-reverse",
35
- "direction-xs-row-reverse": "MuiGrid-direction-xs-row-reverse",
36
- "grid-lg-1": "MuiGrid-grid-lg-1",
37
- "grid-lg-10": "MuiGrid-grid-lg-10",
38
- "grid-lg-11": "MuiGrid-grid-lg-11",
39
- "grid-lg-12": "MuiGrid-grid-lg-12",
40
- "grid-lg-2": "MuiGrid-grid-lg-2",
41
- "grid-lg-3": "MuiGrid-grid-lg-3",
42
- "grid-lg-4": "MuiGrid-grid-lg-4",
43
- "grid-lg-5": "MuiGrid-grid-lg-5",
44
- "grid-lg-6": "MuiGrid-grid-lg-6",
45
- "grid-lg-7": "MuiGrid-grid-lg-7",
46
- "grid-lg-8": "MuiGrid-grid-lg-8",
47
- "grid-lg-9": "MuiGrid-grid-lg-9",
48
- "grid-lg-auto": "MuiGrid-grid-lg-auto",
49
- "grid-lg-true": "MuiGrid-grid-lg-true",
50
- "grid-md-1": "MuiGrid-grid-md-1",
51
- "grid-md-10": "MuiGrid-grid-md-10",
52
- "grid-md-11": "MuiGrid-grid-md-11",
53
- "grid-md-12": "MuiGrid-grid-md-12",
54
- "grid-md-2": "MuiGrid-grid-md-2",
55
- "grid-md-3": "MuiGrid-grid-md-3",
56
- "grid-md-4": "MuiGrid-grid-md-4",
57
- "grid-md-5": "MuiGrid-grid-md-5",
58
- "grid-md-6": "MuiGrid-grid-md-6",
59
- "grid-md-7": "MuiGrid-grid-md-7",
60
- "grid-md-8": "MuiGrid-grid-md-8",
61
- "grid-md-9": "MuiGrid-grid-md-9",
62
- "grid-md-auto": "MuiGrid-grid-md-auto",
63
- "grid-md-true": "MuiGrid-grid-md-true",
64
- "grid-sm-1": "MuiGrid-grid-sm-1",
65
- "grid-sm-10": "MuiGrid-grid-sm-10",
66
- "grid-sm-11": "MuiGrid-grid-sm-11",
67
- "grid-sm-12": "MuiGrid-grid-sm-12",
68
- "grid-sm-2": "MuiGrid-grid-sm-2",
69
- "grid-sm-3": "MuiGrid-grid-sm-3",
70
- "grid-sm-4": "MuiGrid-grid-sm-4",
71
- "grid-sm-5": "MuiGrid-grid-sm-5",
72
- "grid-sm-6": "MuiGrid-grid-sm-6",
73
- "grid-sm-7": "MuiGrid-grid-sm-7",
74
- "grid-sm-8": "MuiGrid-grid-sm-8",
75
- "grid-sm-9": "MuiGrid-grid-sm-9",
76
- "grid-sm-auto": "MuiGrid-grid-sm-auto",
77
- "grid-sm-true": "MuiGrid-grid-sm-true",
78
- "grid-xl-1": "MuiGrid-grid-xl-1",
79
- "grid-xl-10": "MuiGrid-grid-xl-10",
80
- "grid-xl-11": "MuiGrid-grid-xl-11",
81
- "grid-xl-12": "MuiGrid-grid-xl-12",
82
- "grid-xl-2": "MuiGrid-grid-xl-2",
83
- "grid-xl-3": "MuiGrid-grid-xl-3",
84
- "grid-xl-4": "MuiGrid-grid-xl-4",
85
- "grid-xl-5": "MuiGrid-grid-xl-5",
86
- "grid-xl-6": "MuiGrid-grid-xl-6",
87
- "grid-xl-7": "MuiGrid-grid-xl-7",
88
- "grid-xl-8": "MuiGrid-grid-xl-8",
89
- "grid-xl-9": "MuiGrid-grid-xl-9",
90
- "grid-xl-auto": "MuiGrid-grid-xl-auto",
91
- "grid-xl-true": "MuiGrid-grid-xl-true",
92
- "grid-xs-1": "MuiGrid-grid-xs-1",
93
- "grid-xs-10": "MuiGrid-grid-xs-10",
94
- "grid-xs-11": "MuiGrid-grid-xs-11",
95
- "grid-xs-12": "MuiGrid-grid-xs-12",
96
- "grid-xs-2": "MuiGrid-grid-xs-2",
97
- "grid-xs-3": "MuiGrid-grid-xs-3",
98
- "grid-xs-4": "MuiGrid-grid-xs-4",
99
- "grid-xs-5": "MuiGrid-grid-xs-5",
100
- "grid-xs-6": "MuiGrid-grid-xs-6",
101
- "grid-xs-7": "MuiGrid-grid-xs-7",
102
- "grid-xs-8": "MuiGrid-grid-xs-8",
103
- "grid-xs-9": "MuiGrid-grid-xs-9",
104
- "grid-xs-auto": "MuiGrid-grid-xs-auto",
105
- "grid-xs-true": "MuiGrid-grid-xs-true",
106
- "item": "MuiGrid-item",
107
- "justify-xs-center": "MuiGrid-justify-xs-center",
108
- "justify-xs-flex-end": "MuiGrid-justify-xs-flex-end",
109
- "justify-xs-space-around": "MuiGrid-justify-xs-space-around",
110
- "justify-xs-space-between": "MuiGrid-justify-xs-space-between",
111
- "justify-xs-space-evenly": "MuiGrid-justify-xs-space-evenly",
112
- "root": "MuiGrid-root",
113
- "spacing-xs-1": "MuiGrid-spacing-xs-1",
114
- "spacing-xs-10": "MuiGrid-spacing-xs-10",
115
- "spacing-xs-2": "MuiGrid-spacing-xs-2",
116
- "spacing-xs-3": "MuiGrid-spacing-xs-3",
117
- "spacing-xs-4": "MuiGrid-spacing-xs-4",
118
- "spacing-xs-5": "MuiGrid-spacing-xs-5",
119
- "spacing-xs-6": "MuiGrid-spacing-xs-6",
120
- "spacing-xs-7": "MuiGrid-spacing-xs-7",
121
- "spacing-xs-8": "MuiGrid-spacing-xs-8",
122
- "spacing-xs-9": "MuiGrid-spacing-xs-9",
123
- "wrap-xs-nowrap": "MuiGrid-wrap-xs-nowrap",
124
- "wrap-xs-wrap-reverse": "MuiGrid-wrap-xs-wrap-reverse",
125
- "zeroMinWidth": "MuiGrid-zeroMinWidth",
126
- }
127
- }
128
- container={true}
8
+ <withDeprecationComponent>
9
+ <ForwardRef(Top)>
10
+ <div
11
+ className="govgr-top"
129
12
  >
130
- <div
131
- className="MuiGrid-root MuiBasicLayoutTop-root MuiGrid-container"
132
- >
133
- Header content
134
- </div>
135
- </ForwardRef(Grid)>
136
- </WithStyles(ForwardRef(Grid))>
137
- </Top>
138
- <Content>
139
- <WithStyles(ForwardRef(Container))
140
- className="MuiBasicLayoutContent-root"
141
- style={
142
- Object {
143
- "flex": 1,
144
- }
145
- }
146
- >
147
- <ForwardRef(Container)
148
- className="MuiBasicLayoutContent-root"
149
- classes={
150
- Object {
151
- "disableGutters": "MuiContainer-disableGutters",
152
- "fixed": "MuiContainer-fixed",
153
- "maxWidthLg": "MuiContainer-maxWidthLg",
154
- "maxWidthMd": "MuiContainer-maxWidthMd",
155
- "maxWidthSm": "MuiContainer-maxWidthSm",
156
- "maxWidthXl": "MuiContainer-maxWidthXl",
157
- "maxWidthXs": "MuiContainer-maxWidthXs",
158
- "root": "MuiContainer-root",
159
- }
160
- }
161
- style={
162
- Object {
163
- "flex": 1,
164
- }
165
- }
13
+ Header content
14
+ </div>
15
+ </ForwardRef(Top)>
16
+ </withDeprecationComponent>
17
+ <withDeprecationComponent>
18
+ <ForwardRef(Container)>
19
+ <div
20
+ className="govgr-width-container"
166
21
  >
167
22
  <div
168
- className="MuiContainer-root MuiBasicLayoutContent-root MuiContainer-maxWidthLg"
169
- style={
170
- Object {
171
- "flex": 1,
172
- }
173
- }
23
+ className="govgr-main-wrapper"
174
24
  >
175
- <WithStyles(ForwardRef(Grid))
176
- alignContent="stretch"
177
- container={true}
178
- direction="column"
179
- spacing={4}
180
- style={
181
- Object {
182
- "flex": 1,
183
- }
184
- }
185
- >
186
- <ForwardRef(Grid)
187
- alignContent="stretch"
188
- classes={
189
- Object {
190
- "align-content-xs-center": "MuiGrid-align-content-xs-center",
191
- "align-content-xs-flex-end": "MuiGrid-align-content-xs-flex-end",
192
- "align-content-xs-flex-start": "MuiGrid-align-content-xs-flex-start",
193
- "align-content-xs-space-around": "MuiGrid-align-content-xs-space-around",
194
- "align-content-xs-space-between": "MuiGrid-align-content-xs-space-between",
195
- "align-items-xs-baseline": "MuiGrid-align-items-xs-baseline",
196
- "align-items-xs-center": "MuiGrid-align-items-xs-center",
197
- "align-items-xs-flex-end": "MuiGrid-align-items-xs-flex-end",
198
- "align-items-xs-flex-start": "MuiGrid-align-items-xs-flex-start",
199
- "container": "MuiGrid-container",
200
- "direction-xs-column": "MuiGrid-direction-xs-column",
201
- "direction-xs-column-reverse": "MuiGrid-direction-xs-column-reverse",
202
- "direction-xs-row-reverse": "MuiGrid-direction-xs-row-reverse",
203
- "grid-lg-1": "MuiGrid-grid-lg-1",
204
- "grid-lg-10": "MuiGrid-grid-lg-10",
205
- "grid-lg-11": "MuiGrid-grid-lg-11",
206
- "grid-lg-12": "MuiGrid-grid-lg-12",
207
- "grid-lg-2": "MuiGrid-grid-lg-2",
208
- "grid-lg-3": "MuiGrid-grid-lg-3",
209
- "grid-lg-4": "MuiGrid-grid-lg-4",
210
- "grid-lg-5": "MuiGrid-grid-lg-5",
211
- "grid-lg-6": "MuiGrid-grid-lg-6",
212
- "grid-lg-7": "MuiGrid-grid-lg-7",
213
- "grid-lg-8": "MuiGrid-grid-lg-8",
214
- "grid-lg-9": "MuiGrid-grid-lg-9",
215
- "grid-lg-auto": "MuiGrid-grid-lg-auto",
216
- "grid-lg-true": "MuiGrid-grid-lg-true",
217
- "grid-md-1": "MuiGrid-grid-md-1",
218
- "grid-md-10": "MuiGrid-grid-md-10",
219
- "grid-md-11": "MuiGrid-grid-md-11",
220
- "grid-md-12": "MuiGrid-grid-md-12",
221
- "grid-md-2": "MuiGrid-grid-md-2",
222
- "grid-md-3": "MuiGrid-grid-md-3",
223
- "grid-md-4": "MuiGrid-grid-md-4",
224
- "grid-md-5": "MuiGrid-grid-md-5",
225
- "grid-md-6": "MuiGrid-grid-md-6",
226
- "grid-md-7": "MuiGrid-grid-md-7",
227
- "grid-md-8": "MuiGrid-grid-md-8",
228
- "grid-md-9": "MuiGrid-grid-md-9",
229
- "grid-md-auto": "MuiGrid-grid-md-auto",
230
- "grid-md-true": "MuiGrid-grid-md-true",
231
- "grid-sm-1": "MuiGrid-grid-sm-1",
232
- "grid-sm-10": "MuiGrid-grid-sm-10",
233
- "grid-sm-11": "MuiGrid-grid-sm-11",
234
- "grid-sm-12": "MuiGrid-grid-sm-12",
235
- "grid-sm-2": "MuiGrid-grid-sm-2",
236
- "grid-sm-3": "MuiGrid-grid-sm-3",
237
- "grid-sm-4": "MuiGrid-grid-sm-4",
238
- "grid-sm-5": "MuiGrid-grid-sm-5",
239
- "grid-sm-6": "MuiGrid-grid-sm-6",
240
- "grid-sm-7": "MuiGrid-grid-sm-7",
241
- "grid-sm-8": "MuiGrid-grid-sm-8",
242
- "grid-sm-9": "MuiGrid-grid-sm-9",
243
- "grid-sm-auto": "MuiGrid-grid-sm-auto",
244
- "grid-sm-true": "MuiGrid-grid-sm-true",
245
- "grid-xl-1": "MuiGrid-grid-xl-1",
246
- "grid-xl-10": "MuiGrid-grid-xl-10",
247
- "grid-xl-11": "MuiGrid-grid-xl-11",
248
- "grid-xl-12": "MuiGrid-grid-xl-12",
249
- "grid-xl-2": "MuiGrid-grid-xl-2",
250
- "grid-xl-3": "MuiGrid-grid-xl-3",
251
- "grid-xl-4": "MuiGrid-grid-xl-4",
252
- "grid-xl-5": "MuiGrid-grid-xl-5",
253
- "grid-xl-6": "MuiGrid-grid-xl-6",
254
- "grid-xl-7": "MuiGrid-grid-xl-7",
255
- "grid-xl-8": "MuiGrid-grid-xl-8",
256
- "grid-xl-9": "MuiGrid-grid-xl-9",
257
- "grid-xl-auto": "MuiGrid-grid-xl-auto",
258
- "grid-xl-true": "MuiGrid-grid-xl-true",
259
- "grid-xs-1": "MuiGrid-grid-xs-1",
260
- "grid-xs-10": "MuiGrid-grid-xs-10",
261
- "grid-xs-11": "MuiGrid-grid-xs-11",
262
- "grid-xs-12": "MuiGrid-grid-xs-12",
263
- "grid-xs-2": "MuiGrid-grid-xs-2",
264
- "grid-xs-3": "MuiGrid-grid-xs-3",
265
- "grid-xs-4": "MuiGrid-grid-xs-4",
266
- "grid-xs-5": "MuiGrid-grid-xs-5",
267
- "grid-xs-6": "MuiGrid-grid-xs-6",
268
- "grid-xs-7": "MuiGrid-grid-xs-7",
269
- "grid-xs-8": "MuiGrid-grid-xs-8",
270
- "grid-xs-9": "MuiGrid-grid-xs-9",
271
- "grid-xs-auto": "MuiGrid-grid-xs-auto",
272
- "grid-xs-true": "MuiGrid-grid-xs-true",
273
- "item": "MuiGrid-item",
274
- "justify-xs-center": "MuiGrid-justify-xs-center",
275
- "justify-xs-flex-end": "MuiGrid-justify-xs-flex-end",
276
- "justify-xs-space-around": "MuiGrid-justify-xs-space-around",
277
- "justify-xs-space-between": "MuiGrid-justify-xs-space-between",
278
- "justify-xs-space-evenly": "MuiGrid-justify-xs-space-evenly",
279
- "root": "MuiGrid-root",
280
- "spacing-xs-1": "MuiGrid-spacing-xs-1",
281
- "spacing-xs-10": "MuiGrid-spacing-xs-10",
282
- "spacing-xs-2": "MuiGrid-spacing-xs-2",
283
- "spacing-xs-3": "MuiGrid-spacing-xs-3",
284
- "spacing-xs-4": "MuiGrid-spacing-xs-4",
285
- "spacing-xs-5": "MuiGrid-spacing-xs-5",
286
- "spacing-xs-6": "MuiGrid-spacing-xs-6",
287
- "spacing-xs-7": "MuiGrid-spacing-xs-7",
288
- "spacing-xs-8": "MuiGrid-spacing-xs-8",
289
- "spacing-xs-9": "MuiGrid-spacing-xs-9",
290
- "wrap-xs-nowrap": "MuiGrid-wrap-xs-nowrap",
291
- "wrap-xs-wrap-reverse": "MuiGrid-wrap-xs-wrap-reverse",
292
- "zeroMinWidth": "MuiGrid-zeroMinWidth",
293
- }
294
- }
295
- container={true}
296
- direction="column"
297
- spacing={4}
298
- style={
299
- Object {
300
- "flex": 1,
301
- }
302
- }
25
+ <ForwardRef(Main)>
26
+ <main
27
+ className="govgr-grid-column-two-thirds"
303
28
  >
304
- <div
305
- className="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-4 MuiGrid-direction-xs-column"
306
- style={
307
- Object {
308
- "flex": 1,
309
- }
310
- }
29
+ Main content
30
+ </main>
31
+ </ForwardRef(Main)>
32
+ <withDeprecationComponent>
33
+ <ForwardRef(Aside)>
34
+ <aside
35
+ className="govgr-grid-column-one-third"
311
36
  >
312
- <Main>
313
- <WithStyles(ForwardRef(Grid))
314
- id="content"
315
- item={true}
316
- md={8}
317
- xs={12}
318
- zeroMinWidth={true}
319
- >
320
- <ForwardRef(Grid)
321
- classes={
322
- Object {
323
- "align-content-xs-center": "MuiGrid-align-content-xs-center",
324
- "align-content-xs-flex-end": "MuiGrid-align-content-xs-flex-end",
325
- "align-content-xs-flex-start": "MuiGrid-align-content-xs-flex-start",
326
- "align-content-xs-space-around": "MuiGrid-align-content-xs-space-around",
327
- "align-content-xs-space-between": "MuiGrid-align-content-xs-space-between",
328
- "align-items-xs-baseline": "MuiGrid-align-items-xs-baseline",
329
- "align-items-xs-center": "MuiGrid-align-items-xs-center",
330
- "align-items-xs-flex-end": "MuiGrid-align-items-xs-flex-end",
331
- "align-items-xs-flex-start": "MuiGrid-align-items-xs-flex-start",
332
- "container": "MuiGrid-container",
333
- "direction-xs-column": "MuiGrid-direction-xs-column",
334
- "direction-xs-column-reverse": "MuiGrid-direction-xs-column-reverse",
335
- "direction-xs-row-reverse": "MuiGrid-direction-xs-row-reverse",
336
- "grid-lg-1": "MuiGrid-grid-lg-1",
337
- "grid-lg-10": "MuiGrid-grid-lg-10",
338
- "grid-lg-11": "MuiGrid-grid-lg-11",
339
- "grid-lg-12": "MuiGrid-grid-lg-12",
340
- "grid-lg-2": "MuiGrid-grid-lg-2",
341
- "grid-lg-3": "MuiGrid-grid-lg-3",
342
- "grid-lg-4": "MuiGrid-grid-lg-4",
343
- "grid-lg-5": "MuiGrid-grid-lg-5",
344
- "grid-lg-6": "MuiGrid-grid-lg-6",
345
- "grid-lg-7": "MuiGrid-grid-lg-7",
346
- "grid-lg-8": "MuiGrid-grid-lg-8",
347
- "grid-lg-9": "MuiGrid-grid-lg-9",
348
- "grid-lg-auto": "MuiGrid-grid-lg-auto",
349
- "grid-lg-true": "MuiGrid-grid-lg-true",
350
- "grid-md-1": "MuiGrid-grid-md-1",
351
- "grid-md-10": "MuiGrid-grid-md-10",
352
- "grid-md-11": "MuiGrid-grid-md-11",
353
- "grid-md-12": "MuiGrid-grid-md-12",
354
- "grid-md-2": "MuiGrid-grid-md-2",
355
- "grid-md-3": "MuiGrid-grid-md-3",
356
- "grid-md-4": "MuiGrid-grid-md-4",
357
- "grid-md-5": "MuiGrid-grid-md-5",
358
- "grid-md-6": "MuiGrid-grid-md-6",
359
- "grid-md-7": "MuiGrid-grid-md-7",
360
- "grid-md-8": "MuiGrid-grid-md-8",
361
- "grid-md-9": "MuiGrid-grid-md-9",
362
- "grid-md-auto": "MuiGrid-grid-md-auto",
363
- "grid-md-true": "MuiGrid-grid-md-true",
364
- "grid-sm-1": "MuiGrid-grid-sm-1",
365
- "grid-sm-10": "MuiGrid-grid-sm-10",
366
- "grid-sm-11": "MuiGrid-grid-sm-11",
367
- "grid-sm-12": "MuiGrid-grid-sm-12",
368
- "grid-sm-2": "MuiGrid-grid-sm-2",
369
- "grid-sm-3": "MuiGrid-grid-sm-3",
370
- "grid-sm-4": "MuiGrid-grid-sm-4",
371
- "grid-sm-5": "MuiGrid-grid-sm-5",
372
- "grid-sm-6": "MuiGrid-grid-sm-6",
373
- "grid-sm-7": "MuiGrid-grid-sm-7",
374
- "grid-sm-8": "MuiGrid-grid-sm-8",
375
- "grid-sm-9": "MuiGrid-grid-sm-9",
376
- "grid-sm-auto": "MuiGrid-grid-sm-auto",
377
- "grid-sm-true": "MuiGrid-grid-sm-true",
378
- "grid-xl-1": "MuiGrid-grid-xl-1",
379
- "grid-xl-10": "MuiGrid-grid-xl-10",
380
- "grid-xl-11": "MuiGrid-grid-xl-11",
381
- "grid-xl-12": "MuiGrid-grid-xl-12",
382
- "grid-xl-2": "MuiGrid-grid-xl-2",
383
- "grid-xl-3": "MuiGrid-grid-xl-3",
384
- "grid-xl-4": "MuiGrid-grid-xl-4",
385
- "grid-xl-5": "MuiGrid-grid-xl-5",
386
- "grid-xl-6": "MuiGrid-grid-xl-6",
387
- "grid-xl-7": "MuiGrid-grid-xl-7",
388
- "grid-xl-8": "MuiGrid-grid-xl-8",
389
- "grid-xl-9": "MuiGrid-grid-xl-9",
390
- "grid-xl-auto": "MuiGrid-grid-xl-auto",
391
- "grid-xl-true": "MuiGrid-grid-xl-true",
392
- "grid-xs-1": "MuiGrid-grid-xs-1",
393
- "grid-xs-10": "MuiGrid-grid-xs-10",
394
- "grid-xs-11": "MuiGrid-grid-xs-11",
395
- "grid-xs-12": "MuiGrid-grid-xs-12",
396
- "grid-xs-2": "MuiGrid-grid-xs-2",
397
- "grid-xs-3": "MuiGrid-grid-xs-3",
398
- "grid-xs-4": "MuiGrid-grid-xs-4",
399
- "grid-xs-5": "MuiGrid-grid-xs-5",
400
- "grid-xs-6": "MuiGrid-grid-xs-6",
401
- "grid-xs-7": "MuiGrid-grid-xs-7",
402
- "grid-xs-8": "MuiGrid-grid-xs-8",
403
- "grid-xs-9": "MuiGrid-grid-xs-9",
404
- "grid-xs-auto": "MuiGrid-grid-xs-auto",
405
- "grid-xs-true": "MuiGrid-grid-xs-true",
406
- "item": "MuiGrid-item",
407
- "justify-xs-center": "MuiGrid-justify-xs-center",
408
- "justify-xs-flex-end": "MuiGrid-justify-xs-flex-end",
409
- "justify-xs-space-around": "MuiGrid-justify-xs-space-around",
410
- "justify-xs-space-between": "MuiGrid-justify-xs-space-between",
411
- "justify-xs-space-evenly": "MuiGrid-justify-xs-space-evenly",
412
- "root": "MuiGrid-root",
413
- "spacing-xs-1": "MuiGrid-spacing-xs-1",
414
- "spacing-xs-10": "MuiGrid-spacing-xs-10",
415
- "spacing-xs-2": "MuiGrid-spacing-xs-2",
416
- "spacing-xs-3": "MuiGrid-spacing-xs-3",
417
- "spacing-xs-4": "MuiGrid-spacing-xs-4",
418
- "spacing-xs-5": "MuiGrid-spacing-xs-5",
419
- "spacing-xs-6": "MuiGrid-spacing-xs-6",
420
- "spacing-xs-7": "MuiGrid-spacing-xs-7",
421
- "spacing-xs-8": "MuiGrid-spacing-xs-8",
422
- "spacing-xs-9": "MuiGrid-spacing-xs-9",
423
- "wrap-xs-nowrap": "MuiGrid-wrap-xs-nowrap",
424
- "wrap-xs-wrap-reverse": "MuiGrid-wrap-xs-wrap-reverse",
425
- "zeroMinWidth": "MuiGrid-zeroMinWidth",
426
- }
427
- }
428
- id="content"
429
- item={true}
430
- md={8}
431
- xs={12}
432
- zeroMinWidth={true}
433
- >
434
- <div
435
- className="MuiGrid-root MuiGrid-item MuiGrid-zeroMinWidth MuiGrid-grid-xs-12 MuiGrid-grid-md-8"
436
- id="content"
437
- >
438
- Main content
439
- </div>
440
- </ForwardRef(Grid)>
441
- </WithStyles(ForwardRef(Grid))>
442
- </Main>
443
- <Side>
444
- <WithStyles(ForwardRef(Grid))
445
- className="MuiBasicLayoutSide-root"
446
- item={true}
447
- md={4}
448
- xs={12}
449
- >
450
- <ForwardRef(Grid)
451
- className="MuiBasicLayoutSide-root"
452
- classes={
453
- Object {
454
- "align-content-xs-center": "MuiGrid-align-content-xs-center",
455
- "align-content-xs-flex-end": "MuiGrid-align-content-xs-flex-end",
456
- "align-content-xs-flex-start": "MuiGrid-align-content-xs-flex-start",
457
- "align-content-xs-space-around": "MuiGrid-align-content-xs-space-around",
458
- "align-content-xs-space-between": "MuiGrid-align-content-xs-space-between",
459
- "align-items-xs-baseline": "MuiGrid-align-items-xs-baseline",
460
- "align-items-xs-center": "MuiGrid-align-items-xs-center",
461
- "align-items-xs-flex-end": "MuiGrid-align-items-xs-flex-end",
462
- "align-items-xs-flex-start": "MuiGrid-align-items-xs-flex-start",
463
- "container": "MuiGrid-container",
464
- "direction-xs-column": "MuiGrid-direction-xs-column",
465
- "direction-xs-column-reverse": "MuiGrid-direction-xs-column-reverse",
466
- "direction-xs-row-reverse": "MuiGrid-direction-xs-row-reverse",
467
- "grid-lg-1": "MuiGrid-grid-lg-1",
468
- "grid-lg-10": "MuiGrid-grid-lg-10",
469
- "grid-lg-11": "MuiGrid-grid-lg-11",
470
- "grid-lg-12": "MuiGrid-grid-lg-12",
471
- "grid-lg-2": "MuiGrid-grid-lg-2",
472
- "grid-lg-3": "MuiGrid-grid-lg-3",
473
- "grid-lg-4": "MuiGrid-grid-lg-4",
474
- "grid-lg-5": "MuiGrid-grid-lg-5",
475
- "grid-lg-6": "MuiGrid-grid-lg-6",
476
- "grid-lg-7": "MuiGrid-grid-lg-7",
477
- "grid-lg-8": "MuiGrid-grid-lg-8",
478
- "grid-lg-9": "MuiGrid-grid-lg-9",
479
- "grid-lg-auto": "MuiGrid-grid-lg-auto",
480
- "grid-lg-true": "MuiGrid-grid-lg-true",
481
- "grid-md-1": "MuiGrid-grid-md-1",
482
- "grid-md-10": "MuiGrid-grid-md-10",
483
- "grid-md-11": "MuiGrid-grid-md-11",
484
- "grid-md-12": "MuiGrid-grid-md-12",
485
- "grid-md-2": "MuiGrid-grid-md-2",
486
- "grid-md-3": "MuiGrid-grid-md-3",
487
- "grid-md-4": "MuiGrid-grid-md-4",
488
- "grid-md-5": "MuiGrid-grid-md-5",
489
- "grid-md-6": "MuiGrid-grid-md-6",
490
- "grid-md-7": "MuiGrid-grid-md-7",
491
- "grid-md-8": "MuiGrid-grid-md-8",
492
- "grid-md-9": "MuiGrid-grid-md-9",
493
- "grid-md-auto": "MuiGrid-grid-md-auto",
494
- "grid-md-true": "MuiGrid-grid-md-true",
495
- "grid-sm-1": "MuiGrid-grid-sm-1",
496
- "grid-sm-10": "MuiGrid-grid-sm-10",
497
- "grid-sm-11": "MuiGrid-grid-sm-11",
498
- "grid-sm-12": "MuiGrid-grid-sm-12",
499
- "grid-sm-2": "MuiGrid-grid-sm-2",
500
- "grid-sm-3": "MuiGrid-grid-sm-3",
501
- "grid-sm-4": "MuiGrid-grid-sm-4",
502
- "grid-sm-5": "MuiGrid-grid-sm-5",
503
- "grid-sm-6": "MuiGrid-grid-sm-6",
504
- "grid-sm-7": "MuiGrid-grid-sm-7",
505
- "grid-sm-8": "MuiGrid-grid-sm-8",
506
- "grid-sm-9": "MuiGrid-grid-sm-9",
507
- "grid-sm-auto": "MuiGrid-grid-sm-auto",
508
- "grid-sm-true": "MuiGrid-grid-sm-true",
509
- "grid-xl-1": "MuiGrid-grid-xl-1",
510
- "grid-xl-10": "MuiGrid-grid-xl-10",
511
- "grid-xl-11": "MuiGrid-grid-xl-11",
512
- "grid-xl-12": "MuiGrid-grid-xl-12",
513
- "grid-xl-2": "MuiGrid-grid-xl-2",
514
- "grid-xl-3": "MuiGrid-grid-xl-3",
515
- "grid-xl-4": "MuiGrid-grid-xl-4",
516
- "grid-xl-5": "MuiGrid-grid-xl-5",
517
- "grid-xl-6": "MuiGrid-grid-xl-6",
518
- "grid-xl-7": "MuiGrid-grid-xl-7",
519
- "grid-xl-8": "MuiGrid-grid-xl-8",
520
- "grid-xl-9": "MuiGrid-grid-xl-9",
521
- "grid-xl-auto": "MuiGrid-grid-xl-auto",
522
- "grid-xl-true": "MuiGrid-grid-xl-true",
523
- "grid-xs-1": "MuiGrid-grid-xs-1",
524
- "grid-xs-10": "MuiGrid-grid-xs-10",
525
- "grid-xs-11": "MuiGrid-grid-xs-11",
526
- "grid-xs-12": "MuiGrid-grid-xs-12",
527
- "grid-xs-2": "MuiGrid-grid-xs-2",
528
- "grid-xs-3": "MuiGrid-grid-xs-3",
529
- "grid-xs-4": "MuiGrid-grid-xs-4",
530
- "grid-xs-5": "MuiGrid-grid-xs-5",
531
- "grid-xs-6": "MuiGrid-grid-xs-6",
532
- "grid-xs-7": "MuiGrid-grid-xs-7",
533
- "grid-xs-8": "MuiGrid-grid-xs-8",
534
- "grid-xs-9": "MuiGrid-grid-xs-9",
535
- "grid-xs-auto": "MuiGrid-grid-xs-auto",
536
- "grid-xs-true": "MuiGrid-grid-xs-true",
537
- "item": "MuiGrid-item",
538
- "justify-xs-center": "MuiGrid-justify-xs-center",
539
- "justify-xs-flex-end": "MuiGrid-justify-xs-flex-end",
540
- "justify-xs-space-around": "MuiGrid-justify-xs-space-around",
541
- "justify-xs-space-between": "MuiGrid-justify-xs-space-between",
542
- "justify-xs-space-evenly": "MuiGrid-justify-xs-space-evenly",
543
- "root": "MuiGrid-root",
544
- "spacing-xs-1": "MuiGrid-spacing-xs-1",
545
- "spacing-xs-10": "MuiGrid-spacing-xs-10",
546
- "spacing-xs-2": "MuiGrid-spacing-xs-2",
547
- "spacing-xs-3": "MuiGrid-spacing-xs-3",
548
- "spacing-xs-4": "MuiGrid-spacing-xs-4",
549
- "spacing-xs-5": "MuiGrid-spacing-xs-5",
550
- "spacing-xs-6": "MuiGrid-spacing-xs-6",
551
- "spacing-xs-7": "MuiGrid-spacing-xs-7",
552
- "spacing-xs-8": "MuiGrid-spacing-xs-8",
553
- "spacing-xs-9": "MuiGrid-spacing-xs-9",
554
- "wrap-xs-nowrap": "MuiGrid-wrap-xs-nowrap",
555
- "wrap-xs-wrap-reverse": "MuiGrid-wrap-xs-wrap-reverse",
556
- "zeroMinWidth": "MuiGrid-zeroMinWidth",
557
- }
558
- }
559
- item={true}
560
- md={4}
561
- xs={12}
562
- >
563
- <div
564
- className="MuiGrid-root MuiBasicLayoutSide-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-md-4"
565
- >
566
- Side content
567
- </div>
568
- </ForwardRef(Grid)>
569
- </WithStyles(ForwardRef(Grid))>
570
- </Side>
571
- </div>
572
- </ForwardRef(Grid)>
573
- </WithStyles(ForwardRef(Grid))>
37
+ Side content
38
+ </aside>
39
+ </ForwardRef(Aside)>
40
+ </withDeprecationComponent>
574
41
  </div>
575
- </ForwardRef(Container)>
576
- </WithStyles(ForwardRef(Container))>
577
- </Content>
578
- <Bottom>
579
- <WithStyles(ForwardRef(Grid))
580
- container={true}
42
+ </div>
43
+ </ForwardRef(Container)>
44
+ </withDeprecationComponent>
45
+ <ForwardRef(Bottom)>
46
+ <div
47
+ className="govgr-bottom"
581
48
  >
582
- <ForwardRef(Grid)
583
- classes={
584
- Object {
585
- "align-content-xs-center": "MuiGrid-align-content-xs-center",
586
- "align-content-xs-flex-end": "MuiGrid-align-content-xs-flex-end",
587
- "align-content-xs-flex-start": "MuiGrid-align-content-xs-flex-start",
588
- "align-content-xs-space-around": "MuiGrid-align-content-xs-space-around",
589
- "align-content-xs-space-between": "MuiGrid-align-content-xs-space-between",
590
- "align-items-xs-baseline": "MuiGrid-align-items-xs-baseline",
591
- "align-items-xs-center": "MuiGrid-align-items-xs-center",
592
- "align-items-xs-flex-end": "MuiGrid-align-items-xs-flex-end",
593
- "align-items-xs-flex-start": "MuiGrid-align-items-xs-flex-start",
594
- "container": "MuiGrid-container",
595
- "direction-xs-column": "MuiGrid-direction-xs-column",
596
- "direction-xs-column-reverse": "MuiGrid-direction-xs-column-reverse",
597
- "direction-xs-row-reverse": "MuiGrid-direction-xs-row-reverse",
598
- "grid-lg-1": "MuiGrid-grid-lg-1",
599
- "grid-lg-10": "MuiGrid-grid-lg-10",
600
- "grid-lg-11": "MuiGrid-grid-lg-11",
601
- "grid-lg-12": "MuiGrid-grid-lg-12",
602
- "grid-lg-2": "MuiGrid-grid-lg-2",
603
- "grid-lg-3": "MuiGrid-grid-lg-3",
604
- "grid-lg-4": "MuiGrid-grid-lg-4",
605
- "grid-lg-5": "MuiGrid-grid-lg-5",
606
- "grid-lg-6": "MuiGrid-grid-lg-6",
607
- "grid-lg-7": "MuiGrid-grid-lg-7",
608
- "grid-lg-8": "MuiGrid-grid-lg-8",
609
- "grid-lg-9": "MuiGrid-grid-lg-9",
610
- "grid-lg-auto": "MuiGrid-grid-lg-auto",
611
- "grid-lg-true": "MuiGrid-grid-lg-true",
612
- "grid-md-1": "MuiGrid-grid-md-1",
613
- "grid-md-10": "MuiGrid-grid-md-10",
614
- "grid-md-11": "MuiGrid-grid-md-11",
615
- "grid-md-12": "MuiGrid-grid-md-12",
616
- "grid-md-2": "MuiGrid-grid-md-2",
617
- "grid-md-3": "MuiGrid-grid-md-3",
618
- "grid-md-4": "MuiGrid-grid-md-4",
619
- "grid-md-5": "MuiGrid-grid-md-5",
620
- "grid-md-6": "MuiGrid-grid-md-6",
621
- "grid-md-7": "MuiGrid-grid-md-7",
622
- "grid-md-8": "MuiGrid-grid-md-8",
623
- "grid-md-9": "MuiGrid-grid-md-9",
624
- "grid-md-auto": "MuiGrid-grid-md-auto",
625
- "grid-md-true": "MuiGrid-grid-md-true",
626
- "grid-sm-1": "MuiGrid-grid-sm-1",
627
- "grid-sm-10": "MuiGrid-grid-sm-10",
628
- "grid-sm-11": "MuiGrid-grid-sm-11",
629
- "grid-sm-12": "MuiGrid-grid-sm-12",
630
- "grid-sm-2": "MuiGrid-grid-sm-2",
631
- "grid-sm-3": "MuiGrid-grid-sm-3",
632
- "grid-sm-4": "MuiGrid-grid-sm-4",
633
- "grid-sm-5": "MuiGrid-grid-sm-5",
634
- "grid-sm-6": "MuiGrid-grid-sm-6",
635
- "grid-sm-7": "MuiGrid-grid-sm-7",
636
- "grid-sm-8": "MuiGrid-grid-sm-8",
637
- "grid-sm-9": "MuiGrid-grid-sm-9",
638
- "grid-sm-auto": "MuiGrid-grid-sm-auto",
639
- "grid-sm-true": "MuiGrid-grid-sm-true",
640
- "grid-xl-1": "MuiGrid-grid-xl-1",
641
- "grid-xl-10": "MuiGrid-grid-xl-10",
642
- "grid-xl-11": "MuiGrid-grid-xl-11",
643
- "grid-xl-12": "MuiGrid-grid-xl-12",
644
- "grid-xl-2": "MuiGrid-grid-xl-2",
645
- "grid-xl-3": "MuiGrid-grid-xl-3",
646
- "grid-xl-4": "MuiGrid-grid-xl-4",
647
- "grid-xl-5": "MuiGrid-grid-xl-5",
648
- "grid-xl-6": "MuiGrid-grid-xl-6",
649
- "grid-xl-7": "MuiGrid-grid-xl-7",
650
- "grid-xl-8": "MuiGrid-grid-xl-8",
651
- "grid-xl-9": "MuiGrid-grid-xl-9",
652
- "grid-xl-auto": "MuiGrid-grid-xl-auto",
653
- "grid-xl-true": "MuiGrid-grid-xl-true",
654
- "grid-xs-1": "MuiGrid-grid-xs-1",
655
- "grid-xs-10": "MuiGrid-grid-xs-10",
656
- "grid-xs-11": "MuiGrid-grid-xs-11",
657
- "grid-xs-12": "MuiGrid-grid-xs-12",
658
- "grid-xs-2": "MuiGrid-grid-xs-2",
659
- "grid-xs-3": "MuiGrid-grid-xs-3",
660
- "grid-xs-4": "MuiGrid-grid-xs-4",
661
- "grid-xs-5": "MuiGrid-grid-xs-5",
662
- "grid-xs-6": "MuiGrid-grid-xs-6",
663
- "grid-xs-7": "MuiGrid-grid-xs-7",
664
- "grid-xs-8": "MuiGrid-grid-xs-8",
665
- "grid-xs-9": "MuiGrid-grid-xs-9",
666
- "grid-xs-auto": "MuiGrid-grid-xs-auto",
667
- "grid-xs-true": "MuiGrid-grid-xs-true",
668
- "item": "MuiGrid-item",
669
- "justify-xs-center": "MuiGrid-justify-xs-center",
670
- "justify-xs-flex-end": "MuiGrid-justify-xs-flex-end",
671
- "justify-xs-space-around": "MuiGrid-justify-xs-space-around",
672
- "justify-xs-space-between": "MuiGrid-justify-xs-space-between",
673
- "justify-xs-space-evenly": "MuiGrid-justify-xs-space-evenly",
674
- "root": "MuiGrid-root",
675
- "spacing-xs-1": "MuiGrid-spacing-xs-1",
676
- "spacing-xs-10": "MuiGrid-spacing-xs-10",
677
- "spacing-xs-2": "MuiGrid-spacing-xs-2",
678
- "spacing-xs-3": "MuiGrid-spacing-xs-3",
679
- "spacing-xs-4": "MuiGrid-spacing-xs-4",
680
- "spacing-xs-5": "MuiGrid-spacing-xs-5",
681
- "spacing-xs-6": "MuiGrid-spacing-xs-6",
682
- "spacing-xs-7": "MuiGrid-spacing-xs-7",
683
- "spacing-xs-8": "MuiGrid-spacing-xs-8",
684
- "spacing-xs-9": "MuiGrid-spacing-xs-9",
685
- "wrap-xs-nowrap": "MuiGrid-wrap-xs-nowrap",
686
- "wrap-xs-wrap-reverse": "MuiGrid-wrap-xs-wrap-reverse",
687
- "zeroMinWidth": "MuiGrid-zeroMinWidth",
688
- }
689
- }
690
- container={true}
691
- >
692
- <div
693
- className="MuiGrid-root MuiGrid-container"
694
- >
695
- Bottom content
696
- </div>
697
- </ForwardRef(Grid)>
698
- </WithStyles(ForwardRef(Grid))>
699
- </Bottom>
49
+ Bottom content
50
+ </div>
51
+ </ForwardRef(Bottom)>
700
52
  </div>
701
- </Layout>
53
+ </ForwardRef(Layout)>
702
54
  `;