@tmlmobilidade/ui 20251003.1302.40-staging.0 → 20251006.1055.51

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/dist/index.css CHANGED
@@ -1943,6 +1943,18 @@
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
+
1946
1958
  /* Right side: spans both rows */
1947
1959
  .styles-module_notificationRight__3tOSY {
1948
1960
  display: grid;
@@ -1954,6 +1966,12 @@
1954
1966
  align-items: center;
1955
1967
  }
1956
1968
 
1969
+ .styles-module_notificationRightDelete__awWqb {
1970
+ display: flex;
1971
+ align-items: center;
1972
+ justify-content: end;
1973
+ }
1974
+
1957
1975
  .styles-module_notificationRightImage__SjiQh {
1958
1976
  display: flex;
1959
1977
  align-items: center;
@@ -1963,8 +1981,6 @@
1963
1981
  /* * */
1964
1982
  /* Notification Title */
1965
1983
  .styles-module_notificationTitle__atOaL{
1966
- grid-row: 1;
1967
- grid-column: 1;
1968
1984
  font-size: 14px;
1969
1985
  font-weight: bold;
1970
1986
  }
@@ -1972,9 +1988,6 @@
1972
1988
  /* * */
1973
1989
  /* Notification Body */
1974
1990
  .styles-module_notificationBody__zJz0o{
1975
- grid-row: 2;
1976
- grid-column: 1;
1977
- align-self: start;
1978
1991
  font-size: 14px;
1979
1992
  font-weight: normal;
1980
1993
  }
@@ -1983,9 +1996,7 @@
1983
1996
  /* Notification Delete Icon */
1984
1997
  .styles-module_notificationDeleteIcon__zy-o4 {
1985
1998
  z-index: 998;
1986
- display: flex;
1987
- align-items: center;
1988
- justify-content: end;
1999
+ justify-content: end;
1989
2000
  color: var(--color-system-icon);
1990
2001
  cursor: pointer;
1991
2002
  }
@@ -5500,7 +5511,17 @@ fieldset:disabled .m_8ee546b8,
5500
5511
 
5501
5512
  --checkbox-size: var(--checkbox-size-sm);
5502
5513
  --checkbox-color: var(--mantine-primary-color-filled);
5503
- --checkbox-icon-color: var(--mantine-color-white);
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 {
5504
5525
 
5505
5526
  position: relative;
5506
5527
  border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
@@ -5562,7 +5583,7 @@ fieldset:disabled .m_8ee546b8,
5562
5583
  }
5563
5584
 
5564
5585
  .m_76e20374[data-indeterminate]:not([data-disabled]) > .m_1b1c543a, .m_76e20374[data-checked]:not([data-disabled]) > .m_1b1c543a {
5565
- color: var(--checkbox-color);
5586
+ color: var(--checkbox-icon-color);
5566
5587
  opacity: 1;
5567
5588
  transform: none;
5568
5589
  }
@@ -5588,9 +5609,16 @@ fieldset:disabled .m_8ee546b8,
5588
5609
 
5589
5610
  --checkbox-size: var(--checkbox-size-sm);
5590
5611
  --checkbox-color: var(--mantine-primary-color-filled);
5591
- --checkbox-icon-color: var(--mantine-color-white);
5592
5612
  }
5593
5613
 
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
+
5594
5622
  .m_26062bec {
5595
5623
  position: relative;
5596
5624
  width: var(--checkbox-size);
@@ -5664,7 +5692,7 @@ fieldset:disabled .m_8ee546b8,
5664
5692
  }
5665
5693
 
5666
5694
  .m_215c4542[data-indeterminate]:not(:disabled) + .m_bf295423, .m_215c4542:checked:not(:disabled) + .m_bf295423 {
5667
- color: var(--checkbox-color);
5695
+ color: var(--checkbox-icon-color);
5668
5696
  opacity: 1;
5669
5697
  transform: none;
5670
5698
  }