@opensite/ui 1.7.8 → 1.7.9

package/dist/contact-faq.css

@@ -1,445 +0,0 @@
-/* components/styles/forms.css */
-.text-input {
-  display: flex;
-  height: 2.25rem;
-  width: 100%;
-  border-radius: 0.375rem;
-  border: 1px solid var(--input);
-  background-color: transparent;
-  padding: 0.25rem 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5rem;
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.text-input::placeholder {
-  color: var(--muted-foreground);
-}
-.text-input:focus-visible {
-  outline: none;
-  ring: 1px;
-  ring-color: var(--ring);
-}
-.text-input:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-.text-input--error {
-  border-color: rgb(239 68 68);
-  ring: 1px;
-  ring-color: rgb(239 68 68);
-}
-.textarea {
-  display: flex;
-  min-height: 5rem;
-  width: 100%;
-  border-radius: 0.375rem;
-  border: 1px solid var(--input);
-  background-color: transparent;
-  padding: 0.5rem 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5rem;
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.textarea::placeholder {
-  color: var(--muted-foreground);
-}
-.textarea:focus-visible {
-  outline: none;
-  ring: 1px;
-  ring-color: var(--ring);
-}
-.textarea:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-.textarea--error {
-  border-color: rgb(239 68 68);
-  ring: 1px;
-  ring-color: rgb(239 68 68);
-}
-.select {
-  position: relative;
-  width: 100%;
-}
-.select-trigger {
-  display: flex;
-  height: 2.25rem;
-  width: 100%;
-  align-items: center;
-  justify-content: space-between;
-  white-space: nowrap;
-  border-radius: 0.375rem;
-  border: 1px solid var(--input);
-  background-color: transparent;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  cursor: pointer;
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.select-trigger:hover {
-  background-color: transparent;
-}
-.select-trigger:focus-visible {
-  outline: none;
-  ring: 1px;
-  ring-color: var(--ring);
-}
-.select-trigger[aria-disabled=true] {
-  cursor: not-allowed;
-  opacity: 0.5;
-  pointer-events: none;
-}
-.select--error .select-trigger {
-  border-color: rgb(239 68 68);
-  ring: 1px;
-  ring-color: rgb(239 68 68);
-}
-.select-value {
-  display: flex;
-  align-items: center;
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.select-placeholder {
-  color: var(--muted-foreground);
-}
-.select-icons {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-  margin-left: 0.5rem;
-}
-.select-clear {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 1rem;
-  width: 1rem;
-  border-radius: 0.125rem;
-  border: none;
-  background: transparent;
-  color: var(--muted-foreground);
-  cursor: pointer;
-  font-size: 0.75rem;
-  padding: 0;
-  transition: opacity 150ms;
-}
-.select-clear:hover {
-  opacity: 0.7;
-}
-.select-arrow {
-  color: var(--muted-foreground);
-  font-size: 0.75rem;
-  line-height: 1;
-}
-.select-loading {
-  font-size: 0.75rem;
-}
-.select-dropdown {
-  position: absolute;
-  z-index: 50;
-  top: 100%;
-  margin-top: 0.25rem;
-  min-width: 100%;
-  overflow: hidden;
-  border-radius: 0.375rem;
-  border: 1px solid var(--border);
-  background-color: var(--popover);
-  color: var(--popover-foreground);
-  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-}
-.select-search {
-  padding: 0.5rem;
-  border-bottom: 1px solid var(--border);
-}
-.select-search-input {
-  width: 100%;
-  border: 1px solid var(--input);
-  border-radius: 0.25rem;
-  padding: 0.25rem 0.5rem;
-  font-size: 0.875rem;
-  background-color: transparent;
-  outline: none;
-}
-.select-search-input:focus {
-  ring: 1px;
-  ring-color: var(--ring);
-}
-.select-options {
-  max-height: 16rem;
-  overflow-y: auto;
-  padding: 0.25rem;
-}
-.select-option {
-  position: relative;
-  display: flex;
-  width: 100%;
-  cursor: pointer;
-  align-items: center;
-  border-radius: 0.25rem;
-  padding: 0.375rem 0.5rem 0.375rem 2rem;
-  font-size: 0.875rem;
-  outline: none;
-  transition-property: color, background-color;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.select-option:hover {
-  background-color: var(--accent);
-  color: var(--accent-foreground);
-}
-.select-option--focused {
-  background-color: var(--accent);
-  color: var(--accent-foreground);
-}
-.select-option--selected {
-  font-weight: 500;
-  background-color: var(--accent);
-}
-.select-option--disabled {
-  pointer-events: none;
-  opacity: 0.5;
-}
-.select-no-options {
-  padding: 0.5rem 0.75rem;
-  text-align: center;
-  font-size: 0.875rem;
-  color: var(--muted-foreground);
-}
-.select-optgroup {
-  padding: 0.25rem 0;
-}
-.select-optgroup-label {
-  padding: 0.375rem 0.5rem;
-  font-size: 0.75rem;
-  font-weight: 600;
-  color: var(--muted-foreground);
-}
-.field-label {
-  display: block;
-  font-size: 0.875rem;
-  font-weight: 500;
-  line-height: 1.25rem;
-  margin-bottom: 0.5rem;
-  color: var(--foreground);
-}
-.field-required {
-  color: rgb(239 68 68);
-  margin-left: 0.125rem;
-}
-.field-description {
-  font-size: 0.875rem;
-  color: var(--muted-foreground);
-  margin-bottom: 0.5rem;
-}
-.field-input {
-}
-.field-error {
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: rgb(239 68 68);
-  margin-top: 0.5rem;
-}
-.radio-group {
-  width: 100%;
-}
-.radio-group-label {
-  display: block;
-  font-size: 0.875rem;
-  font-weight: 500;
-  line-height: 1.25rem;
-  margin-bottom: 0.75rem;
-  color: var(--foreground);
-}
-.radio-options {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.radio-group--inline .radio-options {
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 0.75rem;
-}
-.radio-option {
-  position: relative;
-  display: flex;
-  align-items: flex-start;
-  gap: 0.75rem;
-  padding: 1rem;
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  cursor: pointer;
-  transition: all 150ms;
-  background-color: var(--background);
-}
-.radio-option:hover {
-  border-color: var(--ring);
-  background-color: var(--accent);
-}
-.radio-option:has(.radio-input:checked) {
-  border-color: var(--primary);
-  background-color: var(--accent);
-}
-.radio-option--disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.radio-group--inline .radio-option {
-  flex: 1;
-  min-width: fit-content;
-}
-.radio-input {
-  appearance: none;
-  position: absolute;
-  width: 1.25rem;
-  height: 1.25rem;
-  border-radius: 50%;
-  border: 2px solid var(--input);
-  background-color: var(--background);
-  cursor: pointer;
-  transition: all 150ms;
-  flex-shrink: 0;
-  margin-top: 0.125rem;
-}
-.radio-input:hover {
-  border-color: var(--primary);
-}
-.radio-input:checked {
-  border-color: var(--primary);
-  background-color: var(--primary);
-  box-shadow: inset 0 0 0 3px var(--background);
-}
-.radio-input:focus-visible {
-  outline: 2px solid var(--ring);
-  outline-offset: 2px;
-}
-.radio-input:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-.radio-content {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  flex: 1;
-}
-.radio-label {
-  font-size: 0.875rem;
-  font-weight: 500;
-  line-height: 1.25rem;
-  color: var(--foreground);
-}
-.radio-description {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  color: var(--muted-foreground);
-}
-.radio-group--error .radio-option {
-  border-color: rgb(239 68 68);
-}
-.checkbox-label {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.75rem;
-  cursor: pointer;
-}
-.checkbox {
-  appearance: none;
-  width: 1.25rem;
-  height: 1.25rem;
-  border-radius: 0.25rem;
-  border: 2px solid var(--input);
-  background-color: var(--background);
-  cursor: pointer;
-  transition: all 150ms;
-  flex-shrink: 0;
-  margin-top: 0.125rem;
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.checkbox:hover {
-  border-color: var(--primary);
-}
-.checkbox:checked {
-  background-color: var(--primary);
-  border-color: var(--primary);
-}
-.checkbox:checked::after {
-  content: "";
-  position: absolute;
-  width: 0.375rem;
-  height: 0.75rem;
-  border: solid white;
-  border-width: 0 2px 2px 0;
-  transform: rotate(45deg);
-  top: 0.125rem;
-}
-.checkbox:indeterminate {
-  background-color: var(--primary);
-  border-color: var(--primary);
-}
-.checkbox:indeterminate::after {
-  content: "";
-  position: absolute;
-  width: 0.625rem;
-  height: 0.125rem;
-  background-color: white;
-  border-radius: 0.125rem;
-}
-.checkbox:focus-visible {
-  outline: 2px solid var(--ring);
-  outline-offset: 2px;
-}
-.checkbox:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-.checkbox--error {
-  border-color: rgb(239 68 68);
-}
-.checkbox-label-text {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  color: var(--foreground);
-}
-@media (min-width: 768px) {
-  .text-input,
-  .textarea,
-  .select-trigger {
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-  }
-}