@kitconcept/volto-light-theme 3.2.0 → 3.3.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.
package/.changelog.draft CHANGED
@@ -1,11 +1,12 @@
1
- ## 3.2.0 (2024-03-25)
1
+ ## 3.3.0 (2024-04-26)
2
2
 
3
3
  ### Feature
4
4
 
5
- - Use project-less approach for developing @sneridagh [#369](https://github.com/kitconcept/volto-light-theme/pull/369)
5
+ - Make font-weights, font-sizes and font-heights overrideable adding the `!default` thingy @erral [#371](https://github.com/kitconcept/volto-light-theme/pull/371)
6
6
 
7
7
  ### Bugfix
8
8
 
9
- - Revert breaking change introduced in #346 @sneridagh [#373](https://github.com/kitconcept/volto-light-theme/pull/373)
9
+ - Fix event title margin bottom. @iFlameing [#357](https://github.com/kitconcept/volto-light-theme/pull/357)
10
+ - Fix Image block in grid is not working @iRohitSingh [#376](https://github.com/kitconcept/volto-light-theme/pull/376)
10
11
 
11
12
 
package/.release-it.json CHANGED
@@ -1,6 +1,10 @@
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
+ ],
4
8
  "after:release": "rm .changelog.draft"
5
9
  },
6
10
  "git": {
package/CHANGELOG.md CHANGED
@@ -1,3 +1,24 @@
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.0 (2024-04-26)
12
+
13
+ ### Feature
14
+
15
+ - Make font-weights, font-sizes and font-heights overrideable adding the `!default` thingy @erral [#371](https://github.com/kitconcept/volto-light-theme/pull/371)
16
+
17
+ ### Bugfix
18
+
19
+ - Fix event title margin bottom. @iFlameing [#357](https://github.com/kitconcept/volto-light-theme/pull/357)
20
+ - Fix Image block in grid is not working @iRohitSingh [#376](https://github.com/kitconcept/volto-light-theme/pull/376)
21
+
1
22
  ## 3.2.0 (2024-03-25)
2
23
 
3
24
  ### Feature
@@ -7,3 +28,567 @@
7
28
  ### Bugfix
8
29
 
9
30
  - Revert breaking change introduced in #346 @sneridagh [#373](https://github.com/kitconcept/volto-light-theme/pull/373)
31
+
32
+ ## 3.1.2 (2024-03-18)
33
+
34
+ ### Internal
35
+
36
+ - Remove @plone/volto peerDepencency @sneridagh [#364](https://github.com/kitconcept/volto-light-theme/pull/364)
37
+ - Add types declarations to make TS happy @sneridagh [#367](https://github.com/kitconcept/volto-light-theme/pull/367)
38
+
39
+ ## 3.1.1 (2024-03-08)
40
+
41
+ ### Bugfix
42
+
43
+ - Fix typo in container deprecation notice @sneridagh [#362](https://github.com/kitconcept/volto-light-theme/pull/362)
44
+
45
+ ## 3.1.0 (2024-03-08)
46
+
47
+ ### Feature
48
+
49
+ - [Vertical Spacing] Reduce spacing between title and description in teaser block @iFlameing [#353](https://github.com/kitconcept/volto-light-theme/pull/353)
50
+ - Add eu and es translations @erral [#358](https://github.com/kitconcept/volto-light-theme/pull/358)
51
+
52
+ ### Bugfix
53
+
54
+ - Fix header tabbing order @iRohitSingh [#251](https://github.com/kitconcept/volto-light-theme/pull/251)
55
+ - Fix show figcaption tag if ther is no caption @iRohitSingh [#350](https://github.com/kitconcept/volto-light-theme/pull/350)
56
+ - Safer pass by value instead of by reference when modifying internal `blockConfig` data @sneridagh [#361](https://github.com/kitconcept/volto-light-theme/pull/361)
57
+
58
+ ### Internal
59
+
60
+ - @plone/components as dependency
61
+ Use the `Container` component from @plone/components instead of the local one.
62
+ 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)
63
+
64
+ ## 3.0.1 (2024-03-04)
65
+
66
+ ### Bugfix
67
+
68
+ - Fix image gallery opacity. @robgietema [#347](https://github.com/kitconcept/volto-light-theme/pull/347)
69
+ - Fix teaser styles on add view. @davisagli [#354](https://github.com/kitconcept/volto-light-theme/pull/354)
70
+
71
+ ### Internal
72
+
73
+ - Update to Volto 17.15.1 @sneridagh [#348](https://github.com/kitconcept/volto-light-theme/pull/348)
74
+
75
+ ## 3.0.0 (2024-02-14)
76
+
77
+ ### Feature
78
+
79
+ - Add options to show intranet label and implement intranet header for intranet sites. @iFlameing [#304](https://github.com/kitconcept/volto-light-theme/pull/304)
80
+ - Add Event Metadata block @iRohitSingh [#334](https://github.com/kitconcept/volto-light-theme/pull/334)
81
+
82
+ ### Bugfix
83
+
84
+ - Fix Navigation fails html validator due to use of divs inside ul tag @iRohitSingh [#289](https://github.com/kitconcept/volto-light-theme/pull/289)
85
+ - 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)
86
+ - Fix missing key in `Header` component @sneridagh [#345](https://github.com/kitconcept/volto-light-theme/pull/345)
87
+
88
+ ### Internal
89
+
90
+ - Support for enhanced initial blocks in config - Update to Volto 17.12.1 @sneridagh [#342](https://github.com/kitconcept/volto-light-theme/pull/342)
91
+
92
+ ## 3.0.0-alpha.3 (2024-02-02)
93
+
94
+ ### Feature
95
+
96
+ - Allow customizing the secondary navigation entries via Portal action. @iFlameing [#302](https://github.com/kitconcept/volto-light-theme/pull/302)
97
+
98
+ ### Bugfix
99
+
100
+ - Fix Fat menu A11y issues @iRohitSingh [#264](https://github.com/kitconcept/volto-light-theme/pull/264)
101
+ - Fix Introduction-Block inline-styles have wrong typography. @iFlameing [#314](https://github.com/kitconcept/volto-light-theme/pull/314)
102
+ - Remove extra site-map from header @iRohitSingh [#339](https://github.com/kitconcept/volto-light-theme/pull/339)
103
+
104
+ ### Internal
105
+
106
+ - Upgrade to Volto 17.11.2 and Plone 6.0.9 @sneridagh [#328](https://github.com/kitconcept/volto-light-theme/pull/328)
107
+ - Upgrade to Votlo 17.11.5 and Plone 6.0.9 @sneridagh [#331](https://github.com/kitconcept/volto-light-theme/pull/331)
108
+
109
+ ## 3.0.0-alpha.2 (2024-01-17)
110
+
111
+ ### Breaking
112
+
113
+ - Color background go to full-width now instead of snapping to 1440. @sneridagh
114
+ See decision in https://github.com/kitconcept/volto-light-theme/issues/323 [#323](https://github.com/kitconcept/volto-light-theme/pull/323)
115
+
116
+ ### Bugfix
117
+
118
+ - Fix Responsive breakpoints have gaps for navigation @iRohitSingh [#265](https://github.com/kitconcept/volto-light-theme/pull/265)
119
+ - Replaced static values of spacing mixins with variables @ichim-david [#286](https://github.com/kitconcept/volto-light-theme/pull/286)
120
+ - Fix paragraph in edit mode is not reflected in view mode of Introduction
121
+ Block @iRohitSingh [#324](https://github.com/kitconcept/volto-light-theme/pull/324)
122
+ - Increase BlocksChooser index higher than the sidebar one. @sneridagh [#327](https://github.com/kitconcept/volto-light-theme/pull/327)
123
+
124
+ ### Internal
125
+
126
+ - Add Search icon is missing on tablet & mobile screen sizes @iRohitSingh [#266](https://github.com/kitconcept/volto-light-theme/pull/266)
127
+
128
+ ## 3.0.0-alpha.1 (2024-01-02)
129
+
130
+ ### Breaking
131
+
132
+ - 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)
133
+
134
+ ### Feature
135
+
136
+ - Added a11y tests infrastructure @sneridagh [#300](https://github.com/kitconcept/volto-light-theme/pull/300)
137
+
138
+ ### Bugfix
139
+
140
+ - Fix wrong styling for all the groups by background in view mode @sneridagh
141
+ Added style support for Image block @sneridagh
142
+ Added style support for Listing block @sneridagh [#322](https://github.com/kitconcept/volto-light-theme/pull/322)
143
+
144
+ ## 3.0.0-alpha.0 (2023-12-27)
145
+
146
+ ### Breaking
147
+
148
+ - Upgraded the dependency on `@kitconcept/volto-slider-block` to use `6.0.0`.
149
+
150
+ This is a drop-in replacement, so no action is required for the existing slider blocks you may have already in your sites.
151
+ However, the CSS classes of the structural slider block elements changed in this version.
152
+ The inner (visible objects) CSS classes remain unchanged.
153
+ 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.
154
+ They are mapped 1:1 with the previous ones, following this table correspondence:
155
+
156
+ | Old className | New className |
157
+ | --------------- | ---------------- |
158
+ | slick-slider | slider-wrapper |
159
+ | slick-list | slider-viewport |
160
+ | slick-track | slider-container |
161
+ | slick-slide | slider-slide |
162
+ | slick-arrow | slider-button |
163
+ | slick-prev | slider-button-prev |
164
+ | slick-next | slider-slide-next |
165
+ | slick-next | slider-slide-next |
166
+ | slick-dots | slider-dots |
167
+ | slick-dot | slider-dot |
168
+
169
+ 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)
170
+
171
+ ### Bugfix
172
+
173
+ - Fix showing up uploaded logo from site controlpanel. @iFlameing [#291](https://github.com/kitconcept/volto-light-theme/pull/291)
174
+ - Un-pin `eslint-plugin-jsx-a11y` version @sneridagh [#299](https://github.com/kitconcept/volto-light-theme/pull/299)
175
+ - Fix Blocks chooser styling @iRohitSingh [#307](https://github.com/kitconcept/volto-light-theme/pull/307)
176
+ - Remove id selector from listings because of css specificity @steffenri [#309](https://github.com/kitconcept/volto-light-theme/pull/309)
177
+ - Fix margins of h1 in sitemap view @steffenri [#312](https://github.com/kitconcept/volto-light-theme/pull/312)
178
+ - Fix homepage link for all language codes (#298) @steffenri [#313](https://github.com/kitconcept/volto-light-theme/pull/313)
179
+
180
+ ### Internal
181
+
182
+ - Upgrade slider to 6.1.0 @sneridagh [#316](https://github.com/kitconcept/volto-light-theme/pull/316)
183
+
184
+ ## 2.1.0 (2023-12-13)
185
+
186
+ ### Feature
187
+
188
+ - Added Image Gallery Listing Metadata @robgietema [#127](https://github.com/kitconcept/volto-light-theme/pull/127)
189
+ - Add Brazilian Portuguese translation [@ericof] [#294](https://github.com/kitconcept/volto-light-theme/pull/294)
190
+
191
+ ### Bugfix
192
+
193
+ - Also clean up Navigation PropTypes @fredvd [#272b](https://github.com/kitconcept/volto-light-theme/pull/272b)
194
+ - Fix css of External link icon indicator @iRohitSingh [#91](https://github.com/kitconcept/volto-light-theme/pull/91)
195
+ - Fix css of Sitemap @iRohitSingh [#209](https://github.com/kitconcept/volto-light-theme/pull/209)
196
+ - Fixed css errors in the header and image scss files @ichim-david
197
+ All the mobile menu items are now links @ichim-david
198
+ Close buttons are now tabbable @ichim-david
199
+ Close menu when hitting the escape key @ichim-david [#264](https://github.com/kitconcept/volto-light-theme/pull/264)
200
+ - 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)
201
+ - Update contentMetadataTagsImageField settings to use preview_image field. @iRohitSingh [#274](https://github.com/kitconcept/volto-light-theme/pull/274)
202
+ - Removed the "overview" React Message from Fat Menu @Molochem [#276](https://github.com/kitconcept/volto-light-theme/pull/276)
203
+ - Moved custom font loading to a separate fonts.scss @ichim-david
204
+ 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)
205
+ - Minor style fixes for hamburger menu icon @danalvrz [#281](https://github.com/kitconcept/volto-light-theme/pull/281)
206
+ - Don't force aspect ratio for the Image content type view @iRohitSingh [#293](https://github.com/kitconcept/volto-light-theme/pull/293)
207
+
208
+ ### Internal
209
+
210
+ - Run CI workflows for external PRs. @davisagli [#271](https://github.com/kitconcept/volto-light-theme/pull/271)
211
+ - Remove old code from navigation component @steffenri [#272](https://github.com/kitconcept/volto-light-theme/pull/272)
212
+ - Remove Hero Block @iRohitSingh [#278](https://github.com/kitconcept/volto-light-theme/pull/278)
213
+
214
+ ## 2.0.0 (2023-11-16)
215
+
216
+ ### Breaking
217
+
218
+ - Added fat menu and mobile menu. @iFlameing
219
+ Since 2.0.0, the light theme has a fat menu (below the main site sections) triggered clickin on one of them.
220
+ It's behind a feature flag, as opt-out:
221
+
222
+ ```js
223
+ config.settings.enableFatMenu = true;
224
+ ``` [#86](https://github.com/kitconcept/volto-light-theme/pull/86)
225
+
226
+ ### Feature
227
+
228
+ - Added Focus and Hover Attributes to UI Buttons @Molochem [#260](https://github.com/kitconcept/volto-light-theme/pull/260)
229
+
230
+ ### Bugfix
231
+
232
+ - Fix max height for full width map iframe @danalvrz [#257](https://github.com/kitconcept/volto-light-theme/pull/257)
233
+ - Fix header alignment of the sections @sneridagh [#261](https://github.com/kitconcept/volto-light-theme/pull/261)
234
+
235
+ ### Internal
236
+
237
+ - Update to latest Plone and Volto @sneridagh
238
+ Pin `volto-slider-block` to 5.1.1 [#262](https://github.com/kitconcept/volto-light-theme/pull/262)
239
+
240
+ ## 1.0.1 (2023-10-18)
241
+
242
+ ### Bugfix
243
+
244
+ - Small CSS adjustments @sneridagh [#249](https://github.com/kitconcept/volto-light-theme/pull/249)
245
+
246
+ ### Internal
247
+
248
+ - Update to Volto 17 final @sneridagh [#246](https://github.com/kitconcept/volto-light-theme/pull/246)
249
+ - Bump Volto version @sneridagh [#249](https://github.com/kitconcept/volto-light-theme/pull/249)
250
+
251
+
252
+ ## 1.0.0 (2023-09-29)
253
+
254
+ ### Feature
255
+
256
+ - Update to use the proper linter versions and correct violations @sneridagh [#245](https://github.com/kitconcept/volto-light-theme/pull/245)
257
+
258
+ ### Bugfix
259
+
260
+ - Upgrade highlight to 3.0.0 and downgrade Plone to 6.0.6 @sneridagh [#244](https://github.com/kitconcept/volto-light-theme/pull/244)
261
+
262
+
263
+ ## 1.0.0-rc.20 (2023-09-28)
264
+
265
+ ### Feature
266
+
267
+ - Add volto-highlight-block @sneridagh [#243](https://github.com/kitconcept/volto-light-theme/pull/243)
268
+
269
+
270
+ ## 1.0.0-rc.19 (2023-09-28)
271
+
272
+ ### Bugfix
273
+
274
+ - Remove too large margins on listing blocks @steffenri [#239](https://github.com/kitconcept/volto-light-theme/pull/239)
275
+ - Fix font sizes of one element in grids for edit mode @sneridagh [#241](https://github.com/kitconcept/volto-light-theme/pull/241)
276
+ - Update to latest accordion-block, some fixes @sneridagh [#242](https://github.com/kitconcept/volto-light-theme/pull/242)
277
+
278
+
279
+ ## 1.0.0-rc.18 (2023-09-25)
280
+
281
+ ### Feature
282
+
283
+ - Add button and flagAlign in slider block @iRohitSingh [#37](https://github.com/kitconcept/volto-light-theme/pull/37)
284
+ - Upgrade to Volto 17a27 @sneridagh [#232](https://github.com/kitconcept/volto-light-theme/pull/232)
285
+ - Add kitconcept branding @sneridagh
286
+ Add link to GitHub repo @sneridagh [#233](https://github.com/kitconcept/volto-light-theme/pull/233)
287
+
288
+ ### Bugfix
289
+
290
+ - Fix aspect ratio in slider @sneridagh [#233](https://github.com/kitconcept/volto-light-theme/pull/233)
291
+ - 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)
292
+ - Fix anontools in header, convert it to functional @sneridagh [#236](https://github.com/kitconcept/volto-light-theme/pull/236)
293
+
294
+
295
+ ## 1.0.0-rc.17 (2023-09-18)
296
+
297
+ ### Feature
298
+
299
+ - Upgrade to Volto 17a26 - Fix i18n - Upgrade Cypress 13 @sneridagh [#229](https://github.com/kitconcept/volto-light-theme/pull/229)
300
+ - Upgrade volto-heading-block version @sneridagh [#230](https://github.com/kitconcept/volto-light-theme/pull/230)
301
+
302
+ ### Bugfix
303
+
304
+ - Fix css for showing external link icon. @iFlameing [#19](https://github.com/kitconcept/volto-light-theme/pull/19)
305
+ - Remove extra config from table block @iFlameing. [#91](https://github.com/kitconcept/volto-light-theme/pull/91)
306
+ - Fix `dates` bottom margin for News Item in mobile. @danalvrz
307
+ Fix margins for Image block. @danalvrz
308
+ Fix margins for Video block. @danalvrz
309
+ Fix block title margin for Listing in Edit. @danalvrz
310
+ Fix block title margin for Grid in Edit. @danalvrz
311
+ Fix margin for Heading block in Edit. @danalvrz
312
+ Fix margins for Separator in Edit. @danalvrz
313
+ Fix margins for Maps block. @danalvrz [#220](https://github.com/kitconcept/volto-light-theme/pull/220)
314
+ - Write cypress test for the listing Grid variation. @iFlameing [#221](https://github.com/kitconcept/volto-light-theme/pull/221)
315
+ - Add acceptance test for maps block @iFlameing. [#223](https://github.com/kitconcept/volto-light-theme/pull/223)
316
+ - Fix mismatch of event view with Figma. @iFlameing [#226](https://github.com/kitconcept/volto-light-theme/pull/226)
317
+ - Fix a11y violation in File view. @iFlameing [#227](https://github.com/kitconcept/volto-light-theme/pull/227)
318
+
319
+
320
+ ## 1.0.0-rc.16 (2023-08-15)
321
+
322
+ ### Bugfix
323
+
324
+ - 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)
325
+ - Fix font-size of alt text description. @iFlameing [#217](https://github.com/kitconcept/volto-light-theme/pull/217)
326
+ - Fix unconditional Register link in header. @fredvd [#219](https://github.com/kitconcept/volto-light-theme/pull/219)
327
+
328
+
329
+ ## 1.0.0-rc.15 (2023-08-09)
330
+
331
+ ### Bugfix
332
+
333
+ - Update the recommended version of volto-separator-block to 4.0.0. @davisagli [#211](https://github.com/kitconcept/volto-light-theme/pull/211)
334
+ - ToC block fixes (remove most fields from the block, add default styling
335
+ schema, fix width in edit mode). @davisagli [#212](https://github.com/kitconcept/volto-light-theme/pull/212)
336
+ - Hide unnecessary Search block fields. @danalvrz [#213](https://github.com/kitconcept/volto-light-theme/pull/213)
337
+ - Upgrade to Volto 17-0.0-alpha.24. @davisagli [#214](https://github.com/kitconcept/volto-light-theme/pull/214)
338
+
339
+
340
+ ## 1.0.0-rc.14 (2023-08-08)
341
+
342
+ ### Feature
343
+
344
+ - Hide change note field. @davisagli [#206](https://github.com/kitconcept/volto-light-theme/pull/206)
345
+
346
+ ### Bugfix
347
+
348
+ - Remove external link icon from ICS download button event content type @iRohitSingh [#201](https://github.com/kitconcept/volto-light-theme/pull/201)
349
+ - Fix teaser right align is not aligned to right side of page @iFlameing. [#202](https://github.com/kitconcept/volto-light-theme/pull/202)
350
+ - Add missing german translations @steffenri [#205](https://github.com/kitconcept/volto-light-theme/pull/205)
351
+
352
+
353
+ ## 1.0.0-rc.13 (2023-08-03)
354
+
355
+ ### Bugfix
356
+
357
+ - Add external link for slate block @iRohitSingh [#188](https://github.com/kitconcept/volto-light-theme/pull/188)
358
+ - Fix responsive of listing block. @iFlameing [#189](https://github.com/kitconcept/volto-light-theme/pull/189)
359
+ - Fix pagination styles for Listings. @danalvrz
360
+
361
+ Change divider bar in News Item head title from string to pseudo-element. @danalvrz
362
+
363
+ Fix text decoration for links. @danalvrz
364
+
365
+ Fix background color for in-Grid Slate. @danalvrz
366
+
367
+ Fix Image block margins. @danalvrz
368
+
369
+ Fix Grid Listing variation CSS. @danalvrz
370
+
371
+ Fix Separator margin when preceded by Image block. @danalvrz
372
+
373
+ Fix Teaser margin in mobile. @danalvrz [#191](https://github.com/kitconcept/volto-light-theme/pull/191)
374
+ - Enable automatic hyphenation. @iFlameing [#193](https://github.com/kitconcept/volto-light-theme/pull/193)
375
+ - Upgrade to Volto 17.0.0-alpha.23 @davisagli [#195](https://github.com/kitconcept/volto-light-theme/pull/195)
376
+ - Fix image rights @iFlameing. [#197](https://github.com/kitconcept/volto-light-theme/pull/197)
377
+ - Fix aspect-ratio and add rule to center object position for all images. @danalvrz [#199](https://github.com/kitconcept/volto-light-theme/pull/199)
378
+
379
+
380
+ ## 1.0.0-rc.12 (2023-07-28)
381
+
382
+ ### Feature
383
+
384
+ - Upgrade to Volto 17a22. @davisagli [#186](https://github.com/kitconcept/volto-light-theme/pull/186)
385
+
386
+ ### Bugfix
387
+
388
+ - Fix responsive font sizing for headings. @danalvrz [#182](https://github.com/kitconcept/volto-light-theme/pull/182)
389
+ - Fix map block. @iFlameing [#183](https://github.com/kitconcept/volto-light-theme/pull/183)
390
+
391
+
392
+ ## 1.0.0-rc.11 (2023-07-28)
393
+
394
+ ### Breaking
395
+
396
+ - Update to Volto 17a21
397
+ Deprecate volto-image-block
398
+ Use new core Image component
399
+ @sneridagh [#177](https://github.com/kitconcept/volto-light-theme/pull/177)
400
+
401
+
402
+ ## 1.0.0-rc.10 (2023-07-26)
403
+
404
+ ### Bugfix
405
+
406
+ - Fix styles for blocks inside the Accordion block. @danalvrz [#146](https://github.com/kitconcept/volto-light-theme/pull/146)
407
+ - Fix styles for Search block's results default and summary listings. @danalvrz [#168](https://github.com/kitconcept/volto-light-theme/pull/168)
408
+ - Fix container problem of Event View @iFlameing [#170](https://github.com/kitconcept/volto-light-theme/pull/170)
409
+ - Add missing translation. @danalvrz [#172](https://github.com/kitconcept/volto-light-theme/pull/172)
410
+ - Fix contained block editor wrapper (for listings) @sneridagh [#173](https://github.com/kitconcept/volto-light-theme/pull/173)
411
+ - Update volto-button-block to 2.3.1 @steffenri [#174](https://github.com/kitconcept/volto-light-theme/pull/174)
412
+ - Update Table block to contain styling fieldset and css fix. @iFlameing [#175](https://github.com/kitconcept/volto-light-theme/pull/175)
413
+ - Remove levels choices h1,h4,h5 and h6 from Toc block @iRohitSingh [#178](https://github.com/kitconcept/volto-light-theme/pull/178)
414
+ - Fix responsiveness of video block. @iFlameing [#180](https://github.com/kitconcept/volto-light-theme/pull/180)
415
+ - Fixed responsive spacings & font sizes for mobile screens. @danalvrz [#181](https://github.com/kitconcept/volto-light-theme/pull/181)
416
+
417
+
418
+ ## 1.0.0-rc.9 (2023-07-19)
419
+
420
+ ### Breaking
421
+
422
+ - 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)
423
+
424
+ ### Bugfix
425
+
426
+ - Fix NewsItemView as wella sd Link View @iFlameing [#127](https://github.com/kitconcept/volto-light-theme/pull/127)
427
+ - Fix Image View in edit mode @iFlameing. [#154](https://github.com/kitconcept/volto-light-theme/pull/154)
428
+ - Update volto-image-block @sneridagh [#159](https://github.com/kitconcept/volto-light-theme/pull/159)
429
+ - Fix File View implementation @iFlameing [#162](https://github.com/kitconcept/volto-light-theme/pull/162)
430
+
431
+ ### Internal
432
+
433
+ - Upgrade volto-image-block to fix the image upload @sneridagh [#149](https://github.com/kitconcept/volto-light-theme/pull/149)
434
+ - Upgrade to Volto 17a20 @sneridagh [#163](https://github.com/kitconcept/volto-light-theme/pull/163)
435
+ - 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)
436
+
437
+
438
+ ## 1.0.0-rc.8 (2023-07-14)
439
+
440
+ ### Bugfix
441
+
442
+ - Fix Image content type @iRohitSingh [#18](https://github.com/kitconcept/volto-light-theme/pull/18)
443
+ - Fix a11y issues in EventView @steffenri [#147](https://github.com/kitconcept/volto-light-theme/pull/147)
444
+ - Remove typo in fileview @steffenri [#148](https://github.com/kitconcept/volto-light-theme/pull/148)
445
+
446
+ ### Documentation
447
+
448
+ - Documentation on local docker development - local ESlint working @sneridagh [#144](https://github.com/kitconcept/volto-light-theme/pull/144)
449
+
450
+
451
+ ## 1.0.0-rc.7 (2023-07-13)
452
+
453
+ ### Bugfix
454
+
455
+ - Fix File content type @iRohitSingh [#17](https://github.com/kitconcept/volto-light-theme/pull/17)
456
+ - Add idiomatic order CSS package @sneridagh
457
+ Fix margin in edit mode for all blocks @sneridagh [#142](https://github.com/kitconcept/volto-light-theme/pull/142)
458
+ - Fix CSS for Accordion block. @danalvrz [#143](https://github.com/kitconcept/volto-light-theme/pull/143)
459
+
460
+
461
+ ## 1.0.0-rc.6 (2023-07-12)
462
+
463
+ ### Bugfix
464
+
465
+ - Fix Event content type @iRohitSingh [#16](https://github.com/kitconcept/volto-light-theme/pull/16)
466
+ - Fix local linting, add proper eslintignore @sneridagh [#139](https://github.com/kitconcept/volto-light-theme/pull/139)
467
+ - Minor fix for Listing margins. @danalvrz [#140](https://github.com/kitconcept/volto-light-theme/pull/140)
468
+ - 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)
469
+
470
+
471
+ ## 1.0.0-rc.5 (2023-07-11)
472
+
473
+ ### Breaking
474
+
475
+ - Move the container query polyfill to an add-on profile, disabled by default @sneridagh [#137](https://github.com/kitconcept/volto-light-theme/pull/137)
476
+
477
+ ### Feature
478
+
479
+ - Upgrade to Volto 17a17 as baseline @sneridagh [#136](https://github.com/kitconcept/volto-light-theme/pull/136)
480
+ - Add acceptance tests layer, update docker files and Makefile @sneridagh [#137](https://github.com/kitconcept/volto-light-theme/pull/137)
481
+
482
+ ### Bugfix
483
+
484
+ - Check if the separator is present before enhancing it @sneridagh [#138](https://github.com/kitconcept/volto-light-theme/pull/138)
485
+
486
+
487
+ ## 1.0.0-rc.4 (2023-07-11)
488
+
489
+ ### Bugfix
490
+
491
+ - Fix Teaser block CSS. @danalvrz [#134](https://github.com/kitconcept/volto-light-theme/pull/134)
492
+
493
+
494
+ ## 1.0.0-rc.3 (2023-07-10)
495
+
496
+ ### Breaking
497
+
498
+ - Remove `@kitconcept/volto-blocks-grid` dependency @sneridagh [#131](https://github.com/kitconcept/volto-light-theme/pull/131)
499
+
500
+ ### Bugfix
501
+
502
+ - Fix minor style bugs for Listing block @danalvrz [#130](https://github.com/kitconcept/volto-light-theme/pull/130)
503
+
504
+ ### Internal
505
+
506
+ - Create deploy to https://light-theme.kitconcept.io [@ericof] [#72](https://github.com/kitconcept/volto-light-theme/pull/72)
507
+
508
+
509
+ ## 1.0.0-rc.2 (2023-07-07)
510
+
511
+ ### Bugfix
512
+
513
+ - Add NewsItemView @iFlamieng [#127](https://github.com/kitconcept/volto-light-theme/pull/127)
514
+ - Add support for margins in responsive. Improve the spacing in grids. @sneridagh [#129](https://github.com/kitconcept/volto-light-theme/pull/129)
515
+
516
+
517
+ ## 1.0.0-rc.1 (2023-07-05)
518
+
519
+ ### Bugfix
520
+
521
+ - Fix css issue of image block full width variante @iFlameing [#115](https://github.com/kitconcept/volto-light-theme/pull/115)
522
+ - Fix minor style bugs in several components. @danalvrz [#122](https://github.com/kitconcept/volto-light-theme/pull/122)
523
+
524
+
525
+ ## 1.0.0-rc.0 (2023-06-29)
526
+
527
+ ### Feature
528
+
529
+ - Adding StyleWrapperStyles extender @sneridagh [#54](https://github.com/kitconcept/volto-light-theme/pull/54)
530
+ - Backporting listing customizations from dlr. @iRohitSingh [#55](https://github.com/kitconcept/volto-light-theme/pull/55)
531
+ - Backport of Search Block from Dlr @iFlameing [#56](https://github.com/kitconcept/volto-light-theme/pull/56)
532
+ - Add apiExpanders @sneridagh [#65](https://github.com/kitconcept/volto-light-theme/pull/65)
533
+ - 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)
534
+ - Add support for mermaidBlock and table @sneridagh [#72](https://github.com/kitconcept/volto-light-theme/pull/72)
535
+ - Add declarative theme support @sneridagh [#73](https://github.com/kitconcept/volto-light-theme/pull/73)
536
+ - New testing infrastructure @sneridagh [#75](https://github.com/kitconcept/volto-light-theme/pull/75)
537
+ - Add font patterns @danalvrz [#76](https://github.com/kitconcept/volto-light-theme/pull/76)
538
+ - 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)
539
+ - Add auto block grouping per backgroundColor @sneridagh [#83](https://github.com/kitconcept/volto-light-theme/pull/83)
540
+ - 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)
541
+ - 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)
542
+ - Enable background color styling for slate blocks using the autogrouping @sneridagh [#89](https://github.com/kitconcept/volto-light-theme/pull/89)
543
+ - Add Grid listing variation @danalvrz [#91](https://github.com/kitconcept/volto-light-theme/pull/91)
544
+ - Add accordion @sneridagh [#108](https://github.com/kitconcept/volto-light-theme/pull/108)
545
+ - Prepare to release @sneridagh
546
+ Add support for core Grid block @sneridagh [#119](https://github.com/kitconcept/volto-light-theme/pull/119)
547
+
548
+ ### Bugfix
549
+
550
+ - Fix css of Table of Contents block @iRohitSingh [#35](https://github.com/kitconcept/volto-light-theme/pull/35)
551
+ - Remove style enhancer for separator block from theme @danalvrz [#39](https://github.com/kitconcept/volto-light-theme/pull/39)
552
+ - 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)
553
+ - Fix breadcrumbs in ObjectBrowser, add new Container @sneridagh [#45](https://github.com/kitconcept/volto-light-theme/pull/45)
554
+ - Minor padding fix in header @danalvrz [#47](https://github.com/kitconcept/volto-light-theme/pull/47)
555
+ - Fix stylelint @sneridagh [#48](https://github.com/kitconcept/volto-light-theme/pull/48)
556
+ - Fix grids in edit mode @sneridagh [#49](https://github.com/kitconcept/volto-light-theme/pull/49)
557
+ - 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)
558
+ - Fix h1 width to use default instead of layout @sneridagh [#51](https://github.com/kitconcept/volto-light-theme/pull/51)
559
+ - Relocate slate selector, and headline margin fix, for grid block @danalvrz [#52](https://github.com/kitconcept/volto-light-theme/pull/52)
560
+ - Add footer site as backend actions, fix translations @sneridagh [#53](https://github.com/kitconcept/volto-light-theme/pull/53)
561
+ - Some grid fixes for top padding @sneridagh [#57](https://github.com/kitconcept/volto-light-theme/pull/57)
562
+ - Added rule to align hamburger menu to the right when in mobile screen @danalvrz [#58](https://github.com/kitconcept/volto-light-theme/pull/58)
563
+ - Minor width fix to separator full variant @danalvrz [#59](https://github.com/kitconcept/volto-light-theme/pull/59)
564
+ - Fix styles for introduction block @danalvrz [#61](https://github.com/kitconcept/volto-light-theme/pull/61)
565
+ - 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)
566
+ - Add style to Button block @iRohitSingh [#63](https://github.com/kitconcept/volto-light-theme/pull/63)
567
+ - Update grid block style @danalvrz
568
+ Fix css of Right aligned teaser on view mode @iRohitSingh [#66](https://github.com/kitconcept/volto-light-theme/pull/66)
569
+ - Minor spacing fix for teaser block @danalvrz [#67](https://github.com/kitconcept/volto-light-theme/pull/67)
570
+ - Add bottom margin to introduction block @danalvrz [#69](https://github.com/kitconcept/volto-light-theme/pull/69)
571
+ - Fix ListingBody to display headline property @danalvrz [#78](https://github.com/kitconcept/volto-light-theme/pull/78)
572
+ - Add Heading-Block to required blocks list in README @danalvrz [#79](https://github.com/kitconcept/volto-light-theme/pull/79)
573
+ - Fix variables order, add !default to all theme vars @sneridagh [#81](https://github.com/kitconcept/volto-light-theme/pull/81)
574
+ - Fix grid teasers full height @sneridagh [#85](https://github.com/kitconcept/volto-light-theme/pull/85)
575
+ - Fix absolute elements in containers @sneridagh [#87](https://github.com/kitconcept/volto-light-theme/pull/87)
576
+ - 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)
577
+ - Change component name to SummaryListingItemTemplate @danalvrz [#92](https://github.com/kitconcept/volto-light-theme/pull/92)
578
+ - Fix priority for the toolbar and the containers @sneridagh [#93](https://github.com/kitconcept/volto-light-theme/pull/93)
579
+ - Fix contents view, add horizontal scrolling @sneridagh [#94](https://github.com/kitconcept/volto-light-theme/pull/94)
580
+ - 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)
581
+ - Transparent by default in classname. Vertical spacing, using margin-bottom as reference. Grids. @sneridagh [#97](https://github.com/kitconcept/volto-light-theme/pull/97)
582
+ - Fix styles for standalone teaser and grid-teaser-item @danalvrz [#98](https://github.com/kitconcept/volto-light-theme/pull/98)
583
+ - Remove 'wide' from inner-alignment actions @danalvrz [#100](https://github.com/kitconcept/volto-light-theme/pull/100)
584
+ - Adjustments to grids and various @sneridagh [#101](https://github.com/kitconcept/volto-light-theme/pull/101)
585
+ - Fix values for the agreed vertical spacing between color blocks. Other minor adjustments. @sneridagh [#109](https://github.com/kitconcept/volto-light-theme/pull/109)
586
+ - Fix styles for in-grid Slate block @danalvrz [#110](https://github.com/kitconcept/volto-light-theme/pull/110)
587
+ - Fix styles for in-grid Images. @danalvrz [#111](https://github.com/kitconcept/volto-light-theme/pull/111)
588
+ - Fix grid image block css @iFlameing [#112](https://github.com/kitconcept/volto-light-theme/pull/112)
589
+ - Fix last Teaser bottom border @danalvrz [#117](https://github.com/kitconcept/volto-light-theme/pull/117)
590
+ - Fix Separator margins when it has center alignment. @danalvrz [#118](https://github.com/kitconcept/volto-light-theme/pull/118)
591
+
592
+ ### Documentation
593
+
594
+ - 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.0",
4
4
  "description": "Volto Light Theme by kitconcept",
5
5
  "main": "src/index.js",
6
6
  "types": "src/types/index.d.ts",
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 {