@ensembleapp/client-sdk 0.0.48 → 0.0.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -21903,7 +21903,7 @@ function cn(...inputs) {
|
|
|
21903
21903
|
styleInject(".input-field {\n margin-bottom: 1rem;\n}\n.input-field__label {\n display: block;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--chat-assistant-text);\n margin-bottom: 0.375rem;\n}\n.input-field__required {\n color: var(--chat-error);\n margin-left: 0.125rem;\n}\n.input-field__input,\n.input-field__textarea {\n width: 100%;\n padding: 0.5rem 0.75rem;\n font-size: 0.875rem;\n line-height: 1.5;\n color: var(--chat-input-text);\n background-color: var(--chat-input-bg);\n border: 1px solid var(--chat-border);\n border-radius: calc(var(--chat-radius) * 0.5);\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n font-family: var(--chat-font-family);\n}\n.input-field__input:focus,\n.input-field__textarea:focus {\n outline: none;\n border-color: var(--chat-primary);\n box-shadow: 0 0 0 3px var(--chat-primary-subtle);\n}\n.input-field__textarea {\n resize: vertical;\n min-height: 5rem;\n}\n.input-field__options {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n.input-field__option {\n display: flex;\n align-items: flex-start;\n gap: 0.5rem;\n cursor: pointer;\n padding: 0.5rem;\n border-radius: calc(var(--chat-radius) * 0.5);\n transition: background-color 0.15s ease-in-out;\n}\n.input-field__option:hover {\n background-color: var(--chat-border);\n}\n.input-field__radio,\n.input-field__checkbox {\n flex-shrink: 0;\n margin-top: 0.125rem;\n width: 1rem;\n height: 1rem;\n cursor: pointer;\n accent-color: var(--chat-primary);\n}\n.input-field__option-content {\n display: flex;\n flex-direction: column;\n gap: 0.125rem;\n}\n.input-field__option-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--chat-assistant-text);\n}\n.input-field__option-description {\n font-size: 0.75rem;\n color: var(--chat-input-placeholder);\n}\n.input-field--checkbox .input-field__checkbox-wrapper {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n cursor: pointer;\n padding: 0.5rem 0;\n}\n.input-field--checkbox .input-field__checkbox-label {\n font-size: 0.875rem;\n color: var(--chat-assistant-text);\n}\n.input-field--number .input-field__input {\n -moz-appearance: textfield;\n}\n.input-field--number .input-field__input::-webkit-outer-spin-button,\n.input-field--number .input-field__input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.input-field--date .input-field__input {\n cursor: pointer;\n}\n");
|
|
21904
21904
|
|
|
21905
21905
|
// lib/chat/components/InputFormOverlay.css
|
|
21906
|
-
styleInject("
|
|
21906
|
+
styleInject(".input-form-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n z-index: 10;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n pointer-events: none;\n}\n@keyframes slideUp {\n from {\n transform: translateY(100%);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n.input-form-overlay__content {\n pointer-events: auto;\n animation: slideUp 0.2s ease-out;\n display: flex;\n flex-direction: column;\n background-color: var(--chat-background);\n border-top: 1px solid var(--chat-border);\n border-radius: var(--chat-radius) var(--chat-radius) 0 0;\n box-shadow: var(--chat-shadow-sm);\n max-height: 80%;\n font-family: var(--chat-font-family);\n}\n.input-form-overlay__title {\n font-size: 1rem;\n font-weight: 600;\n color: var(--chat-assistant-text);\n margin: 0 0 0.375rem 0;\n}\n.input-form-overlay__description {\n font-size: 0.8125rem;\n color: var(--chat-input-placeholder);\n margin: 0 0 1rem 0;\n line-height: 1.4;\n}\n.input-form-overlay__form {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n}\n.input-form-overlay__scrollable {\n flex: 1;\n overflow-y: auto;\n min-height: 0;\n padding: 1rem 1.25rem;\n}\n.input-form-overlay__fields {\n}\n.input-form-overlay__footer {\n flex-shrink: 0;\n padding: 0.5rem 1.25rem;\n border-top: 1px solid var(--chat-border);\n}\n.input-form-overlay__actions {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n justify-content: flex-start;\n}\n.input-form-overlay__button {\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n font-weight: 500;\n border-radius: calc(var(--chat-radius) * 0.5);\n cursor: pointer;\n transition: all 0.15s ease-in-out;\n border: none;\n}\n.input-form-overlay__button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.input-form-overlay__button--primary {\n background-color: var(--chat-primary);\n color: var(--chat-primary-text);\n}\n.input-form-overlay__button--primary:hover:not(:disabled) {\n background-color: var(--chat-primary-hover);\n}\n.input-form-overlay__button--secondary {\n background-color: var(--chat-border);\n color: var(--chat-assistant-text);\n}\n.input-form-overlay__button--secondary:hover:not(:disabled) {\n opacity: 0.8;\n}\n.input-form-overlay__freeform-toggle {\n padding: 0.5rem 0;\n font-size: 0.75rem;\n color: var(--chat-input-placeholder);\n background: none;\n border: none;\n cursor: pointer;\n transition: color 0.15s ease-in-out;\n white-space: nowrap;\n}\n.input-form-overlay__freeform-toggle:hover {\n color: var(--chat-primary);\n text-decoration: underline;\n}\n.input-form-overlay__freeform {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n}\n.input-form-overlay__freeform-body {\n padding: 1rem 1.25rem;\n}\n.input-form-overlay__freeform-input {\n flex: 1;\n width: 100%;\n padding: 0.625rem;\n font-size: var(--chat-font-size);\n line-height: 1.4;\n color: var(--chat-input-text);\n background-color: var(--chat-input-bg);\n border: 1px solid var(--chat-border);\n border-radius: calc(var(--chat-radius) * 0.5);\n resize: vertical;\n min-height: 5rem;\n font-family: var(--chat-font-family);\n}\n.input-form-overlay__freeform-input:focus {\n outline: none;\n border-color: var(--chat-primary);\n box-shadow: 0 0 0 2px var(--chat-primary-subtle);\n}\n");
|
|
21907
21907
|
|
|
21908
21908
|
// lib/chat/components/InputFormOverlay.tsx
|
|
21909
21909
|
import { useState as useState3 } from "react";
|