@tmlmobilidade/ui 20251003.1302.40-staging.0 → 20251006.1055.51

package/dist/styles-no-reset.css

@@ -1943,6 +1943,18 @@
     background-color: var(--color-system-background-50);
 }
 
+/* Left side: two stacked rows */
+.styles-module_notificationLeftTop__PEOTD {
+    grid-row: 1;
+    grid-column: 1;
+}
+
+.styles-module_notificationLeftBottom__TlEwW {
+    grid-row: 2;
+    grid-column: 1;
+    align-self: start;
+}
+
 /* Right side: spans both rows */
 .styles-module_notificationRight__3tOSY {
     display: grid;
@@ -1954,6 +1966,12 @@
     align-items: center;
 }
 
+.styles-module_notificationRightDelete__awWqb {
+    display: flex;
+    align-items: center;
+    justify-content: end;
+}
+
 .styles-module_notificationRightImage__SjiQh {
     display: flex;
     align-items: center;
@@ -1963,8 +1981,6 @@
 /* * */
 /* Notification Title */
 .styles-module_notificationTitle__atOaL{
-     grid-row: 1;
-    grid-column: 1;
     font-size: 14px;
     font-weight: bold;
 }
@@ -1972,9 +1988,6 @@
 /* * */
 /* Notification Body */
 .styles-module_notificationBody__zJz0o{
-    grid-row: 2;
-    grid-column: 1;
-    align-self: start;
     font-size: 14px;
     font-weight: normal;
 }
@@ -1983,9 +1996,7 @@
 /* Notification Delete Icon */
 .styles-module_notificationDeleteIcon__zy-o4 {
     z-index: 998;
-    display: flex;
-    align-items: center;
-    justify-content: end;
+   justify-content: end;
     color: var(--color-system-icon);
     cursor: pointer;
 }
@@ -5500,7 +5511,17 @@ fieldset:disabled .m_8ee546b8,
 
   --checkbox-size: var(--checkbox-size-sm);
   --checkbox-color: var(--mantine-primary-color-filled);
-  --checkbox-icon-color: var(--mantine-color-white);
+}
+
+  .m_5e5256ee:where([data-variant='filled']) {
+    --checkbox-icon-color: var(--mantine-color-white);
+  }
+
+  .m_5e5256ee:where([data-variant='outline']) {
+    --checkbox-icon-color: var(--checkbox-color);
+  }
+
+  .m_5e5256ee {
 
   position: relative;
   border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
@@ -5562,7 +5583,7 @@ fieldset:disabled .m_8ee546b8,
   }
 
 .m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
-      color: var(--checkbox-color);
+      color: var(--checkbox-icon-color);
       opacity: 1;
       transform: none;
     }
@@ -5588,9 +5609,16 @@ fieldset:disabled .m_8ee546b8,
 
   --checkbox-size: var(--checkbox-size-sm);
   --checkbox-color: var(--mantine-primary-color-filled);
-  --checkbox-icon-color: var(--mantine-color-white);
 }
 
+  .m_bf2d988c:where([data-variant='filled']) {
+    --checkbox-icon-color: var(--mantine-color-white);
+  }
+
+  .m_bf2d988c:where([data-variant='outline']) {
+    --checkbox-icon-color: var(--checkbox-color);
+  }
+
 .m_26062bec {
   position: relative;
   width: var(--checkbox-size);
@@ -5664,7 +5692,7 @@ fieldset:disabled .m_8ee546b8,
   }
 
 .m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
-      color: var(--checkbox-color);
+      color: var(--checkbox-icon-color);
       opacity: 1;
       transform: none;
     }

package/dist/styles.css

@@ -2003,6 +2003,18 @@ figure {
     background-color: var(--color-system-background-50);
 }
 
