@tmlmobilidade/ui 20251006.1208.27 → 20251006.1604.57-staging.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.
@@ -1943,18 +1943,6 @@
1943
1943
  background-color: var(--color-system-background-50);
1944
1944
  }
1945
1945
 
1946
- /* Left side: two stacked rows */
1947
- .styles-module_notificationLeftTop__PEOTD {
1948
- grid-row: 1;
1949
- grid-column: 1;
1950
- }
1951
-
1952
- .styles-module_notificationLeftBottom__TlEwW {
1953
- grid-row: 2;
1954
- grid-column: 1;
1955
- align-self: start;
1956
- }
1957
-
1958
1946
  /* Right side: spans both rows */
1959
1947
  .styles-module_notificationRight__3tOSY {
1960
1948
  display: grid;
@@ -1966,12 +1954,6 @@
1966
1954
  align-items: center;
1967
1955
  }
1968
1956
 
1969
- .styles-module_notificationRightDelete__awWqb {
1970
- display: flex;
1971
- align-items: center;
1972
- justify-content: end;
1973
- }
1974
-
1975
1957
  .styles-module_notificationRightImage__SjiQh {
1976
1958
  display: flex;
1977
1959
  align-items: center;
@@ -1981,6 +1963,8 @@
1981
1963
  /* * */
1982
1964
  /* Notification Title */
1983
1965
  .styles-module_notificationTitle__atOaL{
1966
+ grid-row: 1;
1967
+ grid-column: 1;
1984
1968
  font-size: 14px;
1985
1969
  font-weight: bold;
1986
1970
  }
@@ -1988,6 +1972,9 @@
1988
1972
  /* * */
1989
1973
  /* Notification Body */
1990
1974
  .styles-module_notificationBody__zJz0o{
1975
+ grid-row: 2;
1976
+ grid-column: 1;
1977
+ align-self: start;
1991
1978
  font-size: 14px;
1992
1979
  font-weight: normal;
1993
1980
  }
@@ -1996,7 +1983,9 @@
1996
1983
  /* Notification Delete Icon */
1997
1984
  .styles-module_notificationDeleteIcon__zy-o4 {
1998
1985
  z-index: 998;
1999
- justify-content: end;
1986
+ display: flex;
1987
+ align-items: center;
1988
+ justify-content: end;
2000
1989
  color: var(--color-system-icon);
2001
1990
  cursor: pointer;
2002
1991
  }
@@ -5511,17 +5500,7 @@ fieldset:disabled .m_8ee546b8,
5511
5500
 
5512
5501
  --checkbox-size: var(--checkbox-size-sm);
5513
5502
  --checkbox-color: var(--mantine-primary-color-filled);
5514
- }
5515
-
5516
- .m_5e5256ee:where([data-variant='filled']) {
5517
- --checkbox-icon-color: var(--mantine-color-white);
5518
- }
5519
-
5520
- .m_5e5256ee:where([data-variant='outline']) {
5521
- --checkbox-icon-color: var(--checkbox-color);
5522
- }
5523
-
5524
- .m_5e5256ee {
5503
+ --checkbox-icon-color: var(--mantine-color-white);
5525
5504
 
5526
5505
  position: relative;
5527
5506
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
@@ -5583,7 +5562,7 @@ fieldset:disabled .m_8ee546b8,
5583
5562
  }
5584
5563
 
5585
5564
  .m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
5586
- color: var(--checkbox-icon-color);
5565
+ color: var(--checkbox-color);
5587
5566
  opacity: 1;
5588
5567
  transform: none;
5589
5568
  }
@@ -5609,16 +5588,9 @@ fieldset:disabled .m_8ee546b8,
5609
5588
 
5610
5589
  --checkbox-size: var(--checkbox-size-sm);
5611
5590
  --checkbox-color: var(--mantine-primary-color-filled);
5591
+ --checkbox-icon-color: var(--mantine-color-white);
5612
5592
  }
5613
5593
 
