chore: generate

1 files changed, 165 insertions, 166 deletions

diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css
index 56258bd84..02a7ade71 100644
--- a/packages/ui/src/components/button.css
+++ b/packages/ui/src/components/button.css
@@ -1,168 +1,167 @@
 [data-component="button"] {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	border-style: solid;
-	border-width: 1px;
-	border-radius: var(--radius-md);
-	text-decoration: none;
-	user-select: none;
-	cursor: default;
-	padding: 4px 8px;
-	white-space: nowrap;
-	transition-property:
-		background-color, border-color, color, box-shadow, opacity;
-	transition-duration: var(--transition-duration);
-	transition-timing-function: var(--transition-easing);
-	outline: none;
-	line-height: 20px;
-
-	&[data-variant="primary"] {
-		background-color: var(--button-primary-base);
-		border-color: var(--border-weak-base);
-		color: var(--icon-invert-base);
-
-		[data-slot="icon-svg"] {
-			color: var(--icon-invert-base);
-		}
-
-		&:hover:not(:disabled) {
-			background-color: var(--icon-strong-hover);
-		}
-		&:focus:not(:disabled) {
-			background-color: var(--icon-strong-focus);
-		}
-		&:active:not(:disabled) {
-			background-color: var(--icon-strong-active);
-		}
-		&:disabled {
-			background-color: var(--icon-strong-disabled);
-
-			[data-slot="icon-svg"] {
-				color: var(--icon-invert-base);
-			}
-		}
-	}
-
-	&[data-variant="ghost"] {
-		border-color: transparent;
-		background-color: transparent;
-		color: var(--text-strong);
-
-		[data-slot="icon-svg"] {
-			color: var(--icon-base);
-		}
-
-		&:hover:not(:disabled) {
-			background-color: var(--surface-raised-base-hover);
-		}
-		&:focus-visible:not(:disabled) {
-			background-color: var(--surface-raised-base-hover);
-		}
-		&:active:not(:disabled) {
-			background-color: var(--surface-raised-base-active);
-		}
-		&:disabled {
-			color: var(--text-weak);
-			cursor: not-allowed;
-
-			[data-slot="icon-svg"] {
-				color: var(--icon-disabled);
-			}
-		}
-		&[data-selected="true"]:not(:disabled) {
-			background-color: var(--surface-raised-base-hover);
-		}
-		&[data-active="true"] {
-			background-color: var(--surface-raised-base-active);
-		}
-	}
-
-	&[data-variant="secondary"] {
-		border: transparent;
-		background-color: var(--button-secondary-base);
-		color: var(--text-strong);
-		box-shadow: var(--shadow-xs-border);
-
-		&:hover:not(:disabled) {
-			background-color: var(--button-secondary-hover);
-		}
-		&:focus:not(:disabled) {
-			background-color: var(--button-secondary-base);
-		}
-		&:focus-visible:not(:active) {
-			background-color: var(--button-secondary-base);
-			box-shadow: var(--shadow-xs-border-focus);
-		}
-		&:focus-visible:active {
-			box-shadow: none;
-		}
-		&:active:not(:disabled) {
-			background-color: var(--button-secondary-base);
-			scale: 0.99;
-		}
-		&:disabled {
-			border-color: var(--border-disabled);
-			background-color: var(--surface-disabled);
-			color: var(--text-weak);
-			cursor: not-allowed;
-		}
-
-		[data-slot="icon-svg"] {
-			color: var(--icon-strong-base);
-		}
-	}
-
-	&[data-size="small"] {
-		padding: 2px 8px;
-		&[data-icon] {
-			padding: 2px 12px 2px 4px;
-		}
-
-		gap: 4px;
-
-		/* text-12-medium */
-		font-family: var(--font-family-sans);
-		font-size: var(--font-size-base);
-		font-style: normal;
-		font-weight: var(--font-weight-medium);
-		letter-spacing: var(--letter-spacing-normal);
-	}
-
-	&[data-size="normal"] {
-		padding: 4px 6px;
-		&[data-icon] {
-			padding: 4px 12px 4px 4px;
-		}
-
-		gap: 6px;
-
-		/* text-12-medium */
-		font-family: var(--font-family-sans);
-		font-size: var(--font-size-small);
-		font-style: normal;
-		font-weight: var(--font-weight-medium);
-		letter-spacing: var(--letter-spacing-normal);
-	}
-
-	&[data-size="large"] {
-		padding: 6px 12px;
-
-		&[data-icon] {
-			padding: 6px 12px 6px 8px;
-		}
-
-		gap: 4px;
-
-		/* text-14-medium */
-		font-family: var(--font-family-sans);
-		font-size: 14px;
-		font-style: normal;
-		font-weight: var(--font-weight-medium);
-		letter-spacing: var(--letter-spacing-normal);
-	}
-
-	&:focus {
-		outline: none;
-	}
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-style: solid;
+  border-width: 1px;
+  border-radius: var(--radius-md);
+  text-decoration: none;
+  user-select: none;
+  cursor: default;
+  padding: 4px 8px;
+  white-space: nowrap;
+  transition-property: background-color, border-color, color, box-shadow, opacity;
+  transition-duration: var(--transition-duration);
+  transition-timing-function: var(--transition-easing);
+  outline: none;
+  line-height: 20px;
+
+  &[data-variant="primary"] {
+    background-color: var(--button-primary-base);
+    border-color: var(--border-weak-base);
+    color: var(--icon-invert-base);
+
+    [data-slot="icon-svg"] {
+      color: var(--icon-invert-base);
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--icon-strong-hover);
+    }
+    &:focus:not(:disabled) {
+      background-color: var(--icon-strong-focus);
+    }
+    &:active:not(:disabled) {
+      background-color: var(--icon-strong-active);
+    }
+    &:disabled {
+      background-color: var(--icon-strong-disabled);
+
+      [data-slot="icon-svg"] {
+        color: var(--icon-invert-base);
+      }
+    }
+  }
+
+  &[data-variant="ghost"] {
+    border-color: transparent;
+    background-color: transparent;
+    color: var(--text-strong);
+
+    [data-slot="icon-svg"] {
+      color: var(--icon-base);
+    }
+
+    &:hover:not(:disabled) {
+      background-color: var(--surface-raised-base-hover);
+    }
+    &:focus-visible:not(:disabled) {
+      background-color: var(--surface-raised-base-hover);
+    }
+    &:active:not(:disabled) {
+      background-color: var(--surface-raised-base-active);
+    }
+    &:disabled {
+      color: var(--text-weak);
+      cursor: not-allowed;
+
+      [data-slot="icon-svg"] {
+        color: var(--icon-disabled);
+      }
+    }
+    &[data-selected="true"]:not(:disabled) {
+      background-color: var(--surface-raised-base-hover);
+    }
+    &[data-active="true"] {
+      background-color: var(--surface-raised-base-active);
+    }
+  }
+
+  &[data-variant="secondary"] {
+    border: transparent;
+    background-color: var(--button-secondary-base);
+    color: var(--text-strong);
+    box-shadow: var(--shadow-xs-border);
+
+    &:hover:not(:disabled) {
+      background-color: var(--button-secondary-hover);
+    }
+    &:focus:not(:disabled) {
+      background-color: var(--button-secondary-base);
+    }
+    &:focus-visible:not(:active) {
+      background-color: var(--button-secondary-base);
+      box-shadow: var(--shadow-xs-border-focus);
+    }
+    &:focus-visible:active {
+      box-shadow: none;
+    }
+    &:active:not(:disabled) {
+      background-color: var(--button-secondary-base);
+      scale: 0.99;
+    }
+    &:disabled {
+      border-color: var(--border-disabled);
+      background-color: var(--surface-disabled);
+      color: var(--text-weak);
+      cursor: not-allowed;
+    }
+
+    [data-slot="icon-svg"] {
+      color: var(--icon-strong-base);
+    }
+  }
+
+  &[data-size="small"] {
+    padding: 2px 8px;
+    &[data-icon] {
+      padding: 2px 12px 2px 4px;
+    }
+
+    gap: 4px;
+
+    /* text-12-medium */
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-base);
+    font-style: normal;
+    font-weight: var(--font-weight-medium);
+    letter-spacing: var(--letter-spacing-normal);
+  }
+
+  &[data-size="normal"] {
+    padding: 4px 6px;
+    &[data-icon] {
+      padding: 4px 12px 4px 4px;
+    }
+
+    gap: 6px;
+
+    /* text-12-medium */
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-small);
+    font-style: normal;
+    font-weight: var(--font-weight-medium);
+    letter-spacing: var(--letter-spacing-normal);
+  }
+
+  &[data-size="large"] {
+    padding: 6px 12px;
+
+    &[data-icon] {
+      padding: 6px 12px 6px 8px;
+    }
+
+    gap: 4px;
+
+    /* text-14-medium */
+    font-family: var(--font-family-sans);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: var(--font-weight-medium);
+    letter-spacing: var(--letter-spacing-normal);
+  }
+
+  &:focus {
+    outline: none;
+  }
 }