@kitconcept/volto-light-theme 3.2.0 → 3.3.1

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.
package/.changelog.draft CHANGED
@@ -1,11 +1,7 @@
1
- ## 3.2.0 (2024-03-25)
2
-
3
- ### Feature
4
-
5
- - Use project-less approach for developing @sneridagh [#369](https://github.com/kitconcept/volto-light-theme/pull/369)
1
+ ## 3.3.1 (2024-05-30)
6
2
 
7
3
  ### Bugfix
8
4
 
9
- - Revert breaking change introduced in #346 @sneridagh [#373](https://github.com/kitconcept/volto-light-theme/pull/373)
5
+ - Fix image grid clossure issues in inlined JSX method when selecting an image after uploading another image in another grid element @sneridagh [#389](https://github.com/kitconcept/volto-light-theme/pull/389)
10
6
 
11
7
 
package/.release-it.json CHANGED
@@ -1,6 +1,11 @@
1
1
  {
2
2
  "hooks": {
3
- "after:bump": "pipx run towncrier build --draft --yes --version ${version} > .changelog.draft && pipx run towncrier build --yes --version ${version}",
3
+ "after:bump": [
4
+ "pipx run towncrier build --draft --yes --version ${version} > .changelog.draft",
5
+ "pipx run towncrier build --yes --version ${version}",
6
+ "cp ../../README.md ./ && cp CHANGELOG.md ../../CHANGELOG.md",
7
+ "git add ../../CHANGELOG.md"
8
+ ],
4
9
  "after:release": "rm .changelog.draft"
5
10
  },
6
11
  "git": {
package/CHANGELOG.md CHANGED
@@ -1,3 +1,30 @@
1
+ # kitconcept's volto-light-theme Release Notes
2
+
3
+ <!-- You should *NOT* be adding new change log entries to this file.
4
+ You should create a file in the news directory instead.
5
+ For helpful instructions, please see:
6
+ https://6.docs.plone.org/contributing/index.html?highlight=towncrier#change-log-entry
7
+ -->
8
+
9
+ <!-- towncrier release notes start -->
10
+
11
+ ## 3.3.1 (2024-05-30)
12
+
13
+ ### Bugfix
14
+
15
+ - Fix image grid clossure issues in inlined JSX method when selecting an image after uploading another image in another grid element @sneridagh [#389](https://github.com/kitconcept/volto-light-theme/pull/389)
16
+
17
+ ## 3.3.0 (2024-04-26)
18
+
19
+ ### Feature
20
+
21
+ - Make font-weights, font-sizes and font-heights overrideable adding the `!default` thingy @erral [#371](https://github.com/kitconcept/volto-light-theme/pull/371)
22
+
23
+ ### Bugfix
24
+
25
+ - Fix event title margin bottom. @iFlameing [#357](https://github.com/kitconcept/volto-light-theme/pull/357)
26
+ - Fix Image block in grid is not working @iRohitSingh [#376](https://github.com/kitconcept/volto-light-theme/pull/376)
27
+
1
28
  ## 3.2.0 (2024-03-25)
2
29
 
3
30
  ### Feature
@@ -7,3 +34,567 @@
7
34
  ### Bugfix
8
35
 
9
36
  - Revert breaking change introduced in #346 @sneridagh [#373](https://github.com/kitconcept/volto-light-theme/pull/373)
37
+
38
+ ## 3.1.2 (2024-03-18)
39
+
40
+ ### Internal
41
+
42
+ - Remove @plone/volto peerDepencency @sneridagh [#364](https://github.com/kitconcept/volto-light-theme/pull/364)
43
+ - Add types declarations to make TS happy @sneridagh [#367](https://github.com/kitconcept/volto-light-theme/pull/367)
44
+
45
+ ## 3.1.1 (2024-03-08)
46
+
47
+ ### Bugfix
48
+
49
+ - Fix typo in container deprecation notice @sneridagh [#362](https://github.com/kitconcept/volto-light-theme/pull/362)
50
+
51
+ ## 3.1.0 (2024-03-08)
52
+
53
+ ### Feature
54
+
55
+ - [Vertical Spacing] Reduce spacing between title and description in teaser block @iFlameing [#353](https://github.com/kitconcept/volto-light-theme/pull/353)
56
+ - Add eu and es translations @erral [#358](https://github.com/kitconcept/volto-light-theme/pull/358)
57
+
58
+ ### Bugfix
59
+
60
+ - Fix header tabbing order @iRohitSingh [#251](https://github.com/kitconcept/volto-light-theme/pull/251)
61
+ - Fix show figcaption tag if ther is no caption @iRohitSingh [#350](https://github.com/kitconcept/volto-light-theme/pull/350)
62
+ - Safer pass by value instead of by reference when modifying internal `blockConfig` data @sneridagh [#361](https://github.com/kitconcept/volto-light-theme/pull/361)
63
+
64
+ ### Internal
65
+
66
+ - @plone/components as dependency
67
+ Use the `Container` component from @plone/components instead of the local one.
68
+ The one in `src/components/Atoms/Container/Container.jsx` is deprecated and will be removed in the next major release. @sneridagh [#360](https://github.com/kitconcept/volto-light-theme/pull/360)
69
+
70
+ ## 3.0.1 (2024-03-04)
71
+
72
+ ### Bugfix
73
+
74
+ - Fix image gallery opacity. @robgietema [#347](https://github.com/kitconcept/volto-light-theme/pull/347)
75
+ - Fix teaser styles on add view. @davisagli [#354](https://github.com/kitconcept/volto-light-theme/pull/354)
76
+
77
+ ### Internal
78
+
79
+ - Update to Volto 17.15.1 @sneridagh [#348](https://github.com/kitconcept/volto-light-theme/pull/348)
80
+
81
+ ## 3.0.0 (2024-02-14)
82
+
83
+ ### Feature
84
+
85
+ - Add options to show intranet label and implement intranet header for intranet sites. @iFlameing [#304](https://github.com/kitconcept/volto-light-theme/pull/304)
86
+ - Add Event Metadata block @iRohitSingh [#334](https://github.com/kitconcept/volto-light-theme/pull/334)
87
+
88
+ ### Bugfix
89
+
90
+ - Fix Navigation fails html validator due to use of divs inside ul tag @iRohitSingh [#289](https://github.com/kitconcept/volto-light-theme/pull/289)
91
+ - Fixed the Caption for Images, Video Blocks etc. to use semantically correct HTML Structure @Molochem [#341](https://github.com/kitconcept/volto-light-theme/pull/341)
92
+ - Fix missing key in `Header` component @sneridagh [#345](https://github.com/kitconcept/volto-light-theme/pull/345)
93
+
94
+ ### Internal
95
+
96
+ - Support for enhanced initial blocks in config - Update to Volto 17.12.1 @sneridagh [#342](https://github.com/kitconcept/volto-light-theme/pull/342)
97
+
98
+ ## 3.0.0-alpha.3 (2024-02-02)
99
+
100
+ ### Feature
101
+
102
+ - Allow customizing the secondary navigation entries via Portal action. @iFlameing [#302](https://github.com/kitconcept/volto-light-theme/pull/302)
103
+
104
+ ### Bugfix
105
+
106
+ - Fix Fat menu A11y issues @iRohitSingh [#264](https://github.com/kitconcept/volto-light-theme/pull/264)
107
+ - Fix Introduction-Block inline-styles have wrong typography. @iFlameing [#314](https://github.com/kitconcept/volto-light-theme/pull/314)
108
+ - Remove extra site-map from header @iRohitSingh [#339](https://github.com/kitconcept/volto-light-theme/pull/339)
109
+
110
+ ### Internal
111
+
112
+ - Upgrade to Volto 17.11.2 and Plone 6.0.9 @sneridagh [#328](https://github.com/kitconcept/volto-light-theme/pull/328)
113
+ - Upgrade to Votlo 17.11.5 and Plone 6.0.9 @sneridagh [#331](https://github.com/kitconcept/volto-light-theme/pull/331)
114
+
115
+ ## 3.0.0-alpha.2 (2024-01-17)
116
+
117
+ ### Breaking
118
+
119
+ - Color background go to full-width now instead of snapping to 1440. @sneridagh
120
+ See decision in https://github.com/kitconcept/volto-light-theme/issues/323 [#323](https://github.com/kitconcept/volto-light-theme/pull/323)
121
+
122
+ ### Bugfix
123
+
124
+ - Fix Responsive breakpoints have gaps for navigation @iRohitSingh [#265](https://github.com/kitconcept/volto-light-theme/pull/265)
125
+ - Replaced static values of spacing mixins with variables @ichim-david [#286](https://github.com/kitconcept/volto-light-theme/pull/286)
126
+ - Fix paragraph in edit mode is not reflected in view mode of Introduction
127
+ Block @iRohitSingh [#324](https://github.com/kitconcept/volto-light-theme/pull/324)
128
+ - Increase BlocksChooser index higher than the sidebar one. @sneridagh [#327](https://github.com/kitconcept/volto-light-theme/pull/327)
129
+
130
+ ### Internal
131
+
132
+ - Add Search icon is missing on tablet & mobile screen sizes @iRohitSingh [#266](https://github.com/kitconcept/volto-light-theme/pull/266)
133
+
134
+ ## 3.0.0-alpha.1 (2024-01-02)
135
+
136
+ ### Breaking
137
+
138
+ - Change the Language Selector to only display the first 2 Characters of each Language @Molochem [#321](https://github.com/kitconcept/volto-light-theme/pull/321)
139
+
140
+ ### Feature
141
+
142
+ - Added a11y tests infrastructure @sneridagh [#300](https://github.com/kitconcept/volto-light-theme/pull/300)
143
+
144
+ ### Bugfix
145
+
146
+ - Fix wrong styling for all the groups by background in view mode @sneridagh
147
+ Added style support for Image block @sneridagh
148
+ Added style support for Listing block @sneridagh [#322](https://github.com/kitconcept/volto-light-theme/pull/322)
149
+
150
+ ## 3.0.0-alpha.0 (2023-12-27)
151
+
152
+ ### Breaking
153
+
154
+ - Upgraded the dependency on `@kitconcept/volto-slider-block` to use `6.0.0`.
155
+
156
+ This is a drop-in replacement, so no action is required for the existing slider blocks you may have already in your sites.
157
+ However, the CSS classes of the structural slider block elements changed in this version.
158
+ The inner (visible objects) CSS classes remain unchanged.
159
+ If you have customized them in your project, you may have to update them, although the structural class names are rarely customized aside from vertical spacing properties.
160
+ They are mapped 1:1 with the previous ones, following this table correspondence:
161
+
162
+ | Old className | New className |
163
+ | --------------- | ---------------- |
164
+ | slick-slider | slider-wrapper |
165
+ | slick-list | slider-viewport |
166
+ | slick-track | slider-container |
167
+ | slick-slide | slider-slide |
168
+ | slick-arrow | slider-button |
169
+ | slick-prev | slider-button-prev |
170
+ | slick-next | slider-slide-next |
171
+ | slick-next | slider-slide-next |
172
+ | slick-dots | slider-dots |
173
+ | slick-dot | slider-dot |
174
+
175
+ For more information, please check the https://github.com/kitconcept/volto-slider-block/blob/main/README.md [#288](https://github.com/kitconcept/volto-light-theme/pull/288)
176
+
177
+ ### Bugfix
178
+
179
+ - Fix showing up uploaded logo from site controlpanel. @iFlameing [#291](https://github.com/kitconcept/volto-light-theme/pull/291)
180
+ - Un-pin `eslint-plugin-jsx-a11y` version @sneridagh [#299](https://github.com/kitconcept/volto-light-theme/pull/299)
181
+ - Fix Blocks chooser styling @iRohitSingh [#307](https://github.com/kitconcept/volto-light-theme/pull/307)
182
+ - Remove id selector from listings because of css specificity @steffenri [#309](https://github.com/kitconcept/volto-light-theme/pull/309)
183
+ - Fix margins of h1 in sitemap view @steffenri [#312](https://github.com/kitconcept/volto-light-theme/pull/312)
184
+ - Fix homepage link for all language codes (#298) @steffenri [#313](https://github.com/kitconcept/volto-light-theme/pull/313)
185
+
186
+ ### Internal
187
+
188
+ - Upgrade slider to 6.1.0 @sneridagh [#316](https://github.com/kitconcept/volto-light-theme/pull/316)
189
+
190
+ ## 2.1.0 (2023-12-13)
191
+
192
+ ### Feature
193
+
194
+ - Added Image Gallery Listing Metadata @robgietema [#127](https://github.com/kitconcept/volto-light-theme/pull/127)
195
+ - Add Brazilian Portuguese translation [@ericof] [#294](https://github.com/kitconcept/volto-light-theme/pull/294)
196
+
197
+ ### Bugfix
198
+
199
+ - Also clean up Navigation PropTypes @fredvd [#272b](https://github.com/kitconcept/volto-light-theme/pull/272b)
200
+ - Fix css of External link icon indicator @iRohitSingh [#91](https://github.com/kitconcept/volto-light-theme/pull/91)
201
+ - Fix css of Sitemap @iRohitSingh [#209](https://github.com/kitconcept/volto-light-theme/pull/209)
202
+ - Fixed css errors in the header and image scss files @ichim-david
203
+ All the mobile menu items are now links @ichim-david
204
+ Close buttons are now tabbable @ichim-david
205
+ Close menu when hitting the escape key @ichim-david [#264](https://github.com/kitconcept/volto-light-theme/pull/264)
206
+ - Use only one set of values for container widths which can be modified from variables @ichim-david [#265](https://github.com/kitconcept/volto-light-theme/pull/265)
207
+ - Update contentMetadataTagsImageField settings to use preview_image field. @iRohitSingh [#274](https://github.com/kitconcept/volto-light-theme/pull/274)
208
+ - Removed the "overview" React Message from Fat Menu @Molochem [#276](https://github.com/kitconcept/volto-light-theme/pull/276)
209
+ - Moved custom font loading to a separate fonts.scss @ichim-david
210
+ Added variable definitions for loading the cms font instead of hard-coding to Metropolis @ichim-david [#279](https://github.com/kitconcept/volto-light-theme/pull/279)
211
+ - Minor style fixes for hamburger menu icon @danalvrz [#281](https://github.com/kitconcept/volto-light-theme/pull/281)
212
+ - Don't force aspect ratio for the Image content type view @iRohitSingh [#293](https://github.com/kitconcept/volto-light-theme/pull/293)
213
+
214
+ ### Internal
215
+
216
+ - Run CI workflows for external PRs. @davisagli [#271](https://github.com/kitconcept/volto-light-theme/pull/271)
217
+ - Remove old code from navigation component @steffenri [#272](https://github.com/kitconcept/volto-light-theme/pull/272)
218
+ - Remove Hero Block @iRohitSingh [#278](https://github.com/kitconcept/volto-light-theme/pull/278)
219
+
220
+ ## 2.0.0 (2023-11-16)
221
+
222
+ ### Breaking
223
+
224
+ - Added fat menu and mobile menu. @iFlameing
225
+ Since 2.0.0, the light theme has a fat menu (below the main site sections) triggered clickin on one of them.
226
+ It's behind a feature flag, as opt-out:
227
+
228
+ ```js
229
+ config.settings.enableFatMenu = true;
230
+ ``` [#86](https://github.com/kitconcept/volto-light-theme/pull/86)
231
+
232
+ ### Feature
233
+
234
+ - Added Focus and Hover Attributes to UI Buttons @Molochem [#260](https://github.com/kitconcept/volto-light-theme/pull/260)
235
+
236
+ ### Bugfix
237
+
238
+ - Fix max height for full width map iframe @danalvrz [#257](https://github.com/kitconcept/volto-light-theme/pull/257)
239
+ - Fix header alignment of the sections @sneridagh [#261](https://github.com/kitconcept/volto-light-theme/pull/261)
240
+
241
+ ### Internal
242
+
243
+ - Update to latest Plone and Volto @sneridagh
244
+ Pin `volto-slider-block` to 5.1.1 [#262](https://github.com/kitconcept/volto-light-theme/pull/262)
245
+
246
+ ## 1.0.1 (2023-10-18)
247
+
248
+ ### Bugfix
249
+
250
+ - Small CSS adjustments @sneridagh [#249](https://github.com/kitconcept/volto-light-theme/pull/249)
251
+
252
+ ### Internal
253
+
254
+ - Update to Volto 17 final @sneridagh [#246](https://github.com/kitconcept/volto-light-theme/pull/246)
255
+ - Bump Volto version @sneridagh [#249](https://github.com/kitconcept/volto-light-theme/pull/249)
256
+
257
+
258
+ ## 1.0.0 (2023-09-29)
259
+
260
+ ### Feature
261
+
262
+ - Update to use the proper linter versions and correct violations @sneridagh [#245](https://github.com/kitconcept/volto-light-theme/pull/245)
263
+
264
+ ### Bugfix
265
+
266
+ - Upgrade highlight to 3.0.0 and downgrade Plone to 6.0.6 @sneridagh [#244](https://github.com/kitconcept/volto-light-theme/pull/244)
267
+
268
+
269
+ ## 1.0.0-rc.20 (2023-09-28)
270
+
271
+ ### Feature
272
+
273
+ - Add volto-highlight-block @sneridagh [#243](https://github.com/kitconcept/volto-light-theme/pull/243)
274
+
275
+
276
+ ## 1.0.0-rc.19 (2023-09-28)
277
+
278
+ ### Bugfix
279
+
280
+ - Remove too large margins on listing blocks @steffenri [#239](https://github.com/kitconcept/volto-light-theme/pull/239)
281
+ - Fix font sizes of one element in grids for edit mode @sneridagh [#241](https://github.com/kitconcept/volto-light-theme/pull/241)
282
+ - Update to latest accordion-block, some fixes @sneridagh [#242](https://github.com/kitconcept/volto-light-theme/pull/242)
283
+
284
+
285
+ ## 1.0.0-rc.18 (2023-09-25)
286
+
287
+ ### Feature
288
+
289
+ - Add button and flagAlign in slider block @iRohitSingh [#37](https://github.com/kitconcept/volto-light-theme/pull/37)
290
+ - Upgrade to Volto 17a27 @sneridagh [#232](https://github.com/kitconcept/volto-light-theme/pull/232)
291
+ - Add kitconcept branding @sneridagh
292
+ Add link to GitHub repo @sneridagh [#233](https://github.com/kitconcept/volto-light-theme/pull/233)
293
+
294
+ ### Bugfix
295
+
296
+ - Fix aspect ratio in slider @sneridagh [#233](https://github.com/kitconcept/volto-light-theme/pull/233)
297
+ - Fix form inputs height, transfer the height property to the parent .ui.input instead of the input itself, which behaves wrong. @sneridagh [#234](https://github.com/kitconcept/volto-light-theme/pull/234)
298
+ - Fix anontools in header, convert it to functional @sneridagh [#236](https://github.com/kitconcept/volto-light-theme/pull/236)
299
+
300
+
301
+ ## 1.0.0-rc.17 (2023-09-18)
302
+
303
+ ### Feature
304
+
305
+ - Upgrade to Volto 17a26 - Fix i18n - Upgrade Cypress 13 @sneridagh [#229](https://github.com/kitconcept/volto-light-theme/pull/229)
306
+ - Upgrade volto-heading-block version @sneridagh [#230](https://github.com/kitconcept/volto-light-theme/pull/230)
307
+
308
+ ### Bugfix
309
+
310
+ - Fix css for showing external link icon. @iFlameing [#19](https://github.com/kitconcept/volto-light-theme/pull/19)
311
+ - Remove extra config from table block @iFlameing. [#91](https://github.com/kitconcept/volto-light-theme/pull/91)
312
+ - Fix `dates` bottom margin for News Item in mobile. @danalvrz
313
+ Fix margins for Image block. @danalvrz
314
+ Fix margins for Video block. @danalvrz
315
+ Fix block title margin for Listing in Edit. @danalvrz
316
+ Fix block title margin for Grid in Edit. @danalvrz
317
+ Fix margin for Heading block in Edit. @danalvrz
318
+ Fix margins for Separator in Edit. @danalvrz
319
+ Fix margins for Maps block. @danalvrz [#220](https://github.com/kitconcept/volto-light-theme/pull/220)
320
+ - Write cypress test for the listing Grid variation. @iFlameing [#221](https://github.com/kitconcept/volto-light-theme/pull/221)
321
+ - Add acceptance test for maps block @iFlameing. [#223](https://github.com/kitconcept/volto-light-theme/pull/223)
322
+ - Fix mismatch of event view with Figma. @iFlameing [#226](https://github.com/kitconcept/volto-light-theme/pull/226)
323
+ - Fix a11y violation in File view. @iFlameing [#227](https://github.com/kitconcept/volto-light-theme/pull/227)
324
+
325
+
326
+ ## 1.0.0-rc.16 (2023-08-15)
327
+
328
+ ### Bugfix
329
+
330
+ - Add icons and default image customizations, fix other small image sizing issues for Listings, fix spacing issues for Search block. @danalvrz [#207](https://github.com/kitconcept/volto-light-theme/pull/207)
331
+ - Fix font-size of alt text description. @iFlameing [#217](https://github.com/kitconcept/volto-light-theme/pull/217)
332
+ - Fix unconditional Register link in header. @fredvd [#219](https://github.com/kitconcept/volto-light-theme/pull/219)
333
+
334
+
335
+ ## 1.0.0-rc.15 (2023-08-09)
336
+
337
+ ### Bugfix
338
+
339
+ - Update the recommended version of volto-separator-block to 4.0.0. @davisagli [#211](https://github.com/kitconcept/volto-light-theme/pull/211)
340
+ - ToC block fixes (remove most fields from the block, add default styling
341
+ schema, fix width in edit mode). @davisagli [#212](https://github.com/kitconcept/volto-light-theme/pull/212)
342
+ - Hide unnecessary Search block fields. @danalvrz [#213](https://github.com/kitconcept/volto-light-theme/pull/213)
343
+ - Upgrade to Volto 17-0.0-alpha.24. @davisagli [#214](https://github.com/kitconcept/volto-light-theme/pull/214)
344
+
345
+
346
+ ## 1.0.0-rc.14 (2023-08-08)
347
+
348
+ ### Feature
349
+
350
+ - Hide change note field. @davisagli [#206](https://github.com/kitconcept/volto-light-theme/pull/206)
351
+
352
+ ### Bugfix
353
+
354
+ - Remove external link icon from ICS download button event content type @iRohitSingh [#201](https://github.com/kitconcept/volto-light-theme/pull/201)
355
+ - Fix teaser right align is not aligned to right side of page @iFlameing. [#202](https://github.com/kitconcept/volto-light-theme/pull/202)
356
+ - Add missing german translations @steffenri [#205](https://github.com/kitconcept/volto-light-theme/pull/205)
357
+
358
+
359
+ ## 1.0.0-rc.13 (2023-08-03)
360
+
361
+ ### Bugfix
362
+
363
+ - Add external link for slate block @iRohitSingh [#188](https://github.com/kitconcept/volto-light-theme/pull/188)
364
+ - Fix responsive of listing block. @iFlameing [#189](https://github.com/kitconcept/volto-light-theme/pull/189)
365
+ - Fix pagination styles for Listings. @danalvrz
366
+
367
+ Change divider bar in News Item head title from string to pseudo-element. @danalvrz
368
+
369
+ Fix text decoration for links. @danalvrz
370
+
371
+ Fix background color for in-Grid Slate. @danalvrz
372
+
373
+ Fix Image block margins. @danalvrz
374
+
375
+ Fix Grid Listing variation CSS. @danalvrz
376
+
377
+ Fix Separator margin when preceded by Image block. @danalvrz
378
+
379
+ Fix Teaser margin in mobile. @danalvrz [#191](https://github.com/kitconcept/volto-light-theme/pull/191)
380
+ - Enable automatic hyphenation. @iFlameing [#193](https://github.com/kitconcept/volto-light-theme/pull/193)
381
+ - Upgrade to Volto 17.0.0-alpha.23 @davisagli [#195](https://github.com/kitconcept/volto-light-theme/pull/195)
382
+ - Fix image rights @iFlameing. [#197](https://github.com/kitconcept/volto-light-theme/pull/197)
383
+ - Fix aspect-ratio and add rule to center object position for all images. @danalvrz [#199](https://github.com/kitconcept/volto-light-theme/pull/199)
384
+
385
+
386
+ ## 1.0.0-rc.12 (2023-07-28)
387
+
388
+ ### Feature
389
+
390
+ - Upgrade to Volto 17a22. @davisagli [#186](https://github.com/kitconcept/volto-light-theme/pull/186)
391
+
392
+ ### Bugfix
393
+
394
+ - Fix responsive font sizing for headings. @danalvrz [#182](https://github.com/kitconcept/volto-light-theme/pull/182)
395
+ - Fix map block. @iFlameing [#183](https://github.com/kitconcept/volto-light-theme/pull/183)
396
+
397
+
398
+ ## 1.0.0-rc.11 (2023-07-28)
399
+
400
+ ### Breaking
401
+
402
+ - Update to Volto 17a21
403
+ Deprecate volto-image-block
404
+ Use new core Image component
405
+ @sneridagh [#177](https://github.com/kitconcept/volto-light-theme/pull/177)
406
+
407
+
408
+ ## 1.0.0-rc.10 (2023-07-26)
409
+
410
+ ### Bugfix
411
+
412
+ - Fix styles for blocks inside the Accordion block. @danalvrz [#146](https://github.com/kitconcept/volto-light-theme/pull/146)
413
+ - Fix styles for Search block's results default and summary listings. @danalvrz [#168](https://github.com/kitconcept/volto-light-theme/pull/168)
414
+ - Fix container problem of Event View @iFlameing [#170](https://github.com/kitconcept/volto-light-theme/pull/170)
415
+ - Add missing translation. @danalvrz [#172](https://github.com/kitconcept/volto-light-theme/pull/172)
416
+ - Fix contained block editor wrapper (for listings) @sneridagh [#173](https://github.com/kitconcept/volto-light-theme/pull/173)
417
+ - Update volto-button-block to 2.3.1 @steffenri [#174](https://github.com/kitconcept/volto-light-theme/pull/174)
418
+ - Update Table block to contain styling fieldset and css fix. @iFlameing [#175](https://github.com/kitconcept/volto-light-theme/pull/175)
419
+ - Remove levels choices h1,h4,h5 and h6 from Toc block @iRohitSingh [#178](https://github.com/kitconcept/volto-light-theme/pull/178)
420
+ - Fix responsiveness of video block. @iFlameing [#180](https://github.com/kitconcept/volto-light-theme/pull/180)
421
+ - Fixed responsive spacings & font sizes for mobile screens. @danalvrz [#181](https://github.com/kitconcept/volto-light-theme/pull/181)
422
+
423
+
424
+ ## 1.0.0-rc.9 (2023-07-19)
425
+
426
+ ### Breaking
427
+
428
+ - Refactor existing customizations, removing the ones no longer needed (because they are present in Volto already) and using the new pattern in the others. Volto 17a20 is required in order to retain consistency. @sneridagh [#166](https://github.com/kitconcept/volto-light-theme/pull/166)
429
+
430
+ ### Bugfix
431
+
432
+ - Fix NewsItemView as wella sd Link View @iFlameing [#127](https://github.com/kitconcept/volto-light-theme/pull/127)
433
+ - Fix Image View in edit mode @iFlameing. [#154](https://github.com/kitconcept/volto-light-theme/pull/154)
434
+ - Update volto-image-block @sneridagh [#159](https://github.com/kitconcept/volto-light-theme/pull/159)
435
+ - Fix File View implementation @iFlameing [#162](https://github.com/kitconcept/volto-light-theme/pull/162)
436
+
437
+ ### Internal
438
+
439
+ - Upgrade volto-image-block to fix the image upload @sneridagh [#149](https://github.com/kitconcept/volto-light-theme/pull/149)
440
+ - Upgrade to Volto 17a20 @sneridagh [#163](https://github.com/kitconcept/volto-light-theme/pull/163)
441
+ - Remove the `apiExpanders` existing locally in the package since it's already in Volto 17a20 @sneridagh [#164](https://github.com/kitconcept/volto-light-theme/pull/164)
442
+
443
+
444
+ ## 1.0.0-rc.8 (2023-07-14)
445
+
446
+ ### Bugfix
447
+
448
+ - Fix Image content type @iRohitSingh [#18](https://github.com/kitconcept/volto-light-theme/pull/18)
449
+ - Fix a11y issues in EventView @steffenri [#147](https://github.com/kitconcept/volto-light-theme/pull/147)
450
+ - Remove typo in fileview @steffenri [#148](https://github.com/kitconcept/volto-light-theme/pull/148)
451
+
452
+ ### Documentation
453
+
454
+ - Documentation on local docker development - local ESlint working @sneridagh [#144](https://github.com/kitconcept/volto-light-theme/pull/144)
455
+
456
+
457
+ ## 1.0.0-rc.7 (2023-07-13)
458
+
459
+ ### Bugfix
460
+
461
+ - Fix File content type @iRohitSingh [#17](https://github.com/kitconcept/volto-light-theme/pull/17)
462
+ - Add idiomatic order CSS package @sneridagh
463
+ Fix margin in edit mode for all blocks @sneridagh [#142](https://github.com/kitconcept/volto-light-theme/pull/142)
464
+ - Fix CSS for Accordion block. @danalvrz [#143](https://github.com/kitconcept/volto-light-theme/pull/143)
465
+
466
+
467
+ ## 1.0.0-rc.6 (2023-07-12)
468
+
469
+ ### Bugfix
470
+
471
+ - Fix Event content type @iRohitSingh [#16](https://github.com/kitconcept/volto-light-theme/pull/16)
472
+ - Fix local linting, add proper eslintignore @sneridagh [#139](https://github.com/kitconcept/volto-light-theme/pull/139)
473
+ - Minor fix for Listing margins. @danalvrz [#140](https://github.com/kitconcept/volto-light-theme/pull/140)
474
+ - Fix gutter for grids for small screens. Improve overall margins calculations for all blocks in the content area. @sneridagh [#141](https://github.com/kitconcept/volto-light-theme/pull/141)
475
+
476
+
477
+ ## 1.0.0-rc.5 (2023-07-11)
478
+
479
+ ### Breaking
480
+
481
+ - Move the container query polyfill to an add-on profile, disabled by default @sneridagh [#137](https://github.com/kitconcept/volto-light-theme/pull/137)
482
+
483
+ ### Feature
484
+
485
+ - Upgrade to Volto 17a17 as baseline @sneridagh [#136](https://github.com/kitconcept/volto-light-theme/pull/136)
486
+ - Add acceptance tests layer, update docker files and Makefile @sneridagh [#137](https://github.com/kitconcept/volto-light-theme/pull/137)
487
+
488
+ ### Bugfix
489
+
490
+ - Check if the separator is present before enhancing it @sneridagh [#138](https://github.com/kitconcept/volto-light-theme/pull/138)
491
+
492
+
493
+ ## 1.0.0-rc.4 (2023-07-11)
494
+
495
+ ### Bugfix
496
+
497
+ - Fix Teaser block CSS. @danalvrz [#134](https://github.com/kitconcept/volto-light-theme/pull/134)
498
+
499
+
500
+ ## 1.0.0-rc.3 (2023-07-10)
501
+
502
+ ### Breaking
503
+
504
+ - Remove `@kitconcept/volto-blocks-grid` dependency @sneridagh [#131](https://github.com/kitconcept/volto-light-theme/pull/131)
505
+
506
+ ### Bugfix
507
+
508
+ - Fix minor style bugs for Listing block @danalvrz [#130](https://github.com/kitconcept/volto-light-theme/pull/130)
509
+
510
+ ### Internal
511
+
512
+ - Create deploy to https://light-theme.kitconcept.io [@ericof] [#72](https://github.com/kitconcept/volto-light-theme/pull/72)
513
+
514
+
515
+ ## 1.0.0-rc.2 (2023-07-07)
516
+
517
+ ### Bugfix
518
+
519
+ - Add NewsItemView @iFlamieng [#127](https://github.com/kitconcept/volto-light-theme/pull/127)
520
+ - Add support for margins in responsive. Improve the spacing in grids. @sneridagh [#129](https://github.com/kitconcept/volto-light-theme/pull/129)
521
+
522
+
523
+ ## 1.0.0-rc.1 (2023-07-05)
524
+
525
+ ### Bugfix
526
+
527
+ - Fix css issue of image block full width variante @iFlameing [#115](https://github.com/kitconcept/volto-light-theme/pull/115)
528
+ - Fix minor style bugs in several components. @danalvrz [#122](https://github.com/kitconcept/volto-light-theme/pull/122)
529
+
530
+
531
+ ## 1.0.0-rc.0 (2023-06-29)
532
+
533
+ ### Feature
534
+
535
+ - Adding StyleWrapperStyles extender @sneridagh [#54](https://github.com/kitconcept/volto-light-theme/pull/54)
536
+ - Backporting listing customizations from dlr. @iRohitSingh [#55](https://github.com/kitconcept/volto-light-theme/pull/55)
537
+ - Backport of Search Block from Dlr @iFlameing [#56](https://github.com/kitconcept/volto-light-theme/pull/56)
538
+ - Add apiExpanders @sneridagh [#65](https://github.com/kitconcept/volto-light-theme/pull/65)
539
+ - Add entry points to the theme for allowing another add-on to customize it @sneridagh [#71](https://github.com/kitconcept/volto-light-theme/pull/71)
540
+ - Add support for mermaidBlock and table @sneridagh [#72](https://github.com/kitconcept/volto-light-theme/pull/72)
541
+ - Add declarative theme support @sneridagh [#73](https://github.com/kitconcept/volto-light-theme/pull/73)
542
+ - New testing infrastructure @sneridagh [#75](https://github.com/kitconcept/volto-light-theme/pull/75)
543
+ - Add font patterns @danalvrz [#76](https://github.com/kitconcept/volto-light-theme/pull/76)
544
+ - Removes `ListingBody` component customization, since it is redundant now, update the `DefaultTemplate` for Listing block @sneridagh [#80](https://github.com/kitconcept/volto-light-theme/pull/80)
545
+ - Add auto block grouping per backgroundColor @sneridagh [#83](https://github.com/kitconcept/volto-light-theme/pull/83)
546
+ - Customize SummaryTemplate to render dynamic ItemBodyTemplates from the registry, depending on the item's type @danalvrz [#86](https://github.com/kitconcept/volto-light-theme/pull/86)
547
+ - Refactor customizations, add comments everywhere, customizations as a proxy to components in light theme to allow selective customizations in the theme not in Volto itself. @sneridagh [#88](https://github.com/kitconcept/volto-light-theme/pull/88)
548
+ - Enable background color styling for slate blocks using the autogrouping @sneridagh [#89](https://github.com/kitconcept/volto-light-theme/pull/89)
549
+ - Add Grid listing variation @danalvrz [#91](https://github.com/kitconcept/volto-light-theme/pull/91)
550
+ - Add accordion @sneridagh [#108](https://github.com/kitconcept/volto-light-theme/pull/108)
551
+ - Prepare to release @sneridagh
552
+ Add support for core Grid block @sneridagh [#119](https://github.com/kitconcept/volto-light-theme/pull/119)
553
+
554
+ ### Bugfix
555
+
556
+ - Fix css of Table of Contents block @iRohitSingh [#35](https://github.com/kitconcept/volto-light-theme/pull/35)
557
+ - Remove style enhancer for separator block from theme @danalvrz [#39](https://github.com/kitconcept/volto-light-theme/pull/39)
558
+ - Add temporary fix for images in teasers until https://github.com/kitconcept/volto-light-theme/issues/40 is fixed. @sneridagh [#43](https://github.com/kitconcept/volto-light-theme/pull/43)
559
+ - Fix breadcrumbs in ObjectBrowser, add new Container @sneridagh [#45](https://github.com/kitconcept/volto-light-theme/pull/45)
560
+ - Minor padding fix in header @danalvrz [#47](https://github.com/kitconcept/volto-light-theme/pull/47)
561
+ - Fix stylelint @sneridagh [#48](https://github.com/kitconcept/volto-light-theme/pull/48)
562
+ - Fix grids in edit mode @sneridagh [#49](https://github.com/kitconcept/volto-light-theme/pull/49)
563
+ - Remove for now a selector definition that is making leak the grey background in all slate blocks grid or not grid @sneridagh [#50](https://github.com/kitconcept/volto-light-theme/pull/50)
564
+ - Fix h1 width to use default instead of layout @sneridagh [#51](https://github.com/kitconcept/volto-light-theme/pull/51)
565
+ - Relocate slate selector, and headline margin fix, for grid block @danalvrz [#52](https://github.com/kitconcept/volto-light-theme/pull/52)
566
+ - Add footer site as backend actions, fix translations @sneridagh [#53](https://github.com/kitconcept/volto-light-theme/pull/53)
567
+ - Some grid fixes for top padding @sneridagh [#57](https://github.com/kitconcept/volto-light-theme/pull/57)
568
+ - Added rule to align hamburger menu to the right when in mobile screen @danalvrz [#58](https://github.com/kitconcept/volto-light-theme/pull/58)
569
+ - Minor width fix to separator full variant @danalvrz [#59](https://github.com/kitconcept/volto-light-theme/pull/59)
570
+ - Fix styles for introduction block @danalvrz [#61](https://github.com/kitconcept/volto-light-theme/pull/61)
571
+ - Remove Title as required block. Fix the single image use case in a grid @sneridagh [#62](https://github.com/kitconcept/volto-light-theme/pull/62)
572
+ - Add style to Button block @iRohitSingh [#63](https://github.com/kitconcept/volto-light-theme/pull/63)
573
+ - Update grid block style @danalvrz
574
+ Fix css of Right aligned teaser on view mode @iRohitSingh [#66](https://github.com/kitconcept/volto-light-theme/pull/66)
575
+ - Minor spacing fix for teaser block @danalvrz [#67](https://github.com/kitconcept/volto-light-theme/pull/67)
576
+ - Add bottom margin to introduction block @danalvrz [#69](https://github.com/kitconcept/volto-light-theme/pull/69)
577
+ - Fix ListingBody to display headline property @danalvrz [#78](https://github.com/kitconcept/volto-light-theme/pull/78)
578
+ - Add Heading-Block to required blocks list in README @danalvrz [#79](https://github.com/kitconcept/volto-light-theme/pull/79)
579
+ - Fix variables order, add !default to all theme vars @sneridagh [#81](https://github.com/kitconcept/volto-light-theme/pull/81)
580
+ - Fix grid teasers full height @sneridagh [#85](https://github.com/kitconcept/volto-light-theme/pull/85)
581
+ - Fix absolute elements in containers @sneridagh [#87](https://github.com/kitconcept/volto-light-theme/pull/87)
582
+ - Fixes in grids and support for the Volto 17 and volto-blocks-grid popperjs based blockschooser @sneridagh [#89](https://github.com/kitconcept/volto-light-theme/pull/89)
583
+ - Change component name to SummaryListingItemTemplate @danalvrz [#92](https://github.com/kitconcept/volto-light-theme/pull/92)
584
+ - Fix priority for the toolbar and the containers @sneridagh [#93](https://github.com/kitconcept/volto-light-theme/pull/93)
585
+ - Fix contents view, add horizontal scrolling @sneridagh [#94](https://github.com/kitconcept/volto-light-theme/pull/94)
586
+ - Fix autogrouping flaw, defaulting to transparent in case that there is no backgroundColor information set @sneridagh [#96](https://github.com/kitconcept/volto-light-theme/pull/96)
587
+ - Transparent by default in classname. Vertical spacing, using margin-bottom as reference. Grids. @sneridagh [#97](https://github.com/kitconcept/volto-light-theme/pull/97)
588
+ - Fix styles for standalone teaser and grid-teaser-item @danalvrz [#98](https://github.com/kitconcept/volto-light-theme/pull/98)
589
+ - Remove 'wide' from inner-alignment actions @danalvrz [#100](https://github.com/kitconcept/volto-light-theme/pull/100)
590
+ - Adjustments to grids and various @sneridagh [#101](https://github.com/kitconcept/volto-light-theme/pull/101)
591
+ - Fix values for the agreed vertical spacing between color blocks. Other minor adjustments. @sneridagh [#109](https://github.com/kitconcept/volto-light-theme/pull/109)
592
+ - Fix styles for in-grid Slate block @danalvrz [#110](https://github.com/kitconcept/volto-light-theme/pull/110)
593
+ - Fix styles for in-grid Images. @danalvrz [#111](https://github.com/kitconcept/volto-light-theme/pull/111)
594
+ - Fix grid image block css @iFlameing [#112](https://github.com/kitconcept/volto-light-theme/pull/112)
595
+ - Fix last Teaser bottom border @danalvrz [#117](https://github.com/kitconcept/volto-light-theme/pull/117)
596
+ - Fix Separator margins when it has center alignment. @danalvrz [#118](https://github.com/kitconcept/volto-light-theme/pull/118)
597
+
598
+ ### Documentation
599
+
600
+ - Add documentation about the rules used in the theme @sneridagh [#109](https://github.com/kitconcept/volto-light-theme/pull/109)
package/README.md ADDED
@@ -0,0 +1,364 @@
1
+ # Volto Light Theme by kitconcept
2
+
3
+ [![NPM](https://img.shields.io/npm/v/@kitconcept/volto-light-theme.svg)](https://www.npmjs.com/package/@kitconcept/volto-light-theme)
4
+ [![Build Status](https://github.com/kitconcept/volto-light-theme/actions/workflows/code.yml/badge.svg)](https://github.com/kitconcept/volto-light-theme/actions)
5
+ [![Build Status](https://github.com/kitconcept/volto-light-theme/actions/workflows/unit.yml/badge.svg)](https://github.com/kitconcept/volto-light-theme/actions)
6
+ [![Build Status](https://github.com/kitconcept/volto-light-theme/actions/workflows/acceptance.yml/badge.svg)](https://github.com/kitconcept/volto-light-theme/actions)
7
+
8
+ ![kitconcept GmbH](https://github.com/kitconcept/volto-blocks/raw/master/kitconcept.png)
9
+
10
+ ## Vision
11
+
12
+ The main vision of the Volto Light Theme is to serve as a foundation for kitconcept's future projects, following the release of Plone 6.
13
+
14
+ It contains the feedback from the company's last years projects and the success stories in the UI/UX side.
15
+
16
+ It aims to be future proof, so it has to be aligned with the upcoming Volto vision in terms of theming strategy decided by the Plone community.
17
+
18
+ ![Volto-Light-Theme](https://github.com/kitconcept/volto-light-theme/raw/main/volto-light-theme.png)
19
+
20
+ ## Requirements and specs
21
+
22
+ ### It should not use any SemanticUI component or styling
23
+
24
+ Volto will abandon SemanticUI as default design component system in the mid term, and we should be prepared for it.
25
+
26
+ We will achieve that by not using any SemanticUI component, nor any related styling (`.ui.XXX`) in our upcoming themes.
27
+
28
+ The Volto strategy is:
29
+
30
+ - Provide a very basic and structural Vanilla components to build upon theming and CMSUI as well (`@plone/components`)
31
+ - These components will be based in a headless component system [React Aria Components](https://react-spectrum.adobe.com/react-aria/components.html)
32
+ - Volto projects can be themed using `@plone/components` as baseline or use a complete different design or component system of the developer/integrator choice. The presence of Volto's component registry system could help for adapting, if required.
33
+
34
+ #### Volto components `customizations` use case
35
+
36
+ If possible, we will switch to SemanticUI-less components when `@plone/components` is ready.
37
+ Specially if the elements that we are customizing are clearly "theme" (eg. header/footer, etc).
38
+ In the case of other Volto customizations that are not clear part of the theme (eg. Search block), it's fine to stick using what the original is using (SemanticUI).
39
+ When Volto will make the switch in the future, we should then adapt all the customizations to match the one in the Volto core.
40
+ The approach used is to use a proxy to a component of the `components` folder. This way it's easier to keep track of changes, and another add-on can customize again the light theme component, not the original Volto customization.
41
+
42
+ ### It should use kitconcept's layout used in FZJ/DLR projects
43
+
44
+ Since FZJ/DLR projects we've been trying a new concept in layout for Volto. This new layout uses three widths for the content elements:
45
+
46
+ - Narrow (text)
47
+ - Default (blocks)
48
+ - Layout (main screen elements like Header, Footer)
49
+
50
+ The Layout sized elements snap to 1440px. The breakpoints are also different than default Volto.
51
+
52
+ This new layout uses mixin's and CSS that can be found in `layout.less` in the theme folder.
53
+
54
+ Since the new container queries spec is out, we will be introducing it to the current CSS in order to implement the complexities that the "inner container" (the one between the toolbar and the sidebar) width presents. Until now, we did complex calculations given into account if the size of the inner container depending if the toolbar, the sidebar, or both were presents. With container queries we can do that in a more sensible and easy way.
55
+
56
+ ### Organization of the files
57
+
58
+ We will start organising the files in the root of `theme` folder, to differentiate from a normal "SemanticUI" theme. Take a look at the current state. We will follow this convention:
59
+
60
+ - One file per component/block
61
+ - Use the Volto theme facility using the SCSS scape hatch provided so other add-ons can hook to it.
62
+ - The styling is centralized in `main.scss`, the rest of the files are loaded from there.
63
+
64
+ ## Why a headless component system?
65
+
66
+ https://medium.com/@nirbenyair/headless-components-in-react-and-why-i-stopped-using-ui-libraries-a8208197c268
67
+
68
+ ## Vertical spacing block model
69
+
70
+ This theme has the concept of block "grouping" given two consecutive blocks with the same styling block wrapper property `backgroundColor`. You have to add this property to your blocks in your blocks code. This add-on customizes `RenderBlocks.jsx` component in order to do so.
71
+
72
+ The wrappers have the classnames `blocks-group-wrapper` and the name of the background color, eg. `grey`, defaulting to `transparent` if no `backgroundColor` property is set in the styling block wrapper in the block.
73
+
74
+ **Disclaimer**: This might change in the near future, since we are developing a new integral Block Model for VLT and Volto.
75
+
76
+ ### Vertical spacing rules
77
+
78
+ These main rules spec applies to the theme:
79
+
80
+ - On each change of color, a vertical padding (both `padding-bottom` and `padding-top`) of `80px` defined with the main variable `$color-block-change-vertical-spacing`.
81
+ - The default bottom margin is defined with the main variable `$block-vertical-space` and set by default to `25px`.
82
+ - [grid] Vertical spacing for grids should be `80px` for both top and bottom, even if the previous and next blocks are of the same color.
83
+ - [grid+grid] When two grids happen side by side and are of the same color. It should be equal to the grid gap, so it's set to `@gutterWidth` and currently `1rem`. It has to be adjusted with a bit of negative margin to cancel the current inner padding in grid cells.
84
+ - [grid+grid] Grids columns belonging to the same grid and same color in small mobile viewports. They should be closer to match the other adjacent ones, so they seem to belong to the same grid set.
85
+ - [footer] The footer has a top vertical spacing of `80px`.
86
+ - [teasers] The last teaser, except if the following is a button, does NOT have a line at the bottom.
87
+ - [listing] The last listing, except if the following is a button, does NOT have a line at the bottom.
88
+ - [listing] After two consecutive listings, the vertical spacing should be `200px`.
89
+ - [text+button] If there's a text and a button, then the vertical spacing betweeen them is `60px`.
90
+ - [image+separator-block] If after image comes a separator block, the vertical spacing between them is `40px`.
91
+
92
+ ### Media queries vs container queries
93
+
94
+ We use media queries when the styling it's generic enough to apply only to the View.
95
+
96
+ We use container queries when do care explicitly about how the styling is being applied in edit mode as well and we want the content area to behave 1:1 with the view mode.
97
+
98
+ Reason: The container queries allow us to abstract the width from the sidebar and toolbar in edit mode, showing the content area as it will be in that size, in view mode.
99
+
100
+ **Remember**: The margins in responsive are being taken care with container queries in `layout.scss`. So everything related to that, goes like it works in there, with container queries. See implementations for details in case you need it.
101
+
102
+ ## Specification
103
+
104
+ `@kitconcept/volto-light-theme` works with the following Plone Blocks:
105
+
106
+ - Grid-Block (https://www.npmjs.com/package/@kitconcept/volto-blocks-grid)
107
+ - Teaser-Block (https://www.npmjs.com/package/@kitconcept/volto-blocks-grid)
108
+ - Slider-Block (https://www.npmjs.com/package/@kitconcept/volto-slider-block)
109
+ - Button-Block (https://www.npmjs.com/package/@kitconcept/volto-button-block)
110
+ - Separator-Block (https://www.npmjs.com/package/@kitconcept/volto-separator-block)
111
+ - Heading-Block (https://www.npmjs.com/package/@kitconcept/volto-heading-block)
112
+ - Introduction-Block (https://www.npmjs.com/package/@kitconcept/volto-introduction-block)
113
+ - Accordion-Block (https://www.npmjs.com/package/@eeacms/volto-accordion-block)
114
+
115
+ and the following add-ons:
116
+
117
+ - DSGVO-Banner (https://www.npmjs.com/package/@kitconcept/volto-dsgvo-banner)
118
+
119
+ ## Installation
120
+
121
+ It is recommended that your project or policy add-on `package.json` include the aforementioned add-ons.
122
+
123
+ ```json
124
+ "dependencies": {
125
+ "@eeacms/volto-accordion-block": "^10.4.0",
126
+ "@kitconcept/volto-button-block": "^2.3.1",
127
+ "@kitconcept/volto-dsgvo-banner": "^1.3.0",
128
+ "@kitconcept/volto-heading-block": "^2.4.0",
129
+ "@kitconcept/volto-highlight-block": "^3.0.0",
130
+ "@kitconcept/volto-introduction-block": "^1.0.0",
131
+ "@kitconcept/volto-separator-block": "^4.0.0",
132
+ "@kitconcept/volto-slider-block": "^6.0.0",
133
+ "@kitconcept/volto-light-theme": "^2.0.0",
134
+ }
135
+ ```
136
+
137
+ This theme won't install them for you, as they are declared as `peerDependencies`.
138
+ This is because the theme won't have to force you to use any specific add-on version, and avoids package hoisting issues.
139
+
140
+ In your project or policy add-on `package.json` you should declare all of them as Volto add-ons
141
+
142
+ ```json
143
+ "addons": [
144
+ "@eeacms/volto-accordion-block",
145
+ "@kitconcept/volto-button-block",
146
+ "@kitconcept/volto-heading-block",
147
+ "@kitconcept/volto-introduction-block",
148
+ "@kitconcept/volto-highlight-block",
149
+ "@kitconcept/volto-separator-block",
150
+ "@kitconcept/volto-light-theme",
151
+ "your_policy_addon_here"
152
+ ],
153
+ ```
154
+
155
+ Make sure your policy add-on is the last one, as you would want that its configuration has priority over all the others. Make sure also that `@kitconcept/volto-light-theme` is the one before your policy add-on.
156
+
157
+ Then, declare the theme in your project `package.json`:
158
+
159
+ ```json
160
+ "theme": "@kitconcept/volto-light-theme",
161
+ ```
162
+
163
+ Alternatively, you can also declare it in your project's `volto.config.js`:
164
+
165
+ ```js
166
+ const addons = [];
167
+ const theme = '@kitconcept/volto-light-theme';
168
+
169
+ module.exports = {
170
+ addons,
171
+ theme,
172
+ };
173
+ ```
174
+
175
+ You can specify your project add-ons in `volto.config.js`, but sometimes is better to have them all in one place (in your policy add-on) for portability.
176
+
177
+ ## Feature Flags
178
+
179
+ ### Enable Fat Menu
180
+
181
+ Since 2.0.0, the light theme has a fat menu (below the main site sections) triggered clickin on one of them.
182
+ It's behind a feature flag, as opt-out:
183
+
184
+ ```js
185
+ config.settings.enableFatMenu = true;
186
+ ```
187
+
188
+ ### Show Site Label
189
+
190
+ If you want to show a label on top of site you can pass label name to `siteLabel` property.
191
+
192
+ ```js
193
+ config.settings.siteLabel = 'Plone Intranet';
194
+ ```
195
+
196
+ If you wanted a translated label then you have to define a translation object in `defineMessages` function provided by react-intl.
197
+
198
+ Here is the code snippets you have to add in your addon index.js file.
199
+ If you don't have addon, you can also add in your config.js file in root of your frontend folder.
200
+
201
+ ```js
202
+ import { defineMessages } from 'react-intl';
203
+
204
+ defineMessages({
205
+ siteLabel: {
206
+ id: 'siteLabel',
207
+ defaultMessage: ' ',
208
+ },
209
+ });
210
+
211
+ ```
212
+ Then add the translation you want in your `locale` file.
213
+
214
+ ### Show intranetHeader
215
+
216
+ We have totally different header for intranet sites. If you want that, you can enable it by passing `intranetHeader` property.
217
+
218
+ ```js
219
+ config.settings.intranetHeader = true;
220
+ ```
221
+ ## Releases
222
+
223
+ The releases follow a semantic versioning model.
224
+
225
+ ### Definition of breaking change
226
+
227
+ In general, the same rules as Volto releases applies.
228
+ However, in VLT we add an extra exception: The vertical spacing is carefully curated and considered an important feature of the theme and because of that, changes and improvements in the vertical spacing are **NOT** considered breaking changes.
229
+ They will be noted properly in the changelog.
230
+
231
+ ## Upgrade Guide
232
+
233
+ See a detailed upgrade guide in: https://github.com/kitconcept/volto-light-theme/blob/main/UPGRADE-GUIDE.md
234
+
235
+ ## Development
236
+
237
+ This theme works under Volto 17 alpha 16 onwards.
238
+ Compatibility with Volto 16 might be achieved, but it has to be at customization level in the
239
+ specific project add-on.
240
+ This is mainly due to the `RenderBlocks` customization that is based in the one in 17 because of the Grid block in core and the autogrouping feature.
241
+ See more information about the other dependencies in `peerDependencies` in `package.json`.
242
+ The development of this add-on is done in isolation using a new approach using pnpm workspaces and latest `mrs-developer` and other Volto core improvements.
243
+ For this reason, it only works with pnpm and Volto 18 (currently in alpha) but it does not mean that the add-on will only work in 18.
244
+
245
+ ### Requisites
246
+
247
+ - Volto 18 (2024-03-21: currently in alpha)
248
+ - pnpm as package manager
249
+
250
+ ### Make convenience commands
251
+
252
+ Run `make help` to list the available commands.
253
+
254
+ ```text
255
+ help Show this help
256
+ install Installs the dev environment using mrs-developer
257
+ i18n Sync i18n
258
+ format Format codebase
259
+ lint Lint Codebase
260
+ test Run unit tests
261
+ test-ci Run unit tests in CI
262
+ start-backend-docker Starts a Docker-based backend for developing
263
+ start-test-acceptance-frontend-dev Start acceptance frontend in dev mode
264
+ start-test-acceptance-frontend Start acceptance frontend in prod mode
265
+ start-test-acceptance-server Start acceptance server
266
+ test-acceptance Start Cypress in interactive mode
267
+ test-acceptance-headless Run cypress tests in headless mode for CI
268
+ ```
269
+
270
+ ### Development Environment Setup
271
+
272
+ Install package requirements
273
+
274
+ ```shell
275
+ pnpm i
276
+ make install
277
+ pnpm i
278
+ ```
279
+
280
+ ### Start developing
281
+
282
+ Run (in separate terminal sessions)
283
+
284
+ Start backend server
285
+
286
+ ```shell
287
+ make start-backend-docker
288
+ ```
289
+
290
+ Start frontend
291
+
292
+ ```shell
293
+ pnpm start
294
+ ```
295
+
296
+ ### Linting
297
+
298
+ Run ESlint, Prettier and Stylelint
299
+
300
+ ```shell
301
+ make lint
302
+ ```
303
+
304
+ ### Formatting
305
+
306
+ Run ESlint, Prettier and Stylelint in fix mode
307
+
308
+ ```shell
309
+ make format
310
+ ```
311
+
312
+ ### i18n
313
+
314
+ Extract the i18n messages to locales
315
+
316
+ ```shell
317
+ make i18n
318
+ ```
319
+
320
+ ### Unit tests
321
+
322
+ Run unit tests
323
+
324
+ ```shell
325
+ make test
326
+ ```
327
+
328
+ ### Run Cypress tests
329
+
330
+ Run (in separate terminal sessions)
331
+
332
+ Start the frontend in dev mode
333
+
334
+ ```shell
335
+ make start-test-acceptance-frontend-dev
336
+ ```
337
+
338
+ Start the backend acceptance server
339
+
340
+ ```shell
341
+ make start-test-acceptance-server
342
+ ```
343
+
344
+ Start the Cypress interactive test runner
345
+
346
+ ```shell
347
+ make test-acceptance
348
+ ```
349
+
350
+ ### Release
351
+
352
+ Run
353
+
354
+ ```shell
355
+ make release
356
+ ```
357
+
358
+ For releasing a RC version
359
+
360
+ Run
361
+
362
+ ```shell
363
+ make release-rc
364
+ ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kitconcept/volto-light-theme",
3
- "version": "3.2.0",
3
+ "version": "3.3.1",
4
4
  "description": "Volto Light Theme by kitconcept",
5
5
  "main": "src/index.js",
6
6
  "types": "src/types/index.d.ts",
@@ -240,6 +240,23 @@ class Edit extends Component {
240
240
 
241
241
  node = React.createRef();
242
242
 
243
+ // START CUSTOMIZATION - Add custom dataAdapter
244
+ // It has to be a class method because if used directly we have closure issues while
245
+ // passing arguments to the dataAdapter function
246
+ onSelectItem = (url, item) => {
247
+ const dataAdapter =
248
+ this.props.blocksConfig[this.props.data['@type']].dataAdapter;
249
+ dataAdapter({
250
+ block: this.props.block,
251
+ data: this.props.data,
252
+ onChangeBlock: this.props.onChangeBlock,
253
+ id: 'url',
254
+ value: url,
255
+ item,
256
+ });
257
+ };
258
+ // END CUSTOMIZATION - Add custom dataAdapter
259
+
243
260
  /**
244
261
  * Render method.
245
262
  * @method render
@@ -247,11 +264,10 @@ class Edit extends Component {
247
264
  */
248
265
  render() {
249
266
  const Image = config.getComponent({ name: 'Image' }).component;
250
- const { block, data, onChangeBlock } = this.props;
267
+ const { data } = this.props;
251
268
  const placeholder =
252
269
  this.props.data.placeholder ||
253
270
  this.props.intl.formatMessage(messages.ImageBlockInputPlaceholder);
254
- const dataAdapter = this.props.blocksConfig[data['@type']].dataAdapter;
255
271
 
256
272
  return (
257
273
  <div
@@ -365,16 +381,7 @@ class Edit extends Component {
365
381
  e.stopPropagation();
366
382
  e.preventDefault();
367
383
  this.props.openObjectBrowser({
368
- onSelectItem: (url, item) => {
369
- dataAdapter({
370
- block,
371
- data,
372
- onChangeBlock,
373
- id: 'url',
374
- value: url,
375
- item,
376
- });
377
- },
384
+ onSelectItem: this.onSelectItem,
378
385
  });
379
386
  }}
380
387
  >
package/src/index.js CHANGED
@@ -231,6 +231,8 @@ const applyConfig = (config) => {
231
231
  imageBlockSchemaEnhancer,
232
232
  gridImageDisableSizeAndPositionHandlersSchema,
233
233
  );
234
+ config.blocks.blocksConfig.gridBlock.blocksConfig.image.dataAdapter =
235
+ ImageBlockDataAdapter;
234
236
 
235
237
  config.blocks.blocksConfig.gridBlock.blocksConfig.teaser.schemaEnhancer =
236
238
  composeSchema(gridTeaserDisableStylingSchema, teaserSchemaEnhancer);
@@ -59,7 +59,6 @@
59
59
 
60
60
  .documentFirstHeading {
61
61
  margin-top: 0px;
62
- margin-bottom: 0px;
63
62
  }
64
63
 
65
64
  .blocks-group-wrapper {
@@ -203,7 +203,7 @@ $font-weights: (
203
203
  bold: 700,
204
204
  extra-bold: 800,
205
205
  bolder: 900,
206
- );
206
+ ) !default;
207
207
 
208
208
  $font-sizes: (
209
209
  2xs: 12px,
@@ -216,7 +216,7 @@ $font-sizes: (
216
216
  3xl: 36px,
217
217
  4xl: 42px,
218
218
  5xl: 48px,
219
- );
219
+ ) !default;
220
220
 
221
221
  $line-heights: (
222
222
  xs: 16px,
@@ -228,7 +228,7 @@ $line-heights: (
228
228
  3xl: 42px,
229
229
  4xl: 48px,
230
230
  5xl: 56px,
231
- );
231
+ ) !default;
232
232
 
233
233
  @mixin add($property, $value) {
234
234
  @if $property == size {