5614
- .m_bf2d988c:where([data-variant='filled']) {
5615
- --checkbox-icon-color: var(--mantine-color-white);
5616
- }
5617
-
5618
- .m_bf2d988c:where([data-variant='outline']) {
5619
- --checkbox-icon-color: var(--checkbox-color);
5620
- }
5621
-
5622
5594
  .m_26062bec {
5623
5595
  position: relative;
5624
5596
  width: var(--checkbox-size);
@@ -5692,7 +5664,7 @@ fieldset:disabled .m_8ee546b8,
5692
5664
  }
5693
5665
 
5694
5666
  .m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
5695
- color: var(--checkbox-icon-color);
5667
+ color: var(--checkbox-color);
5696
5668
  opacity: 1;
5697
5669
  transform: none;
5698
5670
  }
package/dist/styles.css CHANGED
@@ -2003,18 +2003,6 @@ figure {
2003
2003
  background-color: var(--color-system-background-50);
2004
2004
  }
2005
2005
 
2006
- /* Left side: two stacked rows */
2007
- .styles-module_notificationLeftTop__PEOTD {
2008
- grid-row: 1;
2009
- grid-column: 1;
2010
- }
2011
-
2012
- .styles-module_notificationLeftBottom__TlEwW {
2013
- grid-row: 2;
2014
- grid-column: 1;
2015
- align-self: start;
2016
- }
2017
-
2018
2006
  /* Right side: spans both rows */
