@skybin-tech/nebula-ui 0.0.7 → 0.0.9

package/dist/nebula-ui.css

@@ -1,212 +0,0 @@
-.skybin-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  font-family: inherit;
-  font-weight: 500;
-  border-radius: 0.375rem;
-  cursor: pointer;
-  transition: all 0.15s ease-in-out;
-  border: 1px solid transparent;
-  position: relative;
-}
-
-.skybin-button:focus-visible {
-  outline: 2px solid #3b82f6;
-  outline-offset: 2px;
-}
-
-.skybin-button:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-/* Variants */
-.skybin-button--primary {
-  background-color: #3b82f6;
-  color: white;
-  border-color: #3b82f6;
-}
-
-.skybin-button--primary:hover:not(:disabled) {
-  background-color: #2563eb;
-  border-color: #2563eb;
-}
-
-.skybin-button--secondary {
-  background-color: #6b7280;
-  color: white;
-  border-color: #6b7280;
-}
-
-.skybin-button--secondary:hover:not(:disabled) {
-  background-color: #4b5563;
-  border-color: #4b5563;
-}
-
-.skybin-button--outline {
-  background-color: transparent;
-  color: #3b82f6;
-  border-color: #3b82f6;
-}
-
-.skybin-button--outline:hover:not(:disabled) {
-  background-color: #3b82f6;
-  color: white;
-}
-
-.skybin-button--ghost {
-  background-color: transparent;
-  color: #374151;
-  border-color: transparent;
-}
-
-.skybin-button--ghost:hover:not(:disabled) {
-  background-color: #f3f4f6;
-}
-
-.skybin-button--danger {
-  background-color: #ef4444;
-  color: white;
-  border-color: #ef4444;
-}
-
-.skybin-button--danger:hover:not(:disabled) {
-  background-color: #dc2626;
-  border-color: #dc2626;
-}
-
-/* Sizes */
-.skybin-button--sm {
-  padding: 0.375rem 0.75rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-
-.skybin-button--md {
-  padding: 0.5rem 1rem;
-  font-size: 0.875rem;
-  line-height: 1.5rem;
-}
-
-.skybin-button--lg {
-  padding: 0.75rem 1.5rem;
-  font-size: 1rem;
-  line-height: 1.75rem;
-}
-
-/* Full width */
-.skybin-button--full-width {
-  display: flex;
-  width: 100%;
-}
-
-/* Loading state */
-.skybin-button--loading {
-  position: relative;
-}
-
-.skybin-button__spinner {
-  width: 1em;
-  height: 1em;
-  border: 2px solid currentColor;
-  border-right-color: transparent;
-  border-radius: 50%;
-  animation: skybin-button-spin 0.6s linear infinite;
-  position: absolute;
-}
-
-.skybin-button__content--hidden {
-  visibility: hidden;
-}
-
-@keyframes skybin-button-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.skybin-input-wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: 0.375rem;
-}
-
-.skybin-input-wrapper--full-width {
-  width: 100%;
-}
-
-.skybin-input__label {
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--form-text, rgba(0, 0, 0, 0.85));
-}
-
-.skybin-input {
-  width: 100%;
-  border-radius: var(--form-border-radius, 6px);
-  border: 1px solid var(--form-border, #d9d9d9);
-  background-color: var(--form-bg, #ffffff);
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  transition: var(--form-transition, all 0.2s ease-in-out);
-  outline: none;
-}
-
-.skybin-input:focus {
-  border-color: var(--form-primary, #1890ff);
-  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
-}
-
-.skybin-input:hover:not(:focus):not(:disabled) {
-  border-color: var(--form-primary-hover, #40a9ff);
-}
-
-.skybin-input:disabled {
-  background-color: var(--form-bg-disabled, #f5f5f5);
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.skybin-input::placeholder {
-  color: var(--form-text-secondary, rgba(0, 0, 0, 0.45));
-}
-
-/* Sizes */
-.skybin-input--sm {
-  height: 2rem;
-  padding: 0.25rem 0.5rem;
-  font-size: 0.75rem;
-}
-
-.skybin-input--md {
-  height: 2.5rem;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-}
-
-.skybin-input--lg {
-  height: 3rem;
-  padding: 0.625rem 1rem;
-  font-size: 1rem;
-}
-
-/* Error state */
-.skybin-input--error {
-  border-color: var(--form-error, #ff4d4f);
-}
-
-.skybin-input--error:focus {
-  border-color: var(--form-error, #ff4d4f);
-  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
-}
-
-.skybin-input__error {
-  font-size: 0.75rem;
-  color: var(--form-error, #ff4d4f);
-}
-
-.skybin-input__helper {
-  font-size: 0.75rem;
-  color: var(--form-text-secondary, rgba(0, 0, 0, 0.45));
-}