@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/core/Accordion/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,728 +1,78 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`renders the Accordion 1`] = `
4
- <Accordion>
4
+ <ForwardRef(Accordion)>
5
5
  <div
6
- className="makeStyles-root-1"
6
+ className="govgr-accordion"
7
7
  >
8
- <AccordionItem>
9
- <WithStyles(ForwardRef(ExpansionPanel))
10
- className="makeStyles-root-2"
11
- >
12
- <ForwardRef(ExpansionPanel)
13
- className="makeStyles-root-2"
14
- classes={
15
- Object {
16
- "disabled": "Mui-disabled",
17
- "expanded": "Mui-expanded",
18
- "root": "MuiExpansionPanel-root",
19
- "rounded": "MuiExpansionPanel-rounded",
20
- }
21
- }
8
+ <withDeprecationComponent>
9
+ <ForwardRef(AccordionSection)>
10
+ <details
11
+ className="govgr-accordion__section"
22
12
  >
23
- <WithStyles(ForwardRef(Paper))
24
- className="MuiExpansionPanel-root makeStyles-root-2 MuiExpansionPanel-rounded"
25
- square={false}
26
- >
27
- <ForwardRef(Paper)
28
- className="MuiExpansionPanel-root makeStyles-root-2 MuiExpansionPanel-rounded"
29
- classes={
30
- Object {
31
- "elevation0": "MuiPaper-elevation0",
32
- "elevation1": "MuiPaper-elevation1",
33
- "elevation10": "MuiPaper-elevation10",
34
- "elevation11": "MuiPaper-elevation11",
35
- "elevation12": "MuiPaper-elevation12",
36
- "elevation13": "MuiPaper-elevation13",
37
- "elevation14": "MuiPaper-elevation14",
38
- "elevation15": "MuiPaper-elevation15",
39
- "elevation16": "MuiPaper-elevation16",
40
- "elevation17": "MuiPaper-elevation17",
41
- "elevation18": "MuiPaper-elevation18",
42
- "elevation19": "MuiPaper-elevation19",
43
- "elevation2": "MuiPaper-elevation2",
44
- "elevation20": "MuiPaper-elevation20",
45
- "elevation21": "MuiPaper-elevation21",
46
- "elevation22": "MuiPaper-elevation22",
47
- "elevation23": "MuiPaper-elevation23",
48
- "elevation24": "MuiPaper-elevation24",
49
- "elevation3": "MuiPaper-elevation3",
50
- "elevation4": "MuiPaper-elevation4",
51
- "elevation5": "MuiPaper-elevation5",
52
- "elevation6": "MuiPaper-elevation6",
53
- "elevation7": "MuiPaper-elevation7",
54
- "elevation8": "MuiPaper-elevation8",
55
- "elevation9": "MuiPaper-elevation9",
56
- "outlined": "MuiPaper-outlined",
57
- "root": "MuiPaper-root",
58
- "rounded": "MuiPaper-rounded",
59
- }
60
- }
61
- square={false}
62
- >
63
- <div
64
- className="MuiPaper-root MuiExpansionPanel-root makeStyles-root-2 MuiExpansionPanel-rounded MuiPaper-elevation1 MuiPaper-rounded"
13
+ <withDeprecationComponent>
14
+ <ForwardRef(AccordionSectionHeader)>
15
+ <summary
16
+ className="govgr-accordion__section-header"
65
17
  >
66
- <AccordionItemSummary
67
- key=".0"
68
- >
69
- <WithStyles(ForwardRef(ExpansionPanelSummary))
70
- expandIcon={<Memo />}
71
- >
72
- <ForwardRef(ExpansionPanelSummary)
73
- classes={
74
- Object {
75
- "content": "MuiExpansionPanelSummary-content",
76
- "disabled": "Mui-disabled",
77
- "expandIcon": "MuiExpansionPanelSummary-expandIcon",
78
- "expanded": "Mui-expanded",
79
- "focused": "Mui-focused",
80
- "root": "MuiExpansionPanelSummary-root",
81
- }
82
- }
83
- expandIcon={<Memo />}
84
- >
85
- <WithStyles(ForwardRef(ButtonBase))
86
- aria-expanded={false}
87
- className="MuiExpansionPanelSummary-root"
88
- component="div"
89
- disableRipple={true}
90
- disabled={false}
91
- focusRipple={false}
92
- onBlur={[Function]}
93
- onClick={[Function]}
94
- onFocusVisible={[Function]}
95
- >
96
- <ForwardRef(ButtonBase)
97
- aria-expanded={false}
98
- className="MuiExpansionPanelSummary-root"
99
- classes={
100
- Object {
101
- "disabled": "Mui-disabled",
102
- "focusVisible": "Mui-focusVisible",
103
- "root": "MuiButtonBase-root",
104
- }
105
- }
106
- component="div"
107
- disableRipple={true}
108
- disabled={false}
109
- focusRipple={false}
110
- onBlur={[Function]}
111
- onClick={[Function]}
112
- onFocusVisible={[Function]}
113
- >
114
- <div
115
- aria-disabled={false}
116
- aria-expanded={false}
117
- className="MuiButtonBase-root MuiExpansionPanelSummary-root"
118
- onBlur={[Function]}
119
- onClick={[Function]}
120
- onDragLeave={[Function]}
121
- onFocus={[Function]}
122
- onKeyDown={[Function]}
123
- onKeyUp={[Function]}
124
- onMouseDown={[Function]}
125
- onMouseLeave={[Function]}
126
- onMouseUp={[Function]}
127
- onTouchEnd={[Function]}
128
- onTouchMove={[Function]}
129
- onTouchStart={[Function]}
130
- role="button"
131
- tabIndex={0}
132
- >
133
- <div
134
- className="MuiExpansionPanelSummary-content"
135
- >
136
- Βασικες Ρυθμισεις
137
- </div>
138
- <WithStyles(ForwardRef(IconButton))
139
- aria-hidden={true}
140
- className="MuiExpansionPanelSummary-expandIcon"
141
- component="div"
142
- edge="end"
143
- role={null}
144
- tabIndex={null}
145
- >
146
- <ForwardRef(IconButton)
147
- aria-hidden={true}
148
- className="MuiExpansionPanelSummary-expandIcon"
149
- classes={
150
- Object {
151
- "colorInherit": "MuiIconButton-colorInherit",
152
- "colorPrimary": "MuiIconButton-colorPrimary",
153
- "colorSecondary": "MuiIconButton-colorSecondary",
154
- "disabled": "Mui-disabled",
155
- "edgeEnd": "MuiIconButton-edgeEnd",
156
- "edgeStart": "MuiIconButton-edgeStart",
157
- "label": "MuiIconButton-label",
158
- "root": "MuiIconButton-root",
159
- "sizeSmall": "MuiIconButton-sizeSmall",
160
- }
161
- }
162
- component="div"
163
- edge="end"
164
- role={null}
165
- tabIndex={null}
166
- >
167
- <WithStyles(ForwardRef(ButtonBase))
168
- aria-hidden={true}
169
- centerRipple={true}
170
- className="MuiIconButton-root MuiExpansionPanelSummary-expandIcon MuiIconButton-edgeEnd"
171
- component="div"
172
- disabled={false}
173
- focusRipple={true}
174
- role={null}
175
- tabIndex={null}
176
- >
177
- <ForwardRef(ButtonBase)
178
- aria-hidden={true}
179
- centerRipple={true}
180
- className="MuiIconButton-root MuiExpansionPanelSummary-expandIcon MuiIconButton-edgeEnd"
181
- classes={
182
- Object {
183
- "disabled": "Mui-disabled",
184
- "focusVisible": "Mui-focusVisible",
185
- "root": "MuiButtonBase-root",
186
- }
187
- }
188
- component="div"
189
- disabled={false}
190
- focusRipple={true}
191
- role={null}
192
- tabIndex={null}
193
- >
194
- <div
195
- aria-disabled={false}
196
- aria-hidden={true}
197
- className="MuiButtonBase-root MuiIconButton-root MuiExpansionPanelSummary-expandIcon MuiIconButton-edgeEnd"
198
- onBlur={[Function]}
199
- onDragLeave={[Function]}
200
- onFocus={[Function]}
201
- onKeyDown={[Function]}
202
- onKeyUp={[Function]}
203
- onMouseDown={[Function]}
204
- onMouseLeave={[Function]}
205
- onMouseUp={[Function]}
206
- onTouchEnd={[Function]}
207
- onTouchMove={[Function]}
208
- onTouchStart={[Function]}
209
- role={null}
210
- tabIndex={null}
211
- >
212
- <span
213
- className="MuiIconButton-label"
214
- >
215
- <ForwardRef(ExpandMoreIcon)>
216
- <WithStyles(ForwardRef(SvgIcon))>
217
- <ForwardRef(SvgIcon)
218
- classes={
219
- Object {
220
- "colorAction": "MuiSvgIcon-colorAction",
221
- "colorDisabled": "MuiSvgIcon-colorDisabled",
222
- "colorError": "MuiSvgIcon-colorError",
223
- "colorPrimary": "MuiSvgIcon-colorPrimary",
224
- "colorSecondary": "MuiSvgIcon-colorSecondary",
225
- "fontSizeInherit": "MuiSvgIcon-fontSizeInherit",
226
- "fontSizeLarge": "MuiSvgIcon-fontSizeLarge",
227
- "fontSizeSmall": "MuiSvgIcon-fontSizeSmall",
228
- "root": "MuiSvgIcon-root",
229
- }
230
- }
231
- >
232
- <svg
233
- aria-hidden={true}
234
- className="MuiSvgIcon-root"
235
- focusable="false"
236
- viewBox="0 0 24 24"
237
- >
238
- <path
239
- d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"
240
- />
241
- </svg>
242
- </ForwardRef(SvgIcon)>
243
- </WithStyles(ForwardRef(SvgIcon))>
244
- </ForwardRef(ExpandMoreIcon)>
245
- </span>
246
- <WithStyles(memo)
247
- center={true}
248
- >
249
- <ForwardRef(TouchRipple)
250
- center={true}
251
- classes={
252
- Object {
253
- "child": "MuiTouchRipple-child",
254
- "childLeaving": "MuiTouchRipple-childLeaving",
255
- "childPulsate": "MuiTouchRipple-childPulsate",
256
- "ripple": "MuiTouchRipple-ripple",
257
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
258
- "rippleVisible": "MuiTouchRipple-rippleVisible",
259
- "root": "MuiTouchRipple-root",
260
- }
261
- }
262
- >
263
- <span
264
- className="MuiTouchRipple-root"
265
- >
266
- <TransitionGroup
267
- childFactory={[Function]}
268
- component={null}
269
- exit={true}
270
- />
271
- </span>
272
- </ForwardRef(TouchRipple)>
273
- </WithStyles(memo)>
274
- </div>
275
- </ForwardRef(ButtonBase)>
276
- </WithStyles(ForwardRef(ButtonBase))>
277
- </ForwardRef(IconButton)>
278
- </WithStyles(ForwardRef(IconButton))>
279
- </div>
280
- </ForwardRef(ButtonBase)>
281
- </WithStyles(ForwardRef(ButtonBase))>
282
- </ForwardRef(ExpansionPanelSummary)>
283
- </WithStyles(ForwardRef(ExpansionPanelSummary))>
284
- </AccordionItemSummary>
285
- <WithStyles(ForwardRef(Collapse))
286
- in={false}
287
- timeout="auto"
18
+ <h2
19
+ className="govgr-accordion__section-heading"
288
20
  >
289
- <ForwardRef(Collapse)
290
- classes={
291
- Object {
292
- "container": "MuiCollapse-container",
293
- "entered": "MuiCollapse-entered",
294
- "hidden": "MuiCollapse-hidden",
295
- "wrapper": "MuiCollapse-wrapper",
296
- "wrapperInner": "MuiCollapse-wrapperInner",
297
- }
298
- }
299
- in={false}
300
- timeout="auto"
21
+ <span
22
+ className="govgr-accordion__section-button"
301
23
  >
302
- <Transition
303
- addEndListener={[Function]}
304
- appear={false}
305
- enter={true}
306
- exit={true}
307
- in={false}
308
- mountOnEnter={false}
309
- onEnter={[Function]}
310
- onEntered={[Function]}
311
- onEntering={[Function]}
312
- onExit={[Function]}
313
- onExited={[Function]}
314
- onExiting={[Function]}
315
- timeout={null}
316
- unmountOnExit={false}
317
- >
318
- <div
319
- className="MuiCollapse-container MuiCollapse-hidden"
320
- style={
321
- Object {
322
- "minHeight": "0px",
323
- }
324
- }
325
- >
326
- <div
327
- className="MuiCollapse-wrapper"
328
- >
329
- <div
330
- className="MuiCollapse-wrapperInner"
331
- >
332
- <div
333
- role="region"
334
- >
335
- <AccordionItemDetails
336
- key=".1"
337
- >
338
- <WithStyles(ForwardRef(ExpansionPanelDetails))>
339
- <ForwardRef(ExpansionPanelDetails)
340
- classes={
341
- Object {
342
- "root": "MuiExpansionPanelDetails-root",
343
- }
344
- }
345
- >
346
- <div
347
- className="MuiExpansionPanelDetails-root"
348
- >
349
- Περιεχομενο Βασικων Ρυθμισεων
350
- </div>
351
- </ForwardRef(ExpansionPanelDetails)>
352
- </WithStyles(ForwardRef(ExpansionPanelDetails))>
353
- </AccordionItemDetails>
354
- </div>
355
- </div>
356
- </div>
357
- </div>
358
- </Transition>
359
- </ForwardRef(Collapse)>
360
- </WithStyles(ForwardRef(Collapse))>
24
+ Βασικες Ρυθμισεις
25
+ </span>
26
+ </h2>
27
+ </summary>
28
+ </ForwardRef(AccordionSectionHeader)>
29
+ </withDeprecationComponent>
30
+ <withDeprecationComponent>
31
+ <ForwardRef(AccordionSectionContent)>
32
+ <div
33
+ className="govgr-accordion__section-content"
34
+ >
35
+ Περιεχομενο Βασικων Ρυθμισεων
361
36
  </div>
362
- </ForwardRef(Paper)>
363
- </WithStyles(ForwardRef(Paper))>
364
- </ForwardRef(ExpansionPanel)>
365
- </WithStyles(ForwardRef(ExpansionPanel))>
366
- </AccordionItem>
367
- <AccordionItem>
368
- <WithStyles(ForwardRef(ExpansionPanel))
369
- className="makeStyles-root-2"
370
- >
371
- <ForwardRef(ExpansionPanel)
372
- className="makeStyles-root-2"
373
- classes={
374
- Object {
375
- "disabled": "Mui-disabled",
376
- "expanded": "Mui-expanded",
377
- "root": "MuiExpansionPanel-root",
378
- "rounded": "MuiExpansionPanel-rounded",
379
- }
380
- }
37
+ </ForwardRef(AccordionSectionContent)>
38
+ </withDeprecationComponent>
39
+ </details>
40
+ </ForwardRef(AccordionSection)>
41
+ </withDeprecationComponent>
42
+ <withDeprecationComponent>
43
+ <ForwardRef(AccordionSection)>
44
+ <details
45
+ className="govgr-accordion__section"
381
46
  >
382
- <WithStyles(ForwardRef(Paper))
383
- className="MuiExpansionPanel-root makeStyles-root-2 MuiExpansionPanel-rounded"
384
- square={false}
385
- >
386
- <ForwardRef(Paper)
387
- className="MuiExpansionPanel-root makeStyles-root-2 MuiExpansionPanel-rounded"
388
- classes={
389
- Object {
390
- "elevation0": "MuiPaper-elevation0",
391
- "elevation1": "MuiPaper-elevation1",
392
- "elevation10": "MuiPaper-elevation10",
393
- "elevation11": "MuiPaper-elevation11",
394
- "elevation12": "MuiPaper-elevation12",
395
- "elevation13": "MuiPaper-elevation13",
396
- "elevation14": "MuiPaper-elevation14",
397
- "elevation15": "MuiPaper-elevation15",
398
- "elevation16": "MuiPaper-elevation16",
399
- "elevation17": "MuiPaper-elevation17",
400
- "elevation18": "MuiPaper-elevation18",
401
- "elevation19": "MuiPaper-elevation19",
402
- "elevation2": "MuiPaper-elevation2",
403
- "elevation20": "MuiPaper-elevation20",
404
- "elevation21": "MuiPaper-elevation21",
405
- "elevation22": "MuiPaper-elevation22",
406
- "elevation23": "MuiPaper-elevation23",
407
- "elevation24": "MuiPaper-elevation24",
408
- "elevation3": "MuiPaper-elevation3",
409
- "elevation4": "MuiPaper-elevation4",
410
- "elevation5": "MuiPaper-elevation5",
411
- "elevation6": "MuiPaper-elevation6",
412
- "elevation7": "MuiPaper-elevation7",
413
- "elevation8": "MuiPaper-elevation8",
414
- "elevation9": "MuiPaper-elevation9",
415
- "outlined": "MuiPaper-outlined",
416
- "root": "MuiPaper-root",
417
- "rounded": "MuiPaper-rounded",
418
- }
419
- }
420
- square={false}
421
- >
422
- <div
423
- className="MuiPaper-root MuiExpansionPanel-root makeStyles-root-2 MuiExpansionPanel-rounded MuiPaper-elevation1 MuiPaper-rounded"
47
+ <withDeprecationComponent>
48
+ <ForwardRef(AccordionSectionHeader)>
49
+ <summary
50
+ className="govgr-accordion__section-header"
424
51
  >
425
- <AccordionItemSummary
426
- key=".0"
427
- >
428
- <WithStyles(ForwardRef(ExpansionPanelSummary))
429
- expandIcon={<Memo />}
430
- >
431
- <ForwardRef(ExpansionPanelSummary)
432
- classes={
433
- Object {
434
- "content": "MuiExpansionPanelSummary-content",
435
- "disabled": "Mui-disabled",
436
- "expandIcon": "MuiExpansionPanelSummary-expandIcon",
437
- "expanded": "Mui-expanded",
438
- "focused": "Mui-focused",
439
- "root": "MuiExpansionPanelSummary-root",
440
- }
441
- }
442
- expandIcon={<Memo />}
443
- >
444
- <WithStyles(ForwardRef(ButtonBase))
445
- aria-expanded={false}
446
- className="MuiExpansionPanelSummary-root"
447
- component="div"
448
- disableRipple={true}
449
- disabled={false}
450
- focusRipple={false}
451
- onBlur={[Function]}
452
- onClick={[Function]}
453
- onFocusVisible={[Function]}
454
- >
455
- <ForwardRef(ButtonBase)
456
- aria-expanded={false}
457
- className="MuiExpansionPanelSummary-root"
458
- classes={
459
- Object {
460
- "disabled": "Mui-disabled",
461
- "focusVisible": "Mui-focusVisible",
462
- "root": "MuiButtonBase-root",
463
- }
464
- }
465
- component="div"
466
- disableRipple={true}
467
- disabled={false}
468
- focusRipple={false}
469
- onBlur={[Function]}
470
- onClick={[Function]}
471
- onFocusVisible={[Function]}
472
- >
473
- <div
474
- aria-disabled={false}
475
- aria-expanded={false}
476
- className="MuiButtonBase-root MuiExpansionPanelSummary-root"
477
- onBlur={[Function]}
478
- onClick={[Function]}
479
- onDragLeave={[Function]}
480
- onFocus={[Function]}
481
- onKeyDown={[Function]}
482
- onKeyUp={[Function]}
483
- onMouseDown={[Function]}
484
- onMouseLeave={[Function]}
485
- onMouseUp={[Function]}
486
- onTouchEnd={[Function]}
487
- onTouchMove={[Function]}
488
- onTouchStart={[Function]}
489
- role="button"
490
- tabIndex={0}
491
- >
492
- <div
493
- className="MuiExpansionPanelSummary-content"
494
- >
495
- Υπολοιπες Ρυθμισεις
496
- </div>
497
- <WithStyles(ForwardRef(IconButton))
498
- aria-hidden={true}
499
- className="MuiExpansionPanelSummary-expandIcon"
500
- component="div"
501
- edge="end"
502
- role={null}
503
- tabIndex={null}
504
- >
505
- <ForwardRef(IconButton)
506
- aria-hidden={true}
507
- className="MuiExpansionPanelSummary-expandIcon"
508
- classes={
509
- Object {
510
- "colorInherit": "MuiIconButton-colorInherit",
511
- "colorPrimary": "MuiIconButton-colorPrimary",
512
- "colorSecondary": "MuiIconButton-colorSecondary",
513
- "disabled": "Mui-disabled",
514
- "edgeEnd": "MuiIconButton-edgeEnd",
515
- "edgeStart": "MuiIconButton-edgeStart",
516
- "label": "MuiIconButton-label",
517
- "root": "MuiIconButton-root",
518
- "sizeSmall": "MuiIconButton-sizeSmall",
519
- }
520
- }
521
- component="div"
522
- edge="end"
523
- role={null}
524
- tabIndex={null}
525
- >
526
- <WithStyles(ForwardRef(ButtonBase))
527
- aria-hidden={true}
528
- centerRipple={true}
529
- className="MuiIconButton-root MuiExpansionPanelSummary-expandIcon MuiIconButton-edgeEnd"
530
- component="div"
531
- disabled={false}
532
- focusRipple={true}
533
- role={null}
534
- tabIndex={null}
535
- >
536
- <ForwardRef(ButtonBase)
537
- aria-hidden={true}
538
- centerRipple={true}
539
- className="MuiIconButton-root MuiExpansionPanelSummary-expandIcon MuiIconButton-edgeEnd"
540
- classes={
541
- Object {
542
- "disabled": "Mui-disabled",
543
- "focusVisible": "Mui-focusVisible",
544
- "root": "MuiButtonBase-root",
545
- }
546
- }
547
- component="div"
548
- disabled={false}
549
- focusRipple={true}
550
- role={null}
551
- tabIndex={null}
552
- >
553
- <div
554
- aria-disabled={false}
555
- aria-hidden={true}
556
- className="MuiButtonBase-root MuiIconButton-root MuiExpansionPanelSummary-expandIcon MuiIconButton-edgeEnd"
557
- onBlur={[Function]}
558
- onDragLeave={[Function]}
559
- onFocus={[Function]}
560
- onKeyDown={[Function]}
561
- onKeyUp={[Function]}
562
- onMouseDown={[Function]}
563
- onMouseLeave={[Function]}
564
- onMouseUp={[Function]}
565
- onTouchEnd={[Function]}
566
- onTouchMove={[Function]}
567
- onTouchStart={[Function]}
568
- role={null}
569
- tabIndex={null}
570
- >
571
- <span
572
- className="MuiIconButton-label"
573
- >
574
- <ForwardRef(ExpandMoreIcon)>
575
- <WithStyles(ForwardRef(SvgIcon))>
576
- <ForwardRef(SvgIcon)
577
- classes={
578
- Object {
579
- "colorAction": "MuiSvgIcon-colorAction",
580
- "colorDisabled": "MuiSvgIcon-colorDisabled",
581
- "colorError": "MuiSvgIcon-colorError",
582
- "colorPrimary": "MuiSvgIcon-colorPrimary",
583
- "colorSecondary": "MuiSvgIcon-colorSecondary",
584
- "fontSizeInherit": "MuiSvgIcon-fontSizeInherit",
585
- "fontSizeLarge": "MuiSvgIcon-fontSizeLarge",
586
- "fontSizeSmall": "MuiSvgIcon-fontSizeSmall",
587
- "root": "MuiSvgIcon-root",
588
- }
589
- }
590
- >
591
- <svg
592
- aria-hidden={true}
593
- className="MuiSvgIcon-root"
594
- focusable="false"
595
- viewBox="0 0 24 24"
596
- >
597
- <path
598
- d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"
599
- />
600
- </svg>
601
- </ForwardRef(SvgIcon)>
602
- </WithStyles(ForwardRef(SvgIcon))>
603
- </ForwardRef(ExpandMoreIcon)>
604
- </span>
605
- <WithStyles(memo)
606
- center={true}
607
- >
608
- <ForwardRef(TouchRipple)
609
- center={true}
610
- classes={
611
- Object {
612
- "child": "MuiTouchRipple-child",
613
- "childLeaving": "MuiTouchRipple-childLeaving",
614
- "childPulsate": "MuiTouchRipple-childPulsate",
615
- "ripple": "MuiTouchRipple-ripple",
616
- "ripplePulsate": "MuiTouchRipple-ripplePulsate",
617
- "rippleVisible": "MuiTouchRipple-rippleVisible",
618
- "root": "MuiTouchRipple-root",
619
- }
620
- }
621
- >
622
- <span
623
- className="MuiTouchRipple-root"
624
- >
625
- <TransitionGroup
626
- childFactory={[Function]}
627
- component={null}
628
- exit={true}
629
- />
630
- </span>
631
- </ForwardRef(TouchRipple)>
632
- </WithStyles(memo)>
633
- </div>
634
- </ForwardRef(ButtonBase)>
635
- </WithStyles(ForwardRef(ButtonBase))>
636
- </ForwardRef(IconButton)>
637
- </WithStyles(ForwardRef(IconButton))>
638
- </div>
639
- </ForwardRef(ButtonBase)>
640
- </WithStyles(ForwardRef(ButtonBase))>
641
- </ForwardRef(ExpansionPanelSummary)>
642
- </WithStyles(ForwardRef(ExpansionPanelSummary))>
643
- </AccordionItemSummary>
644
- <WithStyles(ForwardRef(Collapse))
645
- in={false}
646
- timeout="auto"
52
+ <h2
53
+ className="govgr-accordion__section-heading"
647
54
  >
648
- <ForwardRef(Collapse)
649
- classes={
650
- Object {
651
- "container": "MuiCollapse-container",
652
- "entered": "MuiCollapse-entered",
653
- "hidden": "MuiCollapse-hidden",
654
- "wrapper": "MuiCollapse-wrapper",
655
- "wrapperInner": "MuiCollapse-wrapperInner",
656
- }
657
- }
658
- in={false}
659
- timeout="auto"
55
+ <span
56
+ className="govgr-accordion__section-button"
660
57
  >
661
- <Transition
662
- addEndListener={[Function]}
663
- appear={false}
664
- enter={true}
665
- exit={true}
666
- in={false}
667
- mountOnEnter={false}
668
- onEnter={[Function]}
669
- onEntered={[Function]}
670
- onEntering={[Function]}
671
- onExit={[Function]}
672
- onExited={[Function]}
673
- onExiting={[Function]}
674
- timeout={null}
675
- unmountOnExit={false}
676
- >
677
- <div
678
- className="MuiCollapse-container MuiCollapse-hidden"
679
- style={
680
- Object {
681
- "minHeight": "0px",
682
- }
683
- }
684
- >
685
- <div
686
- className="MuiCollapse-wrapper"
687
- >
688
- <div
689
- className="MuiCollapse-wrapperInner"
690
- >
691
- <div
692
- role="region"
693
- >
694
- <AccordionItemDetails
695
- key=".1"
696
- >
697
- <WithStyles(ForwardRef(ExpansionPanelDetails))>
698
- <ForwardRef(ExpansionPanelDetails)
699
- classes={
700
- Object {
701
- "root": "MuiExpansionPanelDetails-root",
702
- }
703
- }
704
- >
705
- <div
706
- className="MuiExpansionPanelDetails-root"
707
- >
708
- Περιεχομενο Υπολοιπων Ρυθμισεων
709
- </div>
710
- </ForwardRef(ExpansionPanelDetails)>
711
- </WithStyles(ForwardRef(ExpansionPanelDetails))>
712
- </AccordionItemDetails>
713
- </div>
714
- </div>
715
- </div>
716
- </div>
717
- </Transition>
718
- </ForwardRef(Collapse)>
719
- </WithStyles(ForwardRef(Collapse))>
58
+ Υπολοιπες Ρυθμισεις
59
+ </span>
60
+ </h2>
61
+ </summary>
62
+ </ForwardRef(AccordionSectionHeader)>
63
+ </withDeprecationComponent>
64
+ <withDeprecationComponent>
65
+ <ForwardRef(AccordionSectionContent)>
66
+ <div
67
+ className="govgr-accordion__section-content"
68
+ >
69
+ Περιεχομενο Υπολοιπων Ρυθμισεων
720
70
  </div>
721
- </ForwardRef(Paper)>
722
- </WithStyles(ForwardRef(Paper))>
723
- </ForwardRef(ExpansionPanel)>
724
- </WithStyles(ForwardRef(ExpansionPanel))>
725
- </AccordionItem>
71
+ </ForwardRef(AccordionSectionContent)>
72
+ </withDeprecationComponent>
73
+ </details>
74
+ </ForwardRef(AccordionSection)>
75
+ </withDeprecationComponent>
726
76
  </div>
727
- </Accordion>
77
+ </ForwardRef(Accordion)>
728
78
  `;