2019
2007
  .styles-module_notificationRight__3tOSY {
2020
2008
  display: grid;
@@ -2026,12 +2014,6 @@ figure {
2026
2014
  align-items: center;
2027
2015
  }
2028
2016
 
2029
- .styles-module_notificationRightDelete__awWqb {
2030
- display: flex;
2031
- align-items: center;
2032
- justify-content: end;
2033
- }
2034
-
2035
2017
  .styles-module_notificationRightImage__SjiQh {
2036
2018
  display: flex;
2037
2019
  align-items: center;
@@ -2041,6 +2023,8 @@ figure {
2041
2023
  /* * */
2042
2024
  /* Notification Title */
2043
2025
  .styles-module_notificationTitle__atOaL{
2026
+ grid-row: 1;
2027
+ grid-column: 1;
2044
2028
  font-size: 14px;
2045
2029
  font-weight: bold;
2046
2030
  }
@@ -2048,6 +2032,9 @@ figure {
2048
2032
  /* * */
2049
2033
  /* Notification Body */
2050
2034
  .styles-module_notificationBody__zJz0o{
2035
+ grid-row: 2;
2036
+ grid-column: 1;
2037
+ align-self: start;
2051
2038
  font-size: 14px;
2052
2039
  font-weight: normal;
2053
2040
  }
@@ -2056,7 +2043,9 @@ figure {
2056
2043
  /* Notification Delete Icon */
2057
2044
  .styles-module_notificationDeleteIcon__zy-o4 {
2058
2045
  z-index: 998;
2059
- justify-content: end;
2046
+ display: flex;
2047
+ align-items: center;
2048
+ justify-content: end;
2060
2049
  color: var(--color-system-icon);
2061
2050
  cursor: pointer;
2062
2051
  }
@@ -5571,17 +5560,7 @@ fieldset:disabled .m_8ee546b8,
5571
5560
 
5572
5561
  --checkbox-size: var(--checkbox-size-sm);
5573
5562
  --checkbox-color: var(--mantine-primary-color-filled);
5574
- }
5575
-
5576
- .m_5e5256ee:where([data-variant='filled']) {
5577
- --checkbox-icon-color: var(--mantine-color-white);
5578
- }
5579
-
5580
- .m_5e5256ee:where([data-variant='outline']) {
5581
- --checkbox-icon-color: var(--checkbox-color);
5582
- }
5583
-
5584
- .m_5e5256ee {
5563
+ --checkbox-icon-color: var(--mantine-color-white);
5585
5564
 
5586
5565
  position: relative;
5587
5566
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
@@ -5643,7 +5622,7 @@ fieldset:disabled .m_8ee546b8,
5643
5622
  }
5644
5623
 
5645
5624
  .m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
5646
- color: var(--checkbox-icon-color);
5625
+ color: var(--checkbox-color);
5647
5626
  opacity: 1;
5648
5627
  transform: none;
5649
5628
  }
@@ -5669,16 +5648,9 @@ fieldset:disabled .m_8ee546b8,
5669
5648
 
5670
5649
  --checkbox-size: var(--checkbox-size-sm);
5671
5650
  --checkbox-color: var(--mantine-primary-color-filled);
5651
+ --checkbox-icon-color: var(--mantine-color-white);
5672
5652
  }
5673
5653
 
5674
- .m_bf2d988c:where([data-variant='filled']) {
5675
- --checkbox-icon-color: var(--mantine-color-white);
5676
- }
5677
-
5678
- .m_bf2d988c:where([data-variant='outline']) {
5679
- --checkbox-icon-color: var(--checkbox-color);
5680
- }
5681
-
5682
5654
  .m_26062bec {
5683
5655
  position: relative;
5684
5656
  width: var(--checkbox-size);
@@ -5752,7 +5724,7 @@ fieldset:disabled .m_8ee546b8,
5752
5724
  }
5753
5725
 
5754
5726
  .m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
5755
- color: var(--checkbox-icon-color);
5727
+ color: var(--checkbox-color);
5756
5728
  opacity: 1;
5757
5729
  transform: none;
5758
5730
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tmlmobilidade/ui",
3
3
  "description": "UI components for Transportes Metropolitanos de Lisboa (TML) web applications.",
4
- "version": "20251006.1208.27",
4
+ "version": "20251006.1604.57-staging.0",
5
5
  "author": "João de Vasconcelos & Jusi Monteiro",
6
6
  "license": "AGPL-3.0-or-later",
7
7
  "publishConfig": {
@@ -42,18 +42,18 @@
42
42
  "path": false
43
43
  },
44
44
  "dependencies": {
45
- "@carrismetropolitana/api-types": "^20251001.1707.13",
46
- "@mantine/core": "8.3.3",
47
- "@mantine/dates": "8.3.3",
48
- "@mantine/form": "8.3.3",
49
- "@mantine/hooks": "8.3.3",
50
- "@mantine/modals": "8.3.3",
51
- "@mantine/notifications": "8.3.3",
45
+ "@carrismetropolitana/api-types": "^20251001.1550.12",
46
+ "@mantine/core": "8.3.2",
47
+ "@mantine/dates": "8.3.2",
48
+ "@mantine/form": "8.3.2",
49
+ "@mantine/hooks": "8.3.2",
50
+ "@mantine/modals": "8.3.2",
51
+ "@mantine/notifications": "8.3.2",
52
52
  "@tabler/icons-react": "3.35.0",
53
53
  "@tmlmobilidade/lib": "*",
54
54
  "@tmlmobilidade/types": "*",
55
55
  "@tmlmobilidade/utils": "*",
56
- "@vis.gl/react-maplibre": "8.1.0",
56
+ "@vis.gl/react-maplibre": "8.0.4",
57
57
  "clsx": "2.1.1",
58
58
  "luxon": "3.7.2",
59
59
  "mantine-form-zod-resolver": "1.3.0",
@@ -64,14 +64,14 @@
64
64
  },
65
65
  "devDependencies": {
66
66
  "@rollup/plugin-commonjs": "28.0.6",
67
- "@rollup/plugin-node-resolve": "16.0.2",
67
+ "@rollup/plugin-node-resolve": "16.0.1",
68
68
  "@rollup/plugin-typescript": "12.1.4",
69
69
  "@turf/turf": "7.2.0",
70
70
  "@types/geojson": "7946.0.16",
71
71
  "@types/luxon": "3.7.1",
72
- "@types/node": "24.7.0",
73
- "@types/react": "19.1.1",
74
- "@types/react-dom": "19.1.1",
72
+ "@types/node": "24.6.1",
73
+ "@types/react": "19.1.16",
74
+ "@types/react-dom": "19.1.9",
75
75
  "nodemon": "3.1.10",
76
76
  "postcss": "8.5.6",
77
77
  "react": "19.1.1",