+/* Left side: two stacked rows */
+.styles-module_notificationLeftTop__PEOTD {
+    grid-row: 1;
+    grid-column: 1;
+}
+
+.styles-module_notificationLeftBottom__TlEwW {
+    grid-row: 2;
+    grid-column: 1;
+    align-self: start;
+}
+
 /* Right side: spans both rows */
 .styles-module_notificationRight__3tOSY {
     display: grid;
@@ -2014,6 +2026,12 @@ figure {
     align-items: center;
 }
 
+.styles-module_notificationRightDelete__awWqb {
+    display: flex;
+    align-items: center;
+    justify-content: end;
+}
+
 .styles-module_notificationRightImage__SjiQh {
     display: flex;
     align-items: center;
@@ -2023,8 +2041,6 @@ figure {
 /* * */
 /* Notification Title */
 .styles-module_notificationTitle__atOaL{
-     grid-row: 1;
-    grid-column: 1;
     font-size: 14px;
     font-weight: bold;
 }
@@ -2032,9 +2048,6 @@ figure {
 /* * */
 /* Notification Body */
 .styles-module_notificationBody__zJz0o{
-    grid-row: 2;
-    grid-column: 1;
-    align-self: start;
     font-size: 14px;
     font-weight: normal;
 }
@@ -2043,9 +2056,7 @@ figure {
 /* Notification Delete Icon */
 .styles-module_notificationDeleteIcon__zy-o4 {
     z-index: 998;
-    display: flex;
-    align-items: center;
-    justify-content: end;
+   justify-content: end;
     color: var(--color-system-icon);
     cursor: pointer;
 }
@@ -5560,7 +5571,17 @@ fieldset:disabled .m_8ee546b8,
 
   --checkbox-size: var(--checkbox-size-sm);
   --checkbox-color: var(--mantine-primary-color-filled);
-  --checkbox-icon-color: var(--mantine-color-white);
+}
+
+  .m_5e5256ee:where([data-variant='filled']) {
+    --checkbox-icon-color: var(--mantine-color-white);
+  }
+
+  .m_5e5256ee:where([data-variant='outline']) {
+    --checkbox-icon-color: var(--checkbox-color);
+  }
+
+  .m_5e5256ee {
 
   position: relative;
   border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
@@ -5622,7 +5643,7 @@ fieldset:disabled .m_8ee546b8,
   }
 
 .m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
-      color: var(--checkbox-color);
+      color: var(--checkbox-icon-color);
       opacity: 1;
       transform: none;
     }
@@ -5648,9 +5669,16 @@ fieldset:disabled .m_8ee546b8,
 
   --checkbox-size: var(--checkbox-size-sm);
   --checkbox-color: var(--mantine-primary-color-filled);
-  --checkbox-icon-color: var(--mantine-color-white);
 }
 
+  .m_bf2d988c:where([data-variant='filled']) {
+    --checkbox-icon-color: var(--mantine-color-white);
+  }
+
+  .m_bf2d988c:where([data-variant='outline']) {
+    --checkbox-icon-color: var(--checkbox-color);
+  }
+
 .m_26062bec {
   position: relative;
   width: var(--checkbox-size);
@@ -5724,7 +5752,7 @@ fieldset:disabled .m_8ee546b8,
   }
 
 .m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
-      color: var(--checkbox-color);
+      color: var(--checkbox-icon-color);
       opacity: 1;
       transform: none;
     }

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@tmlmobilidade/ui",
 	"description": "UI components for Transportes Metropolitanos de Lisboa (TML) web applications.",
-	"version": "20251003.1302.40-staging.0",
+	"version": "20251006.1055.51",
 	"author": "João de Vasconcelos & Jusi Monteiro",
 	"license": "AGPL-3.0-or-later",
 	"publishConfig": {
@@ -42,18 +42,18 @@
 		"path": false
 	},
 	"dependencies": {
-		"@carrismetropolitana/api-types": "^20251001.1550.12",
-		"@mantine/core": "8.3.2",
-		"@mantine/dates": "8.3.2",
-		"@mantine/form": "8.3.2",
-		"@mantine/hooks": "8.3.2",
-		"@mantine/modals": "8.3.2",
-		"@mantine/notifications": "8.3.2",
+		"@carrismetropolitana/api-types": "^20251001.1707.13",
+		"@mantine/core": "8.3.3",
+		"@mantine/dates": "8.3.3",
+		"@mantine/form": "8.3.3",
+		"@mantine/hooks": "8.3.3",
+		"@mantine/modals": "8.3.3",
+		"@mantine/notifications": "8.3.3",
 		"@tabler/icons-react": "3.35.0",
 		"@tmlmobilidade/lib": "*",
 		"@tmlmobilidade/types": "*",
 		"@tmlmobilidade/utils": "*",
-		"@vis.gl/react-maplibre": "8.0.4",
+		"@vis.gl/react-maplibre": "8.1.0",
 		"clsx": "2.1.1",
 		"luxon": "3.7.2",
 		"mantine-form-zod-resolver": "1.3.0",
@@ -64,14 +64,14 @@
 	},
 	"devDependencies": {
 		"@rollup/plugin-commonjs": "28.0.6",
-		"@rollup/plugin-node-resolve": "16.0.1",
+		"@rollup/plugin-node-resolve": "16.0.2",
 		"@rollup/plugin-typescript": "12.1.4",
 		"@turf/turf": "7.2.0",
 		"@types/geojson": "7946.0.16",
 		"@types/luxon": "3.7.1",
-		"@types/node": "24.6.1",
-		"@types/react": "19.1.16",
-		"@types/react-dom": "19.1.9",
+		"@types/node": "24.7.0",
+		"@types/react": "19.1.1",
+		"@types/react-dom": "19.1.1",
 		"nodemon": "3.1.10",
 		"postcss": "8.5.6",
 		"react": "19.1.1",