@rufous/ui 0.2.0-beta.1 → 0.2.2

package/dist/style.d.cts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/style.d.ts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/styles/address-lookup.css

@@ -1,107 +0,0 @@
-/* lib/styles/address-lookup.css */
-.address-lookup-container {
-  width: 100%;
-}
-.address-lookup-grid {
-  display: grid;
-  grid-gap: 16px;
-}
-.address-lookup-grid-stack {
-  grid-template-columns: 1fr;
-}
-.address-lookup-grid-compact {
-  grid-template-columns: repeat(12, 1fr);
-}
-.address-lookup-grid-compact .col-l1 {
-  grid-column: span 6;
-}
-.address-lookup-grid-compact .col-l2 {
-  grid-column: span 6;
-}
-.address-lookup-grid-compact .col-city {
-  grid-column: span 3;
-}
-.address-lookup-grid-compact .col-state {
-  grid-column: span 3;
-}
-.address-lookup-grid-compact .col-pin {
-  grid-column: span 3;
-}
-.address-lookup-grid-compact .col-country {
-  grid-column: span 3;
-}
-.address-lookup-grid-grid {
-  grid-template-columns: repeat(12, 1fr);
-}
-.address-lookup-grid-grid .col-l1 {
-  grid-column: span 12;
-}
-.address-lookup-grid-grid .col-l2 {
-  grid-column: span 12;
-}
-.address-lookup-grid-grid .col-city {
-  grid-column: span 6;
-}
-.address-lookup-grid-grid .col-state {
-  grid-column: span 6;
-}
-.address-lookup-grid-grid .col-pin {
-  grid-column: span 6;
-}
-.address-lookup-grid-grid .col-country {
-  grid-column: span 6;
-}
-.address-lookup-grid-item {
-  position: relative;
-}
-.autocomplete-dropdown {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: 0;
-  background: var(--rufous-surface-color, #fff);
-  border: 1px solid var(--rufous-border-color, #ccc);
-  border-radius: 4px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
-  max-height: 250px;
-  overflow-y: auto;
-  margin-top: 4px;
-}
-.autocomplete-option {
-  padding: 10px 14px;
-  cursor: pointer;
-  border-bottom: 1px solid var(--rufous-border-color, #f0f0f0);
-}
-.autocomplete-option:last-child {
-  border-bottom: none;
-}
-.autocomplete-option:hover {
-  background: var(--rufous-hover-color, #f5f5f5);
-}
-.autocomplete-main-text {
-  font-weight: 600;
-  font-size: 0.95em;
-  color: var(--rufous-text-color, #333);
-}
-.autocomplete-secondary-text {
-  font-size: 0.85em;
-  color: var(--rufous-text-secondary, #666);
-}
-.loading-indicator {
-  position: absolute;
-  right: 12px;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-}
-.field-disabled {
-  background-color: var(--rufous-hover-color, #f0f0f0);
-  cursor: not-allowed;
-}
-.field-error-text {
-  color: #dc2626;
-  font-size: 0.75rem;
-  margin-top: 4px;
-}

package/dist/styles/address-lookup.d.cts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/styles/address-lookup.d.ts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/styles/button.css

@@ -1,109 +0,0 @@
-/* lib/styles/button.css */
-.btn {
-  padding: 10px 20px;
-  border-radius: 6px;
-  font-size: 14px;
-  font-weight: 600;
-  cursor: pointer;
-  transition: all 0.2s ease-in-out;
-  border: none;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  white-space: nowrap;
-}
-.add-btn,
-.btn-add {
-  background-color: transparent;
-  border: 1.5px solid var(--rufous-primary-color) !important;
-  color: var(--rufous-primary-color) !important;
-  border-radius: 34px;
-}
-.add-btn:hover,
-.btn-add:hover {
-  background-color: var(--rufous-hover-color);
-}
-.cancel-btn,
-.btn-cancel {
-  background-color: transparent;
-  border: 1.5px solid var(--rufous-primary-color) !important;
-  color: var(--rufous-primary-color) !important;
-  border-radius: 34px;
-  padding: 10px 24px;
-  font-size: 14px;
-  font-weight: 600;
-  cursor: pointer;
-  text-transform: uppercase;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  letter-spacing: 0.5px;
-  transition: all 0.2s;
-}
-.cancel-btn:hover,
-.btn-cancel:hover {
-  background-color: var(--rufous-hover-color);
-}
-.submit-btn,
-.btn-submit,
-.btn-confirm {
-  background-color: var(--rufous-primary-color) !important;
-  color: #ffffff !important;
-  border: none;
-  border-radius: 6px;
-  padding: 10px 32px;
-  font-size: 14px;
-  font-weight: 600;
-  cursor: pointer;
-  text-transform: uppercase;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  letter-spacing: 0.5px;
-  transition: all 0.2s ease;
-}
-.submit-btn:hover:not(:disabled),
-.btn-submit:hover:not(:disabled),
-.btn-confirm:hover:not(:disabled) {
-  background-color: var(--rufous-secondary-color) !important;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-  transform: translateY(-1px);
-}
-.standard-btn,
-.btn-std {
-  background-color: var(--rufous-surface-color);
-  border: 1.5px solid var(--rufous-border-color) !important;
-  color: var(--rufous-text-color) !important;
-  border-radius: 6px;
-}
-.standard-btn:hover,
-.btn-std:hover {
-  background-color: var(--rufous-hover-color);
-  border-color: var(--rufous-primary-color) !important;
-  color: var(--rufous-primary-color) !important;
-}
-.btn:disabled,
-.cancel-btn:disabled,
-.submit-btn:disabled,
-.standard-btn:disabled,
-.btn-confirm:disabled,
-.btn-cancel:disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.btn-content {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-}
-.submit-btn-gradiant {
-  background:
-    linear-gradient(
-      135deg,
-      var(--rufous-primary-color),
-      var(--rufous-secondary-color)) !important;
-}

package/dist/styles/button.d.cts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/styles/button.d.ts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/styles/checkbox.css

@@ -1,60 +0,0 @@
-/* lib/styles/checkbox.css */
-.checkbox-wrapper-13 {
-  display: inline-flex;
-  align-items: center;
-}
-.checkbox-wrapper-13 label {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  cursor: pointer;
-  user-select: none;
-  color: var(--rufous-text-color);
-}
-.checkbox-wrapper-13 input[type=checkbox] {
-  appearance: none;
-  -webkit-appearance: none;
-  width: 20px;
-  height: 20px;
-  border: 2px solid var(--rufous-border-color);
-  border-radius: 4px;
-  background: var(--rufous-surface-color);
-  cursor: pointer;
-  position: relative;
-  flex-shrink: 0;
-  transition: all 0.2s ease;
-}
-.checkbox-wrapper-13 input[type=checkbox]:hover {
-  border-color: var(--rufous-primary-color);
-  background-color: var(--rufous-hover-color);
-}
-.checkbox-wrapper-13 input[type=checkbox]:checked {
-  background-color: var(--rufous-primary-color);
-  border-color: var(--rufous-primary-color);
-}
-.checkbox-wrapper-13 input[type=checkbox]:checked::after {
-  content: "";
-  position: absolute;
-  left: 4px;
-  top: 0px;
-  width: 6px;
-  height: 10px;
-  border: 2px solid white;
-  border-top: none;
-  border-left: none;
-  transform: rotate(45deg);
-}
-.checkbox-wrapper-13 input[type=checkbox]:disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.checkbox-wrapper-13 input[type=checkbox]:focus {
-  outline: 2px solid var(--rufous-primary-color);
-  outline-offset: 2px;
-}
-.checkbox-label {
-  font-size: 14px;
-  font-weight: 400;
-  color: var(--rufous-text-color);
-}

package/dist/styles/checkbox.d.cts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/styles/checkbox.d.ts

@@ -1,2 +0,0 @@
-
-export {  }