reneco-advanced-input-module 0.0.1 → 0.0.3

package/src/components/voice-input-module/voice-input-module.css

@@ -1,251 +0,0 @@
-:host {
-  display: block;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-}
-
-.voice-recorder-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #e5e7eb;
-  border-radius: 0.5rem;
-  background: #ffffff;
-  max-width: 100px;
-  margin: 0 auto;
-}
-
-.voice-recorder-container-debug {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #e5e7eb;
-  border-radius: 0.5rem;
-  background: #ffffff;
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-.record-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 50px;
-  height: 50px;
-  border: none;
-  border-radius: 50%;
-  background: #ee4444;
-  color: white;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  position: relative;
-  overflow: hidden;
-}
-
-.record-button:hover:not(:disabled) {
-  background: #dd3333;
-  transform: scale(1.05);
-}
-
-.record-button:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-.record-button.recording {
-  background: #dd3333;
-  animation: pulse 1.5s infinite;
-}
-
-.record-button.processing {
-  background: #3b82f6;
-}
-
-@keyframes pulse {
-  0% {
-    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
-  }
-  70% {
-    box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
-  }
-}
-
-.record-icon {
-  width: 24px;
-  height: 24px;
-  fill: currentColor;
-}
-
-.status-text {
-  font-size: 0.875rem;
-  color: #6b7280;
-  text-align: center;
-  min-height: 1.25rem;
-}
-
-.status-text.error {
-  color: #ee4444;
-}
-
-.status-text.success {
-  color: #10b981;
-}
-
-.debug-panel {
-  width: 100%;
-  margin-top: 1rem;
-  padding: 1rem;
-  background: #f9fafb;
-  border: 1px solid #e5e7eb;
-  border-radius: 0.375rem;
-  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-  font-size: 0.75rem;
-}
-
-.debug-title {
-  font-weight: 600;
-  margin-bottom: 0.5rem;
-  color: #374151;
-}
-
-.debug-content {
-  white-space: pre-wrap;
-  word-break: break-word;
-  color: #6b7280;
-  max-height: 200px;
-  overflow-y: auto;
-}
-
-.permissions-warning {
-  padding: 0.75rem;
-  background: #fef3c7;
-  border: 1px solid #f59e0b;
-  border-radius: 0.375rem;
-  color: #92400e;
-  font-size: 0.875rem;
-  text-align: center;
-}
-
-.form-preview {
-  width: 100%;
-  margin-top: 1rem;
-  padding: 1rem;
-  background: #f8fafc;
-  border: 1px solid #e2e8f0;
-  border-radius: 0.375rem;
-}
-
-.form-preview-title {
-  font-weight: 600;
-  margin-bottom: 0.5rem;
-  color: #1e293b;
-}
-
-.form-field {
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
-}
-
-.field-name {
-  font-weight: 500;
-  color: #475569;
-}
-
-.field-value {
-  color: #64748b;
-  margin-left: 0.5rem;
-}
-
-.field-value.filled {
-  color: #059669;
-  font-weight: 500;
-}
-
-.voice-filled-form {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  margin-top: 1rem;
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-.form-label {
-  font-weight: 500;
-  color: #374151;
-  font-size: 0.875rem;
-}
-
-.required {
-  color: #ee4444;
-  margin-left: 0.125rem;
-}
-
-.form-input {
-  padding: 0.5rem;
-  border: 1px solid #d1d5db;
-  border-radius: 0.375rem;
-  font-size: 0.875rem;
-  transition: border-color 0.2s ease;
-}
-
-.form-input:focus {
-  outline: none;
-  border-color: #3b82f6;
-  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-}
-
-.form-checkbox {
-  width: auto;
-  padding: 0;
-  margin: 0;
-}
-
-select.form-input {
-  background-color: white;
-  cursor: pointer;
-}
-
-input[type="date"].form-input {
-  cursor: pointer;
-}
-
-.readonly-select {
-  background: #f9fafb;
-  border: 1px solid #d1d5db;
-  border-radius: 0.375rem;
-  padding: 0.5rem;
-}
-
-.select-placeholder {
-  font-size: 0.875rem;
-  color: #6b7280;
-  margin-bottom: 0.5rem;
-}
-
-.select-options-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-
-.select-option {
-  background: #e5e7eb;
-  padding: 0.25rem 0.5rem;
-  border-radius: 0.25rem;
-  font-size: 0.875rem;
-  color: #374151;
-}