@tmlmobilidade/ui 20250826.1316.20 → 20250826.1437.53

package/dist/styles.css

@@ -9859,6 +9859,81 @@ breakpoint-mobile {
 	font-weight: var(--font-weight-medium);
 	color: var(--color-system-text-200);
 }
+.TextInput-xl-module_root__pLIg2,
+.TextInput-xl-module_wrapper__jNRc9 {
+	--input-size: var(--font-size-xl);
+	--input-height: var(--font-size-xl);
+	min-width: 200px;
+	overflow: visible;
+	font-size: var(--font-size-xl);
+	transition: width 300ms ease-in-out
+}
+
+/* * */
+/* INPUT */
+
+.TextInput-xl-module_input__pA6QL {
+	padding: 0 var(--size-spacing-md);
+	font-size: var(--font-size-xl);
+	font-weight: var(--font-weight-semibold);
+	line-height: 1;
+	color: var(--color-system-text-100);
+	background-color: var(--color-system-background-100);
+	border: 2px solid var(--color-system-border-100);
+	border-radius: 5px;
+	transition: all 200ms ease-in-out;
+}
+
+.TextInput-xl-module_input__pA6QL::placeholder {
+	color: var(--color-system-text-300);
+}
+
+.TextInput-xl-module_input__pA6QL:focus {
+	background-color: var(--color-system-background-100);
+	border-color: var(--color-primary);
+	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
+}
+
+.TextInput-xl-module_wrapper__jNRc9[data-with-left-section="true"] .TextInput-xl-module_input__pA6QL {
+	padding-left: calc(var(--size-spacing-sm) + 46px);
+}
+
+.TextInput-xl-module_wrapper__jNRc9[data-with-right-section="true"] .TextInput-xl-module_input__pA6QL {
+	padding-right: calc(var(--size-spacing-sm) + 46px);
+}
+
+
+/* * */
+/* SECTION */
+
+.TextInput-xl-module_section__iulmc {
+	color: var(--color-system-text-300);
+}
+
+
+/* * */
+/* LABEL */
+
+.TextInput-xl-module_label__TbVY5 {
+	padding: 0;
+	margin: 0;
+	font-size: var(--font-size-xl);
+	font-weight: var(--font-weight-semibold);
+	line-height: var(--font-line-height);
+	color: var(--color-system-text-100);
+}
+
+/* * */
+/* DESCRIPTION */
+
+.TextInput-xl-module_description__pALYF {
+	padding: 0;
+	margin: 0;
+	font-size: var(--font-size-md);
+	font-weight: var(--font-weight-medium);
+	line-height: var(--font-line-height);
+	color: var(--color-system-text-200);
+}
 .TextInput-module_root__5xZUQ,
 .TextInput-module_wrapper__SJBeM {
 	--input-size: 40px;
@@ -10695,6 +10770,164 @@ breakpoint-mobile {
 	flex-wrap: wrap-reverse;
 }
 
+/* * */
+/* BADGE */
+
+.styles-module_badge__-PqgE {
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-weight: var(--font-weight-bold);
+	line-height: 1;
+	color: var(--color-system-background-100);
+	letter-spacing: 1px;
+	background-color: var(--color-system-text-200);
+	border-radius: 999px;
+
+	&[data-size='md'] {
+		min-width: 65px;
+		max-width: 65px;
+		min-height: 26px;
+		max-height: 26px;
+		font-size: 16px;
+	}
+
+	&[data-size='lg'] {
+		min-width: 85px;
+		max-width: 85px;
+		min-height: 34px;
+		max-height: 34px;
+		font-size: 22px;
+	}
+}
+
+
+/* * */
+/* ALERT ICON */
+
+.styles-module_alertIcon__JtR4k {
+	position: absolute;
+	top: -10px;
+	right: -10px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 20px;
+	height: 20px;
+	color: var(--color-status-info-text);
+	background-color: var(--color-primary-white);
+	border-radius: 999px;
+}
+/* * */
+/* NAME */
+
+.styles-module_name__nmepm {
+	display: -webkit-box;
+	justify-content: flex-start;
+	width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-webkit-line-clamp: 3;
+	color: var(--color-system-text-100);
+	-webkit-box-orient: vertical;
+}
+
+/* * */
+/* SIZE */
+
+.styles-module_name__nmepm[data-size='md'] {
+	font-size: 15px;
+	font-weight: var(--font-weight-semibold);
+}
+
+.styles-module_name__nmepm[data-size='lg'] {
+	font-size: 20px;
+	font-weight: var(--font-weight-semibold);
+}
+
+/* * */
+/* ALIGN */
+
+.styles-module_name__nmepm[data-align='left'] {
+	align-items: flex-start;
+	text-align: left;
+}
+
+.styles-module_name__nmepm[data-align='center'] {
+	align-items: center;
+	text-align: center;
+}
+/* * */
+/* CONTAINER */
+
+.styles-module_container__A88zF {
+	display: flex;
+	flex-direction: row;
+	gap: var(--size-spacing-sm);
+	align-items: center;
+	justify-content: flex-start;
+}
+
+/* * */
+/* COMBOBOX TARGET WRAPPER */
+
+.styles-module_comboboxTargetWrapper__MxB1r {
+	position: relative;
+	width: 100%;
+	height: auto;
+}
+
+/* * */
+/* COMBOBOX TARGET INPUT */
+
+.styles-module_comboboxTargetInput__Qle1Y {
+	width: 100%;
+	height: auto;
+	max-height: none;
+	padding: 13px calc(var(--size-spacing-md) + 30px);
+	padding-bottom: 12px;
+	font-size: 18px;
+	line-height: 1;
+	color: var(--color-system-text-100);
+	background-color: var(--color-system-background-100);
+	border: 1px solid var(--color-system-border-200);
+	border-radius: 5px;
+}
+
+/* * */
+/* COMBOBOX TARGET SECTION */
+
+.styles-module_comboboxTargetSection__Q9IFI {
+	position: absolute;
+	display: flex;
+	width: auto;
+	padding: var(--size-spacing-sm);
+	color: var(--color-system-text-300);
+}
+
+.styles-module_comboboxTargetSection__Q9IFI[data-position="left"] {
+	left: 1px;
+}
+
+.styles-module_comboboxTargetSection__Q9IFI[data-position="right"] {
+	right: 1px;
+}
+
+/* * */
+/* COMBOBOX OPTION */
+
+.styles-module_comboboxOption__gQmRA {
+  padding: 6px;
+}
+
+/* * */
+/* SELECTED */
+
+.styles-module_selected__AYGBH {
+  background-color: var(--color-system-background-200) !important;
+}
+
 .styles-module_header__6dpaJ {
 	position: sticky;
 	top: 0;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@tmlmobilidade/ui",
 	"description": "UI components for Transportes Metropolitanos de Lisboa (TML) web applications.",
-	"version": "20250826.1316.20",
+	"version": "20250826.1437.53",
 	"author": "João de Vasconcelos & Jusi Monteiro",
 	"license": "AGPL-3.0-or-later",
 	"publishConfig": {
@@ -42,6 +42,7 @@
 		"path": false
 	},
 	"dependencies": {
+		"@carrismetropolitana/api-types": "^20250820.1130.53",
 		"@mantine/core": "8.2.5",
 		"@mantine/dates": "8.2.5",
 		"@mantine/form": "8.2.5",
@@ -58,7 +59,8 @@
 		"mantine-form-zod-resolver": "1.3.0",
 		"maplibre-gl": "5.7.0",
 		"react": "19.x",
-		"react-viewport-list": "7.1.2"
+		"react-viewport-list": "7.1.2",
+		"ukkonen": "^2.2.0"
 	},
 	"devDependencies": {
 		"@rollup/plugin-commonjs": "28.0.6",