@tmlmobilidade/ui 20250310.1959.17 → 20250325.1729.37

package/dist/styles.css

@@ -52,8 +52,11 @@ a {
 img,
 figure {
 	display: flex;
-}* {
-	font-family: var(--font-family);
+}/* stylelint-disable selector-class-pattern */
+/* stylelint-disable unit-allowed-list */
+
+* {
+	font-family: "Work_Sans", sans-serif;
 }
 
 body {
@@ -301,32 +304,33 @@ body {
 }
 
 /* * */
-.index_hidden__6NZaM {
+
+.hidden {
 	display: none;
 }
 
-.index_full-width__iHl-8 {
+.fullWidth {
 	width: 100% !important;
 }
 
 /* * */
 
-theme-light {
+.theme-light {
 	display: contents;
 }
 
 @media (prefers-color-scheme: dark) {
-	theme-light {
+	.theme-light {
 		display: none;
 	}
 }
 
-theme-dark {
+.theme-dark {
 	display: contents;
 }
 
 @media (prefers-color-scheme: light) {
-	theme-dark {
+	.theme-dark {
 		display: none;
 	}
 }
@@ -368,165 +372,10 @@ breakpoint-mobile {
 	}
 }
 
-.styles-module_root__P5aS- {
-	transition: all 300ms ease-in;
-	background-color: transparent;
-	border-radius: var(--border-radius-xs);
-	font-size: 16px;
-	font-weight: 500;
-	padding: var(--size-spacing-xs);
-	cursor: pointer;
-	height: auto;
-	width: auto;
-}
-
-.styles-module_primary__1Forr {
-	color: var(--color-primary);
-
-	&:hover {
-		background-color: var(--color-background);
-	}
-}
-
-.styles-module_secondary__F-Pxy {
-	color: var(--color-secondary);
-
-	&:hover {
-		background-color: var(--color-background);
-	}
-}
-
-.styles-module_muted__IRFQC {
-	color: var(--color-system-text-300);
-
-	&:hover {
-		color: var(--color-primary);
-	}
-}
-
-.styles-module_disabled__Q0YEb {
-	color: var(--color-system-border-100);
-	cursor: not-allowed;
-}
-
-.styles-module_danger__-aPaa {
-	color: var(--color-status-danger-primary);
-
-	&:hover {
-		background-color: var(--color-status-danger-contrast);
-	}
-}
-
-.styles-module_info__z1XFz {
-	color: var(--color-status-info-primary);
-
-	&:hover {
-		background-color: var(--color-status-info-contrast);
-	}
-}
-
-.styles-module_success__V-kNZ {
-	color: var(--color-status-success-primary);
-
-	&:hover {
-		color: var(--color-status-success-contrast);
-		background-color: var(--color-status-success-primary);
-	}
-}
-	
-.styles-module_warning__gGAPU {
-	color: var(--color-status-warning-primary);
-
-	&:hover {
-		background-color: var(--color-status-warning-contrast);
-	}
-}
-
-.styles-module_active__0bskK {
-	color: var(--color-status-active-primary);
-
-	&:hover {
-		background-color: var(--color-status-active-contrast);
-	}
-}
-/* * */
-/* BUTTON / ROOT */
-
-.button-module_root__zbjAz {
-	height: 40px;
-	padding: 0 15px;
-	cursor: pointer;
-	user-select: none;
-	background-color: red;
-	border: 2px solid brown;
-	box-shadow: 0 1px 3px 0 brown;
-}
-
-.button-module_root__zbjAz[data-variant='primary'] {
-	color: var(--color-contrast);
-	background-color: var(--color-primary);
-	border-color: var(--color-secondary);
-	box-shadow: 0 1px 3px 0 var(--color-shadow);
-}
-
-.button-module_root__zbjAz[data-variant='secondary'] {
-	color: var(--color-primary);
-	background-color: var(--color-background);
-	border-color: var(--color-primary);
-	box-shadow: 0 1px 3px 0 var(--color-shadow);
-}
-
-.button-module_root__zbjAz[data-variant='muted'] {
-	color: var(--color-system-text-300);
-	background-color: var(--color-system-background-100);
-	border-color: var(--color-system-text-300);
-	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 15%);
-}
-
-.button-module_root__zbjAz[data-variant='disabled'] {
-	color: var(--color-system-border-100);
-	cursor: not-allowed;
-	background-color: var(--color-system-background-200);
-	border-color: var(--color-system-border-100);
-	box-shadow: unset;
-}
-
-.button-module_root__zbjAz[data-variant='danger'] {
-	color: var(--color-status-danger-primary);
-	background-color: var(--color-status-danger-contrast);
-	border-color: var(--color-status-danger-primary);
-	box-shadow: 0 1px 3px 0 var(--color-status-danger-shadow);
-}
-
-/* BUTTON / INNER */
-
-.button-module_inner__KOq2J {
-	display: flex;
-	gap: 10px;
-}
-
-/* BUTTON / SECTION */
-
-.button-module_section__CCc4s {
-	display: flex;
-	width: 18px;
-	height: 18px;
-	padding: 0;
-	margin: 0;
-}
-
-/* BUTTON / LABEL */
-
-.button-module_label__18S3E {
-	font-size: 16px;
-	font-weight: var(--font-weight-semibold);
-	line-height: 1;
-	text-transform: uppercase;
-}
 /* * */
 /* INPUT */
 
-.password-input-module_input__NVrbH {
+.PasswordInput-module_input__S19tJ {
 	padding: 0;
 	margin: 0;
 	overflow: visible;
@@ -538,7 +387,7 @@ breakpoint-mobile {
 /* * */
 /* INPUT */
 
-.text-input-sm-module_input__u-uh6 {
+.TextInput-sm-module_input__UrN-E {
 	height: auto;
 	max-height: none;
 	font-size: var(--font-size-sm);
@@ -550,19 +399,19 @@ breakpoint-mobile {
 	font-weight: var(--font-weight-medium);
 }
 
-.text-input-sm-module_input__u-uh6::placeholder {
+.TextInput-sm-module_input__UrN-E::placeholder {
 	color: var(--color-system-text-300);
 }
 
-.text-input-sm-module_wrapper__H9JIX[data-with-left-section="true"] .text-input-sm-module_input__u-uh6 {
+.TextInput-sm-module_wrapper__QmI9Z[data-with-left-section="true"] .TextInput-sm-module_input__UrN-E {
 	padding-left: calc(var(--size-spacing-sm) + 30px);
 }
 
-.text-input-sm-module_wrapper__H9JIX[data-with-right-section="true"] .text-input-sm-module_input__u-uh6 {
+.TextInput-sm-module_wrapper__QmI9Z[data-with-right-section="true"] .TextInput-sm-module_input__UrN-E {
 	padding-right: calc(var(--size-spacing-sm) + 30px);
 }
 
-.text-input-sm-module_input__u-uh6.text-input-sm-module_variantWhite__k4HFB {
+.TextInput-sm-module_input__UrN-E.TextInput-sm-module_variantWhite__WmlFU {
 	color: var(--color-primary-black);
 	border-color: #bebec8;
 	background-color: var(--color-primary-white);
@@ -571,22 +420,22 @@ breakpoint-mobile {
 /* * */
 /* SECTION */
 
-.text-input-sm-module_section__UXn50 {
+.TextInput-sm-module_section__vc7NU {
 	display: flex;
 	width: auto;
 	padding: var(--size-spacing-sm);
 	color: var(--color-system-text-300);
 }
 
-.text-input-sm-module_section__UXn50[data-position="left"] {
+.TextInput-sm-module_section__vc7NU[data-position="left"] {
 	pointer-events: none;
 }
 
-.text-input-sm-module_section__UXn50.text-input-sm-module_variantWhite__k4HFB {
+.TextInput-sm-module_section__vc7NU.TextInput-sm-module_variantWhite__WmlFU {
 	color: var(--color-system-text-300);
 }
 
-.text-input-sm-module_sizeSm__LE66I{
+.TextInput-sm-module_sizeSm__HeJop{
 	line-height: var(--font-line-height-sm);
 	font-size: 1px;
 }
@@ -594,7 +443,7 @@ breakpoint-mobile {
 /* * */
 /* LABEL */
 
-.text-input-sm-module_label__Tjn5U {
+.TextInput-sm-module_label__s7mC- {
 	color: var(--color-system-text-100);
 	font-size: var(--font-size-sm);
 	font-weight: var(--font-weight-medium);
@@ -603,15 +452,15 @@ breakpoint-mobile {
 /* * */
 /* DESCRIPTION */
 
-.text-input-sm-module_description__grwjQ {
+.TextInput-sm-module_description__3zHN9 {
 	margin-top: 0;
 	margin-bottom: 0;
 	color: var(--color-system-text-200);
 	font-size: var(--font-size-sm);
 	font-weight: var(--font-weight-medium);
 }
-.text-input-module_root__U-FKL,
-.text-input-module_wrapper__jrJs0 {
+.TextInput-module_root__5xZUQ,
+.TextInput-module_wrapper__SJBeM {
 	--input-size: 40px;
 	--input-height: 40px;
 	min-width: 250px;
@@ -621,7 +470,7 @@ breakpoint-mobile {
 /* * */
 /* INPUT */
 
-.text-input-module_input__9C3ID {
+.TextInput-module_input__mhkmT {
 	padding: 0 15px;
 	font-size: 16px;
 	font-weight: var(--font-weight-semibold);
@@ -634,25 +483,27 @@ breakpoint-mobile {
 	transition: all 200ms ease-in-out;
 }
 
-.text-input-module_input__9C3ID::placeholder {
+.TextInput-module_input__mhkmT::placeholder {
 	color: var(--color-system-text-300);
 }
 
-.text-input-module_wrapper__jrJs0[data-with-left-section="true"] .text-input-module_input__9C3ID {
+.TextInput-module_input__mhkmT:focus {
+	background-color: var(--color-system-background-100);
+}
+
+.TextInput-module_wrapper__SJBeM[data-with-left-section="true"] .TextInput-module_input__mhkmT {
 	padding-left: calc(var(--size-spacing-sm) + 30px);
 }
 
-.text-input-module_wrapper__jrJs0[data-with-right-section="true"] .text-input-module_input__9C3ID {
+.TextInput-module_wrapper__SJBeM[data-with-right-section="true"] .TextInput-module_input__mhkmT {
 	padding-right: calc(var(--size-spacing-sm) + 30px);
 }
-.text-input-module_input__9C3ID:focus {
-	background-color: var(--color-system-background-100);
-}
+
 
 /* * */
 /* LABEL */
 
-.text-input-module_label__sLogM {
+.TextInput-module_label__wvb-u {
 	padding: 0;
 	margin: 0;
 	font-size: var(--font-size-base);
@@ -664,7 +515,7 @@ breakpoint-mobile {
 /* * */
 /* DESCRIPTION */
 
-.text-input-module_description__hPkID {
+.TextInput-module_description__cW0Oo {
 	padding: 0;
 	margin: 0;
 	font-size: var(--font-size-sm);
@@ -672,6 +523,87 @@ breakpoint-mobile {
 	line-height: var(--font-line-height-sm);
 	color: var(--color-system-text-200);
 }
+.styles-module_root__P5aS- {
+	transition: all 300ms ease-in;
+	background-color: transparent;
+	border-radius: var(--border-radius-xs);
+	font-size: 16px;
+	font-weight: 500;
+	padding: var(--size-spacing-xs);
+	cursor: pointer;
+	height: auto;
+	width: auto;
+}
+
+.styles-module_primary__1Forr {
+	color: var(--color-primary);
+
+	&:hover {
+		background-color: var(--color-background);
+	}
+}
+
+.styles-module_secondary__F-Pxy {
+	color: var(--color-secondary);
+
+	&:hover {
+		background-color: var(--color-background);
+	}
+}
+
+.styles-module_muted__IRFQC {
+	color: var(--color-system-text-300);
+
+	&:hover {
+		color: var(--color-primary);
+	}
+}
+
+.styles-module_disabled__Q0YEb {
+	color: var(--color-system-border-100);
+	cursor: not-allowed;
+}
+
+.styles-module_danger__-aPaa {
+	color: var(--color-status-danger-primary);
+
+	&:hover {
+		background-color: var(--color-status-danger-contrast);
+	}
+}
+
+.styles-module_info__z1XFz {
+	color: var(--color-status-info-primary);
+
+	&:hover {
+		background-color: var(--color-status-info-contrast);
+	}
+}
+
+.styles-module_success__V-kNZ {
+	color: var(--color-status-success-primary);
+
+	&:hover {
+		color: var(--color-status-success-contrast);
+		background-color: var(--color-status-success-primary);
+	}
+}
+	
+.styles-module_warning__gGAPU {
+	color: var(--color-status-warning-primary);
+
+	&:hover {
+		background-color: var(--color-status-warning-contrast);
+	}
+}
+
+.styles-module_active__0bskK {
+	color: var(--color-status-active-primary);
+
+	&:hover {
+		background-color: var(--color-status-active-contrast);
+	}
+}
 .styles-module_dropdown__9W7AN {
     background-color: var(--color-system-background-200);
     display: flex;
@@ -1396,6 +1328,130 @@ breakpoint-mobile {
     font-weight: var(--font-weight-semibold);
 }
 
+.styles-module_header__6dpaJ {
+    position: sticky;
+    top: 0;
+
+    background-color: var(--color-system-background-100);
+    box-shadow: 0 1px 5px 0 var(--color-system-border-100);
+}
+
+  .styles-module_cell__mfzlU {
+    padding: var(--size-spacing-md);
+    text-transform: uppercase;
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-semibold);
+    line-height: var(--font-line-height-xs);
+    color: var(--color-system-text-300);
+
+    white-space: nowrap;
+}
+
+.styles-module_cellContent__NO9HT {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.styles-module_row__0kxC4 {
+    border-bottom: 1px solid var(--color-system-border-100);
+}
+
+
+.styles-module_row__46pHv {
+    border-bottom: 1px solid var(--color-system-border-100);
+
+    &:hover {
+        background-color: var(--color-system-background-200);
+    }
+}
+
+.styles-module_cell__Yb-lZ {
+    font-weight: var(--font-weight-semibold);
+    font-size: var(--font-size-base);
+    line-height: var(--font-line-height-base);
+    color: var(--color-system-text-100);
+}
+
+.styles-module_maxWidth__S-bPz {
+    & * {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+}
+
+.styles-module_fullWidth__vNRRx {
+    & * {
+        min-width: max-content;
+    }
+}
+.styles-module_root__2WSxN {
+    position: sticky;
+    top: 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--size-spacing-sm);
+    padding: var(--size-spacing-sm);
+    background-color: var(--color-system-background-100);
+    border-bottom: 1px solid var(--color-system-border-100);
+}
+
+.styles-module_title__qCJZG {
+    color: var(--color-system-text-100);
+    text-transform: uppercase;
+    font-size: var(--font-size-lg);
+    font-weight: var(--font-weight-bold);
+    line-height: var(--font-line-height-lg);
+}
+
+.styles-module_item__yl--3 {
+    cursor: pointer;
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-semibold);
+    line-height: var(--font-line-height-xs);
+    text-transform: uppercase;
+    user-select: none;
+
+    border: 2px solid var(--color-system-border-100);
+    border-radius: var(--border-radius-xl);
+
+    padding: 2px 10px;
+
+    &[aria-active="true"] {
+        background-color: var(--color-primary);
+        border-color: var(--color-secondary);
+        color: var(--color-contrast);
+    }
+}
+
+.styles-module_itemsWrapper__8xwKJ {
+    flex-grow: 1;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--size-spacing-sm);
+}
+.styles-module_root__AStX6 {
+    max-width: 100%;
+}
+
+.styles-module_tableWrapper__ByR84 {
+    background-color: var(--color-system-background-100);
+    color: var(--color-system-text-100);
+    overflow-x: auto;
+    max-width: 100%;
+}
+
+.styles-module_table__IKm6A {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.styles-module_body__Ou1Rp {
+    overflow-y: auto;
+}
+  
 /* * */
 /* CONTAINER */
 
@@ -1541,130 +1597,6 @@ breakpoint-mobile {
   z-index: 0;
 }
 
-.styles-module_header__6dpaJ {
-    position: sticky;
-    top: 0;
-
-    background-color: var(--color-system-background-100);
-    box-shadow: 0 1px 5px 0 var(--color-system-border-100);
-}
-
-  .styles-module_cell__mfzlU {
-    padding: var(--size-spacing-md);
-    text-transform: uppercase;
-    font-size: var(--font-size-xs);
-    font-weight: var(--font-weight-semibold);
-    line-height: var(--font-line-height-xs);
-    color: var(--color-system-text-300);
-
-    white-space: nowrap;
-}
-
-.styles-module_cellContent__NO9HT {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.styles-module_row__0kxC4 {
-    border-bottom: 1px solid var(--color-system-border-100);
-}
-
-
-.styles-module_row__46pHv {
-    border-bottom: 1px solid var(--color-system-border-100);
-
-    &:hover {
-        background-color: var(--color-system-background-200);
-    }
-}
-
-.styles-module_cell__Yb-lZ {
-    font-weight: var(--font-weight-semibold);
-    font-size: var(--font-size-base);
-    line-height: var(--font-line-height-base);
-    color: var(--color-system-text-100);
-}
-
-.styles-module_maxWidth__S-bPz {
-    & * {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-}
-
-.styles-module_fullWidth__vNRRx {
-    & * {
-        min-width: max-content;
-    }
-}
-.styles-module_root__2WSxN {
-    position: sticky;
-    top: 0;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--size-spacing-sm);
-    padding: var(--size-spacing-sm);
-    background-color: var(--color-system-background-100);
-    border-bottom: 1px solid var(--color-system-border-100);
-}
-
-.styles-module_title__qCJZG {
-    color: var(--color-system-text-100);
-    text-transform: uppercase;
-    font-size: var(--font-size-lg);
-    font-weight: var(--font-weight-bold);
-    line-height: var(--font-line-height-lg);
-}
-
-.styles-module_item__yl--3 {
-    cursor: pointer;
-    font-size: var(--font-size-xs);
-    font-weight: var(--font-weight-semibold);
-    line-height: var(--font-line-height-xs);
-    text-transform: uppercase;
-    user-select: none;
-
-    border: 2px solid var(--color-system-border-100);
-    border-radius: var(--border-radius-xl);
-
-    padding: 2px 10px;
-
-    &[aria-active="true"] {
-        background-color: var(--color-primary);
-        border-color: var(--color-secondary);
-        color: var(--color-contrast);
-    }
-}
-
-.styles-module_itemsWrapper__8xwKJ {
-    flex-grow: 1;
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--size-spacing-sm);
-}
-.styles-module_root__AStX6 {
-    max-width: 100%;
-}
-
-.styles-module_tableWrapper__ByR84 {
-    background-color: var(--color-system-background-100);
-    color: var(--color-system-text-100);
-    overflow-x: auto;
-    max-width: 100%;
-}
-
-.styles-module_table__IKm6A {
-    width: 100%;
-    border-collapse: collapse;
-}
-
-.styles-module_body__Ou1Rp {
-    overflow-y: auto;
-}
-  
 /* * */
 /* CONTAINER */
 
@@ -2067,12 +1999,11 @@ breakpoint-mobile {
 	color: var(--color-primary-black);
 	text-decoration: underline;
 }
-
-:root[data-theme="ocean"] {
+/*# sourceMappingURL=index.css.map */:root[data-theme="ocean"] {
 	--color-primary: #005adc;
 	--color-secondary: #0041a0;
 	--color-background: #e6f0ff;
-	--color-contrast: #ffffff;
+	--color-contrast: #fff;
 	--color-shadow: #000a5040;
 }
 
@@ -2136,12 +2067,11 @@ breakpoint-mobile {
 		--color-shadow: #05231440;
 	}
 }
-
 :root[data-theme="royal"] {
 	--color-primary: #6e3cc8;
 	--color-secondary: #460a96;
 	--color-background: #f0f0ff;
-	--color-contrast: #ffffff;
+	--color-contrast: #fff;
 	--color-shadow: #1e0a4640;
 }
 
@@ -2780,14 +2710,39 @@ fieldset:disabled .mantine-active:active {
     display: none;
   }
 
-.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='y']) {
-      padding-inline-end: var(--scrollarea-scrollbar-size);
-      padding-inline-start: unset;
-    }
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='y'],
+        [data-offset-scrollbars='present']
+      ):where([data-vertical-hidden]) {
+        padding-inline-end: 0;
+        padding-inline-start: 0;
+      }
 
-.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='x']) {
-      padding-bottom: var(--scrollarea-scrollbar-size);
-    }
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='y'],
+        [data-offset-scrollbars='present']
+      ):not([data-vertical-hidden]) {
+        padding-inline-end: var(--scrollarea-scrollbar-size);
+        padding-inline-start: unset;
+      }
+
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='x'],
+        [data-offset-scrollbars='present']
+      ):where([data-horizontal-hidden]) {
+        padding-bottom: 0;
+      }
+
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
+        [data-offset-scrollbars='xy'],
+        [data-offset-scrollbars='x'],
+        [data-offset-scrollbars='present']
+      ):not([data-horizontal-hidden]) {
+        padding-bottom: var(--scrollarea-scrollbar-size);
+      }
 
 .m_f8f631dd {
   min-width: 100%;
@@ -3691,14 +3646,6 @@ fieldset:disabled .mantine-active:active {
     color: var(--input-disabled-color);
   }
 
-/* Fixes odd Firefox behavior in Select – https://github.com/mantinedev/mantine/issues/7476 */
-
-@supports (-moz-appearance: none) {
-    .m_8fb7ebe7[readonly][aria-haspopup] {
-      pointer-events: none;
-    }
-  }
-
 .m_82577fc2 {
   pointer-events: var(--section-pointer-events);
   position: absolute;