[WC-3197] Atlas: improve logo syntax

.github/workflows/CreateGitHubRelease.yml

@@ -6,6 +6,11 @@ on:
       package:
         description: "Package name to release (name in package.json)"
         required: true
+        type: choice
+        options:
+          - atlas-core
+          - atlas-content-native
+          - atlas-web-content
 
 jobs:
   create-release:

packages/atlas-core/CHANGELOG.md

@@ -6,6 +6,84 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+-   We fixed an issue with radio buttons being distorted in some cases.
+-   We fixed an app exception caused by fontSize: 0 in the React Native New Architecture.
+
+## [4.3.0] Atlas Core - 2025-10-10
+
+### Breaking change
+
+-   Layout Behavior: behavioral changes may be observed in layouts, particularly concerning the topbar component
+-   Language selector: we changed language selector to use combobox instead of the widget.
+
+### Changed
+
+-   Moved .sr-only from bootstrap to base
+-   Topbar redesign incl. horizontal centering
+-   Introduced configurable options for the topbar bottom border and sidebar border
+-   General layout improvements
+
+### Fixed
+
+-   We fixed an issue with sidebar menu not overlaying some elements in modern client.
+-   We fixed an issue where sr-only input checkbox still showed up in switch widget.
+-   Resolved issues pertaining to active navigation item styling and behavior
+-   Reduced navigation padding
+
+## [4.1.3] Atlas Core - 2025-7-28
+
+### Fixed
+
+-   We fixed an issue where form label incorrectly aligned.
+-   We fixed an issue where focus styling on input gets clipped by dataview.
+
+## [4.1.2] Atlas Core - 2025-7-17
+
+### Fixed
+
+-   We fixed an issue where dataview scrollbar is not placed on content when dataview is placed as first element on the page.
+-   We fixed an issue where filter failed to render correctly on ios.
+
+## [4.1.1] Atlas Core - 2025-7-2
+
+### Fixed
+
+-   We fixed login page is not showing the image.
+-   We fixed too much spacing between radio buttons and their values.
+-   We fixed broken slider with label.
+-   We fixed invisible checkbox disabled control.
+
+## [4.1.0] Atlas Core - 2025-6-20
+
+### Breaking change
+
+-   Design properties updates:
+    -   Introduced group names.
+    -   Introduced form orientation on document level.
+    -   Introduced label width on document level.
+    -   Introduced design properties on layout grid columns and rows.
+-   Theme variables updates:
+    -   accessibility improvements.
+    -   consistency and flexibililty improvements.
+-   Default fonts (Poppins) is now shipped with atlas.
+-   Introduced hover effect on input widgets.
+-   Apply similar styling for modal header if h2 is used.
+
+## [4.0.1] Atlas Core - 2025-6-2
+
+### Fixed
+
+-   We fixed an issue where first element on the page failed to set to full height on react client.
+-   We fixed an issue where form vertical label not rendered correctly on rtl direction.
+
+## [4.0.0] Atlas Core - 2025-5-8
+
+### Breaking change
+
+-   Atlas major changes. Atlas 4 will fully utilize css variables instead of SASS variables.
+
 ## [3.18.0] Atlas Core - 2025-5-27
 
 ### Fixed

packages/atlas-core/README.md

@@ -5,3 +5,54 @@ This is the package being used to automate the release of Atlas Core module.
 ## Changelog
 
 Changes in the module should be present in the `CHANGELOG.md` file.
