@tiddh/brave-vue 1.93.252 → 1.93.254

package/dist/src/Typography/Paragraph.vue

@@ -1,85 +1,85 @@
-<template>
-	<p
-		:class="['paragraph', 'size-' + size, 'type-' + type]"
-		:style="[{ color: color }]"
-		v-bind="$attrs"
-		v-on="$listeners"
-	>
-		<slot />
-	</p>
-</template>
-
-<script>
-	export default {
-		name: "Paragraph",
-		props: {
-			/**
-			 * Tamanho do texto.<br>
-			 * Values: `lg` `sm`
-			 * */
-			size: {
-				type: String,
-				default: "lg",
-			},
-			/**
-			 * Valor a ser exibido<br>
-			 * Example: `Value`
-			 **/
-			value: {
-				type: String,
-			},
-			/**
-			 * HEX de cor<br>
-			 * Example: `#68596E`
-			 **/
-			color: {
-				type: String,
-				default: "#68596E",
-			},
-			/**
-			 * Type of font<br>
-			 * Example: `Regular | Bold`
-			 **/
-			type: {
-				type: String,
-				default: "regular",
-			},
-		},
-		data() {
-			return {};
-		},
-	};
-</script>
-
-<style lang="scss" scoped>
-	@import "./node_modules/@tiddh/brave-tokens/dist/styles/style.scss";
-	.paragraph {
-		margin: 0;
-
-		font-family: $font-family-comp-02;
-		font-weight: $font-weight-regular;
-		line-height: $line-height-md;
-
-		&.size-lg {
-			font-size: px-size("lg", $font-size-xs);
-			@include media-breakpoint-down("sm") {
-				font-size: px-size("sm", $font-size-xs);
-			}
-		}
-		&.size-sm {
-			font-size: px-size("lg", $font-size-xxs);
-			@include media-breakpoint-down("sm") {
-				font-size: px-size("sm", $font-size-xxs);
-			}
-		}
-		&.size-xs {
-			font-size: px-size("lg", $font-size-xxxs);
-			@include media-breakpoint-down("sm") {
-				font-size: px-size("sm", $font-size-xxxs);
-			}
-		}
-		&.type-bold {
-			font-weight: $font-weight-bold;
-		}
-	}
-</style>
+<template>
+	<p
+		:class="['paragraph', 'size-' + size, 'type-' + type]"
+		:style="[{ color: color }]"
+		v-bind="$attrs"
+		v-on="$listeners"
+	>
+		<slot />
+	</p>
+</template>
+
+<script>
+	export default {
+		name: "Paragraph",
+		props: {
+			/**
+			 * Tamanho do texto.<br>
+			 * Values: `lg` `sm`
+			 * */
+			size: {
+				type: String,
+				default: "lg",
+			},
+			/**
+			 * Valor a ser exibido<br>
+			 * Example: `Value`
+			 **/
+			value: {
+				type: String,
+			},
+			/**
+			 * HEX de cor<br>
+			 * Example: `#68596E`
+			 **/
+			color: {
+				type: String,
+				default: "#68596E",
+			},
+			/**
+			 * Type of font<br>
+			 * Example: `Regular | Bold`
+			 **/
+			type: {
+				type: String,
+				default: "regular",
+			},
+		},
+		data() {
+			return {};
+		},
+	};
+</script>
+
+<style lang="scss" scoped>
+	@import "./node_modules/@tiddh/brave-tokens/dist/styles/style.scss";
+	.paragraph {
+		margin: 0;
+
+		font-family: $font-family-comp-02;
+		font-weight: $font-weight-regular;
+		line-height: $line-height-md;
+
+		&.size-lg {
+			font-size: px-size("lg", $font-size-xs);
+			@include media-breakpoint-down("sm") {
+				font-size: px-size("sm", $font-size-xs);
+			}
+		}
+		&.size-sm {
+			font-size: px-size("lg", $font-size-xxs);
+			@include media-breakpoint-down("sm") {
+				font-size: px-size("sm", $font-size-xxs);
+			}
+		}
+		&.size-xs {
+			font-size: px-size("lg", $font-size-xxxs);
+			@include media-breakpoint-down("sm") {
+				font-size: px-size("sm", $font-size-xxxs);
+			}
+		}
+		&.type-bold {
+			font-weight: $font-weight-bold;
+		}
+	}
+</style>