@tmlmobilidade/ui 20250826.1336.59 → 20250826.1511.18

package/dist/styles.css

@@ -10770,6 +10770,249 @@ 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;
+}
+
+/* * */
+/* CONTAINER */
+
+.styles-module_container__qrLZH {
+	display: flex;
+	flex-direction: column;
+	gap: var(--size-spacing-3);
+	align-items: flex-start;
+	justify-content: flex-start;
+}
+/* * */
+/* NAME */
+
+.styles-module_name__SST-B {
+	color: var(--color-system-text-100);
+}
+
+.styles-module_name__SST-B.styles-module_md__-wokm {
+	font-size: 16px;
+	font-weight: var(--font-weight-bold);
+}
+
+.styles-module_name__SST-B.styles-module_lg__5of8l {
+	font-size: 20px;
+	font-weight: var(--font-weight-bold);
+}
+/* * */
+/* COMBOBOX TARGET WRAPPER */
+
+.styles-module_comboboxTargetWrapper__hRaRB {
+	position: relative;
+	width: 100%;
+	height: auto;
+}
+
+/* * */
+/* COMBOBOX TARGET INPUT */
+
+.styles-module_comboboxTargetInput__XB2iL {
+	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__zilqR {
+	position: absolute;
+	display: flex;
+	width: auto;
+	padding: var(--size-spacing-sm);
+	color: var(--color-system-text-300);
+}
+
+.styles-module_comboboxTargetSection__zilqR[data-position="left"] {
+	left: 1px;
+}
+
+.styles-module_comboboxTargetSection__zilqR[data-position="right"] {
+	right: 1px;
+}
+
+/* * */
+/* COMBOBOX OPTION */
+
+.styles-module_comboboxOption__uyqLv {
+  padding: 6px;
+}
+
+/* * */
+/* SELECTED */
+
+.styles-module_selected__ZOTd- {
+  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.1336.59",
+	"version": "20250826.1511.18",
 	"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",