Skip to content

Commit 76d0bd8

Browse files
swethakundaram-wmswethakundaram-wm
authored
Merge pull request #1214 from wavemaker/release-11.15
Release 11.15
2 parents f8ddf71 + 0eb8e9e commit 76d0bd8

4 files changed

Lines changed: 136 additions & 4 deletions

File tree

‎learn/wavemaker-release-notes.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ Follow our [team blog](/learn/blog) to learn product updates from the engineers
2121

2222
|Named Version| What's in it| Release Date|
2323
|---|---|---|
24-
|[WaveMaker 11.15.0](/learn/wavemaker-release-notes/v11-15-0) <p style={{color:"red"}}>*latest*</p> | WaveMaker 11.15.0 includes profile management, enhances Wizard widget in React Native and delivers several Studio and React Native bug fixes. | 8 Feburary 2026 |
24+
|[WaveMaker 11.15.0](/learn/wavemaker-release-notes/v11-15-0) <p style={{color:"red"}}>*latest*</p> | WaveMaker 11.15.0 introduces profile management refactoring, a decluttered Studio experience, and autosave improvements. This release also includes enhancements and bug fixes for React Native, along with new token updates and design system features.| 8 Feburary 2026 |
2525
|[WaveMaker 11.14.2](/learn/wavemaker-release-notes/v11-14-2) | WaveMaker 11.14.2 enhances Wizard widget in React Native and delivers several Studio and React Native bug fixes. | 1 December 2025 |
2626
|[WaveMaker 11.14.1](/learn/wavemaker-release-notes/v11-14-1) | WaveMaker 11.14.1 introduces enhanced commit message control and support for hyphenated page & partial names in Studio, giving developers more flexibility. It also includes a bug fix for stacked charts in web projects. | 3 November 2025 |
2727
|[WaveMaker 11.14.0](/learn/wavemaker-release-notes/v11-14-0) | WaveMaker 11.14.0 comes with major upgrade for React Native platform SDK. It is now upgraded to Expo 54 & React Native 0.81.4, delivering newer APIs, better build reliability, improved security, and runtime performance. This release also includes several tech-stack updates, Studio & React Native enhancements, and several bug fixes across Web and React Native. | 27 October 2025 |

‎learn/wavemaker-release-notes/v11-15-0.md‎

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -334,9 +334,141 @@ The onSuccess event now fires correctly for video recordings, ensuring dependent
334334
</details>
335335

336336

337+
## Design System
337338

339+
### Features
338340

341+
<details><summary>Global Color Tokens</summary>
339342