+
+## Atlas 3 to Atlas 4
+
+### Highlight
+
+-   Atlas 4 will fully utilize css variables instead of SASS variables. All the available css variables can be seen at `Atlas-core/Styling/web/themes/_theme-default.scss`.
+-   Currently, atlas 4 is released under compatibility mode. To fully ignore SASS variables mapping in styling, user can add `$use-css-variables: true;` inside their `Styling/web/custom-variables.scss`.
+-   For backward compatibility, we maintain `_variables-css-mappings.scss` file which contains conversion from SASS to CSS variables.
+    This file is now renamed into `_css-variables-mappings.scss` with a few minor changes.
+
+### Debugging and overriding css variables
+
+CSS variables can easily be viewed and overridden on the browser.
+Simply run the application, open developer console (`F12` or `(ctrl|cmd) + shift + I`).
+
+In the elements tab, on the right side, find the Styles tab.
+Scroll down, and user can see the compiled version of css variables from `color-variants.scss` and `theme-default.scss`
+right click and press "copy rule".
+paste this rules inside your own Styling folder to change the value and overrides.
+
+### Color mix
+
+darker, dark, light, lighter suffix variables (gray, brand-primary, brand-success, brand-warning, brand-danger, brand-default) will no longer use sass function `mix` in favor of css function color-mix.
+and there will be a new `color-variants.scss` file to support this mapping which will produce css variables such as:
+
+```
+    --gray-50: color-mix(in srgb, var(--gray), var(--color-base) 90%);
+    --gray-100: color-mix(in srgb, var(--gray), var(--color-base) 80%);
+    --gray-200: color-mix(in srgb, var(--gray), var(--color-base) 60%);
+    --gray-300: color-mix(in srgb, var(--gray), var(--color-base) 40%);
+    --gray-400: color-mix(in srgb, var(--gray), var(--color-base) 20%);
+    --gray-500: color-mix(in srgb, var(--gray), var(--color-contrast) 0%);
+    --gray-600: color-mix(in srgb, var(--gray), var(--color-contrast) 20%);
+    --gray-700: color-mix(in srgb, var(--gray), var(--color-contrast) 40%);
+    --gray-800: color-mix(in srgb, var(--gray), var(--color-contrast) 50%);
+    --gray-900: color-mix(in srgb, var(--gray), var(--color-contrast) 60%);
+```
+
+These variables will then mapped to the previously darker, dark, light, and lighter color variants:
+
+```
+    --gray-lighter: var(--gray-50);
+    --gray-light: var(--gray-300);
+    --gray-primary: var(--gray-200);
+    --gray-dark: var(--gray-700);
+    --gray-darker: var(--gray-800);
+```
+
+The full list of css variables can be seen inside developer console upon running the application.
+
+If you previously rely on the sass functions to build your color variants, please update.

packages/atlas-core/package.json

@@ -1,21 +1,21 @@
 {
   "name": "atlas-core",
   "moduleName": "Atlas Core",
-  "version": "3.18.0",
+  "version": "4.3.2",
   "license": "Apache-2.0",
   "copyright": "© Mendix Technology BV 2024. All rights reserved.",
   "repository": {
     "type": "git",
     "url": "https://github.com/mendix/atlas.git"
   },
   "marketplace": {
-    "minimumMXVersion": "10.21.0.64362",
+    "minimumMXVersion": "11.0.0.73100",
     "marketplaceId": 117187
   },
   "testProject": {
     "githubUrl": "https://github.com/mendix/Atlas-Design-System",
     "branchName": "main",
-    "mxVersion": "10.21.0.64362"
+    "mxVersion": "11.0.0.73100"
   },
   "scripts": {
     "build:module": "ts-node ./scripts/build.ts build",

packages/atlas-web-content/CHANGELOG.md

@@ -6,6 +6,18 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+## [4.1.0] Atlas Web Content - 2025-8-18
+
+### Changed
+
+-   We removed select entity page templates that still uses dojo core widget (template grid).
+
+## [4.0.0] Atlas Web Content - 2025-5-8
+
+### Breaking change
+
+-   Atlas major changes. Atlas 4 will fully utilize css variables instead of SASS variables.
+
 ## [3.8.0] Atlas Web Content - 2025-4-16
 
 ### Changed

packages/atlas-web-content/package.json

@@ -1,21 +1,21 @@
 {
   "name": "atlas-web-content",
   "moduleName": "Atlas Web Content",
-  "version": "3.8.0",
+  "version": "4.1.0",
   "license": "Apache-2.0",
-  "copyright": "© Mendix Technology BV 2024. All rights reserved.",
+  "copyright": "© Mendix Technology BV 2025. All rights reserved.",
   "repository": {
     "type": "git",
     "url": "https://github.com/mendix/atlas.git"
   },
   "marketplace": {
-    "minimumMXVersion": "10.21.0.64362",
+    "minimumMXVersion": "11.0.0.73100",
     "marketplaceId": 117183
   },
   "testProject": {
     "githubUrl": "https://github.com/mendix/Atlas-Design-System",
     "branchName": "main",
-    "mxVersion": "10.21.0.64362"
+    "mxVersion": "11.0.0.73100"
   },
   "scripts": {
     "build:module": "ts-node ./scripts/build.ts build",