@tmlmobilidade/ui 20250725.249.48 → 20250725.351.55

package/dist/index.css

@@ -1,3 +1,174 @@
+/* * */
+/* ROOT */
+
+.styles-module_root__6tkBP {
+	display: flex;
+	flex-direction: column;
+	gap: 20px;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	padding: 30px;
+	color: var(--color-system-text-300);
+}
+
+/* * */
+/* TITLE */
+
+.styles-module_title__M-rZm {
+	font-size: 24px;
+	font-weight: var(--font-weight-bold);
+	line-height: 1.2;
+	text-transform: uppercase;
+	user-select: none;
+}
+
+/* * */
+/* MESSAGE */
+
+.styles-module_message__SXumd {
+	max-width: 500px;
+	padding: 10px;
+	font-family: monospace;
+	font-size: 14px;
+	text-align: center;
+	border: 1px solid var(--color-system-text-300);
+	border-radius: 5px;
+}
+/* * */
+/* ROOT */
+
+.styles-module_root__txr4i {
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: var(--container-size);
+	height: var(--container-size);
+
+	--center: calc(var(--container-size) / 2);
+    --radius: calc(var(--container-size) / 2 - var(--blade-size) / 2 * var(--blade-tightness));
+}
+
+/* * */
+/* PROPS / SIZE */
+
+.styles-module_root__txr4i[data-size="sm"] {
+	--container-size: 24px;
+	--blade-size: 7px;
+	--blade-thickness: 3px;
+	--blade-tightness: 1.25;
+}
+
+.styles-module_root__txr4i[data-size="md"] {
+	--container-size: 40px;
+	--blade-size: 10px;
+	--blade-thickness: 4px;
+	--blade-tightness: 1.75;
+}
+
+.styles-module_root__txr4i[data-size="lg"] {
+	--container-size: 60px;
+	--blade-size: 18px;
+	--blade-thickness: 7px;
+	--blade-tightness: 1.25;
+}
+
+/* * */
+/* BLADES */
+
+.styles-module_blade__qgyfn {
+	position: absolute;
+	top: calc(var(--center) + var(--radius) * sin(var(--angle)) - var(--blade-size) / 2);
+    left: calc(var(--center) + var(--radius) * cos(var(--angle)) - var(--blade-thickness) / 2);
+    width: var(--blade-thickness);
+    height: var(--blade-size);
+    background-color: var(--color-system-text-300);
+    border-radius: 999px;
+    transform: rotate(calc(var(--angle) + 90deg));
+    animation: styles-module_spinner-animation__Mmuta 1000ms var(--delay) linear infinite;
+    will-change: opacity;
+}
+
+.styles-module_blade__qgyfn:nth-child(1) {
+    --angle: 0deg;
+	--delay: -1625ms;
+}
+
+.styles-module_blade__qgyfn:nth-child(2) {
+	--angle: 45deg;
+	--delay: -1500ms;
+}
+
+.styles-module_blade__qgyfn:nth-child(3) {
+    --angle: 90deg;
+	--delay: -1375ms;
+}
+
+.styles-module_blade__qgyfn:nth-child(4) {
+    --angle: 135deg;
+	--delay: -1250ms;
+}
+
+.styles-module_blade__qgyfn:nth-child(5) {
+    --angle: 180deg;
+	--delay: -1125ms;
+}
+
+.styles-module_blade__qgyfn:nth-child(6) {
+    --angle: 225deg;
+	--delay: -1000ms;
+}
+
+.styles-module_blade__qgyfn:nth-child(7) {
+    --angle: 270deg;
+	--delay: -875ms;
+}
+
+.styles-module_blade__qgyfn:nth-child(8) {
+    --angle: 315deg;
+	--delay: -750ms;
+}
+
+/* * */
+/* ANIMATION */
+
+@keyframes styles-module_spinner-animation__Mmuta {
+	0% {
+		opacity: 0.85;
+	}
+	50% {
+		opacity: 0.25;
+	}
+	100% {
+		opacity: 0.25;
+	}
+}
+/* * */
+/* ROOT */
+
+.styles-module_root__5zj3E {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+}
+
+/* * */
+/* ROOT / DIMMED */
+
+.styles-module_root__5zj3E[data-dimmed="true"] {
+	background-color: rgb(0 0 0 / 75%);
+}
+
+/* * */
+/* ROOT / FULLSCREEN */
+
+.styles-module_root__5zj3E[data-fullscreen="true"] {
+	position: fixed;
+	inset: 0;
+	z-index: 9999;
+}
 @layer mantine {:root {
   color-scheme: var(--mantine-color-scheme);
 }
@@ -9678,140 +9849,6 @@ breakpoint-mobile {
 /* * */
 /* ROOT */
 
-.styles-module_root__txr4i {
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: var(--container-size);
-	height: var(--container-size);
-
-	--center: calc(var(--container-size) / 2);
-    --radius: calc(var(--container-size) / 2 - var(--blade-size) / 2 * var(--blade-tightness));
-}
-
-/* * */
-/* PROPS / SIZE */
-
-.styles-module_root__txr4i[data-size="sm"] {
-	--container-size: 24px;
-	--blade-size: 7px;
-	--blade-thickness: 3px;
-	--blade-tightness: 1.25;
-}
-
-.styles-module_root__txr4i[data-size="md"] {
-	--container-size: 40px;
-	--blade-size: 10px;
-	--blade-thickness: 4px;
-	--blade-tightness: 1.75;
-}
-
-.styles-module_root__txr4i[data-size="lg"] {
-	--container-size: 60px;
-	--blade-size: 18px;
-	--blade-thickness: 7px;
-	--blade-tightness: 1.25;
-}
-
-/* * */
-/* BLADES */
-
-.styles-module_blade__qgyfn {
-	position: absolute;
-	top: calc(var(--center) + var(--radius) * sin(var(--angle)) - var(--blade-size) / 2);
-    left: calc(var(--center) + var(--radius) * cos(var(--angle)) - var(--blade-thickness) / 2);
-    width: var(--blade-thickness);
-    height: var(--blade-size);
-    background-color: var(--color-system-text-300);
-    border-radius: 999px;
-    transform: rotate(calc(var(--angle) + 90deg));
-    animation: styles-module_spinner-animation__Mmuta 1000ms var(--delay) linear infinite;
-    will-change: opacity;
-}
-
-.styles-module_blade__qgyfn:nth-child(1) {
-    --angle: 0deg;
-	--delay: -1625ms;
-}
-
-.styles-module_blade__qgyfn:nth-child(2) {
-	--angle: 45deg;
-	--delay: -1500ms;
-}
-
-.styles-module_blade__qgyfn:nth-child(3) {
-    --angle: 90deg;
-	--delay: -1375ms;
-}
-
-.styles-module_blade__qgyfn:nth-child(4) {
-    --angle: 135deg;
-	--delay: -1250ms;
-}
-
-.styles-module_blade__qgyfn:nth-child(5) {
-    --angle: 180deg;
-	--delay: -1125ms;
-}
-
-.styles-module_blade__qgyfn:nth-child(6) {
-    --angle: 225deg;
-	--delay: -1000ms;
-}
-
-.styles-module_blade__qgyfn:nth-child(7) {
-    --angle: 270deg;
-	--delay: -875ms;
-}
-
-.styles-module_blade__qgyfn:nth-child(8) {
-    --angle: 315deg;
-	--delay: -750ms;
-}
-
-/* * */
-/* ANIMATION */
-
-@keyframes styles-module_spinner-animation__Mmuta {
-	0% {
-		opacity: 0.85;
-	}
-	50% {
-		opacity: 0.25;
-	}
-	100% {
-		opacity: 0.25;
-	}
-}
-/* * */
-/* ROOT */
-
-.styles-module_root__5zj3E {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 100%;
-}
-
-/* * */
-/* ROOT / DIMMED */
-
-.styles-module_root__5zj3E[data-dimmed="true"] {
-	background-color: rgb(0 0 0 / 75%);
-}
-
-/* * */
-/* ROOT / FULLSCREEN */
-
-.styles-module_root__5zj3E[data-fullscreen="true"] {
-	position: fixed;
-	inset: 0;
-	z-index: 9999;
-}
-/* * */
-/* ROOT */
-
 .styles-module_root__7Tjjf {
 	color: var(--color-system-text-200);
 }
@@ -10715,43 +10752,6 @@ breakpoint-mobile {
 	box-shadow: 0 1px 3px 0 var(--color-status-danger-shadow);
 }
 
-/* * */
-/* ROOT */
-
-.styles-module_root__6tkBP {
-	display: flex;
-	flex-direction: column;
-	gap: 20px;
-	align-items: center;
-	justify-content: center;
-	width: 100%;
-	padding: 30px;
-	color: var(--color-system-text-300);
-}
-
-/* * */
-/* TITLE */
-
-.styles-module_title__M-rZm {
-	font-size: 24px;
-	font-weight: var(--font-weight-bold);
-	line-height: 1.2;
-	text-transform: uppercase;
-	user-select: none;
-}
-
-/* * */
-/* MESSAGE */
-
-.styles-module_message__SXumd {
-	max-width: 500px;
-	padding: 10px;
-	font-family: monospace;
-	font-size: 14px;
-	text-align: center;
-	border: 1px solid var(--color-system-text-300);
-	border-radius: 5px;
-}
 /* * */
 /* COMMON */