343+
- Enabled edit support for derived tokens within Global Color tokens.
344+
- Derived tokens can now be edited individually in the Style workspace.
345+
346+
</details>
347+
348+
<details><summary>Token Import / Export</summary>
349+
350+
- Improved token import and export flow.
351+
352+
</details>
353+
354+
<details><summary>Variants</summary>
355+
356+
- Updated variant grouping behavior.
357+
- Enabled edit and create actions for variants directly from the Page workspace.
358+
359+
</details>
360+
361+
<details><summary>Auto Layout Alignment Update</summary>
362+
363+
Auto Layout containers now apply a default alignment when none is specified, ensuring `gap` behaves consistently.
364+
365+
**What Changed**
366+
367+
- Previously, when alignment was not set, `gap` was ignored.
368+
- A default alignment (top-left) is now applied so `gap` works as expected.
369+
- As a result, some child elements may shrink to content width instead of stretching.
370+
371+
**Developer Guidance**
372+
373+
- Always set **direction and alignment** on Auto Layout containers.
374+
- If a child element should remain full-width, explicitly set `width: 100%`.
375+
376+
</details>
377+
378+
#### New Widget
379+
380+
<details><summary>Icon Button (Toggleable)</summary>
381+
382+
Introduced a new toggleable Icon Button widget for quick, state-based interactions.
383+
384+
**Key Features**
385+
386+
- **Selected Class** – Icon class applied when the button is selected
387+
- **Unselected Class** – Icon class applied when the button is unselected
388+
389+
</details>
390+
391+
#### New Properties on Widgets
392+
393+
<details><summary>Text Widget</summary>
394+
395+
The Text Widget now supports additional options for improved interaction and clarity
396+
397+
- **Leading Icon** – Display an icon at the start of the input field
398+
- **Trailing Icon** – Display an icon at the end of the input field
399+
- **Supporting Text** – Show helper or hint text below the input field
400+
- **Leading Icon onClick** – Trigger actions when the leading icon is clicked
401+
- **Trailing Icon onClick** – Trigger actions when the trailing icon is clicked
402+
403+
</details>
404+
405+
<details><summary>Toggle Widget</summary>
406+
The Toggle Widget now supports customizable icons for clearer state indication:
407+
408+
- **Selected Icon** – Displayed when the toggle is selected
409+
- **Unselected Icon** – Displayed when the toggle is unselected
410+
411+
</details>
412+
413+
414+
<details><summary>Slider</summary>
415+
416+
The Slider widget now supports icon-based controls for improved usability and accessibility:
417+
418+
- **Show Icons** – Display increment and decrement icons alongside the slider
419+
- **Start Icon** – Customize the decrement icon
420+
- **End Icon** – Customize the increment icon
421+
422+
</details>
423+
424+
425+
### Newly Added Tokens
426+
427+
| Widgets | Tokens | Old Value | New Value | Developer Action | Migration |
428+
| ---------------------------------- | ---------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- |
429+
| Form Controls | form.mapping.field.padding | (none / not tokenized) | space.2.value | None — token added. For older projects migration sets this to space.0.value. | Done |
430+
| Form Controls | form.caption.display | - | inline-block | If a developer has already defined this property in `app.css`, that style will continue to take precedence. The token uses the same base value by default, so no action needed. | Done |
431+
| Progress Circle | label.font-size | Hardcoded CSS | label.font-size (token) | Review custom CSS if exists — these tokens may override label styles. | N/A |
432+
| Progress Circle | label.font-family | Hardcoded CSS | label.font-family (token) | Review custom CSS if exists. | N/A |
433+
| Progress Circle | label.font-weight | Hardcoded CSS | label.font-weight (token) | Review custom CSS if exists. | N/A |
434+
| Progress Circle | label.line-height | Hardcoded CSS | label.line-height (token) | Review custom CSS if exists. | N/A |
435+
| Progress Circle | label.letter-spacing | Hardcoded CSS | label.letter-spacing (token) | Review custom CSS if exists. | N/A |
436+
| Popover | border.color | Hardcoded CSS / inline CSS | border.color (token) | Review custom border CSS — these tokens may override existing rules. | N/A |
437+
| Popover | border.width | Hardcoded CSS / inline CSS | border.width (token) | Review custom border CSS. | N/A |
438+
| Popover | border.style | Hardcoded CSS / inline CSS | border.style (token) | Review custom border CSS. | N/A |
439+
440+
441+
### Tokens Edited
442+
443+
| Widgets | Tokens | Old Value | New Value | Developer Action | Migration |
444+
| ---------------------------------- | ---------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- |
445+
| Page Content | page.mapping.content.padding | space.0.value | space.6.value | None — migration handled to auto-override to space.0.value for older projects (ignored if override exists). | Auto-overridden to space.0.value |
446+
| Tabs | tabs.nav.border.width | {border.width.base.value} (bottom-only) | {border.width.0.value} {border.width.0.value} {border.width.base.value} {border.width.0.value} | None — updated to full border shorthand to allow configuring all four sides. | Auto-expanded |
447+
| Form Controls | input.group.btn-width | {space.10.value} | {space.7.value} | None — UX correction (input-affordance width change). | N/A |
448+
| Buttons | btn.border.color | none | color.transparent.value | None — migration replaces invalid `none` value where override existed. | Auto-fixed |
449+
450+
451+
### Tokens Removed
452+
453+
454+
| Widgets | Tokens | Old Value | New Value | Developer Action | Migration |
455+
| ---------------------------------- | ---------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- |
456+
| Cards | card.footer.* | Supported (tokens present) | Removed | Use container inside card for footer-like content going forward. Existing cards with footer token overrides will continue to work. | Backward compatible |
457+
| Popover | min-width | token (previously) | Removed | None — min-width now controlled via property panel. | N/A |
458+
| Popover | min-height | token (previously) | Removed | None — min-height now controlled via property panel. | N/A |
459+
460+
461+
462+
### Bug Fixes
463+
464+
465+
<details><summary>Added validation for variant creation to enforce consistent naming.</summary>
466+
467+
- Variant names must start with a letter (A–Z or a–z)
468+
- Allowed characters: letters, numbers, hyphens (`-`), and underscores (`_`)
469+
- Spaces and other special characters are not supported
470+
471+
</details>
340472

341473
## Technology Stack
342474

‎website/docusaurus.config.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ module.exports = {
7777
"lastVersion": 'current',
7878
"versions": {
7979
"current": {
80-
"label": 'v11.14.2',
80+
"label": 'v11.15.0',
8181
"path": '',
8282
},
8383
"v10.14": {

‎website/src/pages/index.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -110,8 +110,8 @@ export default class Index extends React.Component {
110110
</div>
111111
</div>
112112
{this.state.displayInfoFooter && <div className='banner-footer'>
113-
<span className='banner-footer-msg'><img src='/learn/img/speaker.svg' />WaveMaker released an update v11.14.2. See what's new.</span>
114-
<a className='banner-footer-action' href='/learn/wavemaker-release-notes/v11-14-2'>Read more</a>
113+
<span className='banner-footer-msg'><img src='/learn/img/speaker.svg' />WaveMaker released an update v11.15.0. See what's new.</span>
114+
<a className='banner-footer-action' href='/learn/wavemaker-release-notes/v11-15-0'>Read more</a>
115115
<a className="banner-footer-closeAction" href="javascript:void(0)" onClick={() => { this.setState({ displayInfoFooter: false }); }}><img src='/learn/img/closeIcon-black.svg' /></a>
116116
</div>}
117117
</div>

0 commit comments

Comments
 (0)