@adcops/autocore-react 3.5.9 → 3.5.11

package/tools/tests/dist/autocore-react.css

@@ -0,0 +1,257 @@
+.ac-formsection {
+    border: 1px solid var(--surface-d, #e2e8f0);
+    border-radius: 6px;
+    background: var(--surface-card, #fff);
+    margin-bottom: 1rem;
+}
+
+.ac-formsection__header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    padding: 0.5rem 1rem;
+    border-bottom: 1px solid var(--surface-d, #e2e8f0);
+    background: var(--surface-b, #f8fafc);
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+}
+
+.ac-formsection__title {
+    margin: 0;
+    font-size: 0.95rem;
+    font-weight: 600;
+}
+
+.ac-formsection__desc {
+    color: var(--text-color-secondary, #64748b);
+    display: block;
+    margin-top: 0.15rem;
+}
+
+.ac-formsection__actions {
+    display: flex;
+    gap: 0.5rem;
+}
+
+.ac-formsection__body {
+    padding: 0.75rem 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.ac-formrow {
+    display: grid;
+    grid-template-columns: minmax(8rem, 14rem) 1fr;
+    gap: 0.5rem 1rem;
+    align-items: start;
+}
+
+.ac-formrow--error .ac-formrow__field input,
+.ac-formrow--error .ac-formrow__field .p-inputtext {
+    border-color: #dc2626;
+}
+
+.ac-formrow__label {
+    font-weight: 500;
+    padding-top: 0.4rem;
+    display: flex;
+    flex-direction: column;
+}
+
+.ac-formrow__required {
+    color: #dc2626;
+}
+
+.ac-formrow__hint {
+    color: var(--text-color-secondary, #64748b);
+    font-weight: 400;
+    font-size: 0.75rem;
+    margin-top: 0.15rem;
+}
+
+.ac-formrow__field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+.ac-formrow__field > input,
+.ac-formrow__field > .p-inputtext,
+.ac-formrow__field > .p-dropdown,
+.ac-formrow__field > .p-inputtextarea {
+    width: 100%;
+}
+
+.ac-formrow__error {
+    color: #dc2626;
+    font-size: 0.75rem;
+}
+/*
+ * Variable picker.
+ *
+ * Colours come from the PrimeReact theme's variables so the dialog matches
+ * whatever theme the machine is running, light or dark. Every value has a
+ * literal fallback: an un-themed host (the playground, a test harness) must
+ * still render legible text rather than black on black.
+ */
+
+.ac-varpick__input {
+    display: flex;
+    align-items: stretch;
+    gap: 0;
+    min-width: 0;
+}
+
+.ac-varpick__input .p-inputtext {
+    flex: 1 1 auto;
+    min-width: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+/* Sized to the full control height, not shrunk to fit: these screens are
+ * touchscreens, and a button an operator has to aim at is one they mis-tap. */
+.ac-varpick__input > .p-button {
+    flex: 0 0 auto;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    margin-left: -1px;
+}
+
+.ac-varpick__hint {
+    font-size: 0.8125rem;
+    color: var(--text-color-secondary, #6b7280);
+    margin-bottom: 0.75rem;
+    line-height: 1.4;
+}
+
+.ac-varpick__search { width: 100%; }
+
+.ac-varpick__empty {
+    padding: 1.5rem 0.25rem;
+    color: var(--text-color-secondary, #6b7280);
+    font-size: 0.875rem;
+}
+
+.ac-varpick__list {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    margin-top: 0.75rem;
+    /* Bounded so the search box and the footer stay put while the list moves. */
+    max-height: 55vh;
+    overflow-y: auto;
+}
+
+.ac-varpick__group { display: flex; flex-direction: column; gap: 2px; }
+
+.ac-varpick__grouphead {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    gap: 0.5rem;
+    padding-bottom: 0.25rem;
+    margin-bottom: 0.25rem;
+    border-bottom: 1px solid var(--surface-border, rgba(127, 127, 127, 0.25));
+    position: sticky;
+    top: 0;
+    background: var(--surface-overlay, #ffffff);
+    z-index: 1;
+}
+
+.ac-varpick__grouptitle {
+    font-size: 0.75rem;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    color: var(--text-color-secondary, #6b7280);
+}
+
+.ac-varpick__grouphint {
+    font-size: 0.75rem;
+    color: var(--text-color-secondary, #8b95a1);
+}
+
+/*
+ * Two lines by design — the identifier, then what it MEANS. A one-line list of
+ * identifiers is the problem this dialog exists to solve, so the description is
+ * never truncated and never hidden behind a hover: there is no hover on a
+ * touchscreen.
+ */
+.ac-varpick__row {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 2px;
+    width: 100%;
+    text-align: left;
+    min-height: 2.25rem;
+    padding: 0.375rem 0.75rem;
+    border: 1px solid transparent;
+    border-radius: 3px;
+    background: transparent;
+    color: var(--text-color, #111827);
+    font: inherit;
+    cursor: pointer;
+}
+
+.ac-varpick__row:hover { background: var(--surface-hover, rgba(127, 127, 127, 0.08)); }
+
+.ac-varpick__row:focus-visible {
+    outline: 2px solid var(--primary-color, #2563eb);
+    outline-offset: -2px;
+}
+
+.ac-varpick__row--on {
+    background: var(--highlight-bg, rgba(37, 99, 235, 0.14));
+    border-color: var(--primary-color, #2563eb);
+}
+
+.ac-varpick__row--off { opacity: 0.55; cursor: default; }
+
+.ac-varpick__line {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    gap: 0.5rem;
+    min-width: 0;
+}
+
+.ac-varpick__name {
+    font-family: var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
+    font-weight: 600;
+}
+
+.ac-varpick__label { font-size: 0.875rem; }
+
+.ac-varpick__chip {
+    font-size: 0.75rem;
+    padding: 0 6px;
+    border-radius: 999px;
+    background: var(--surface-100, rgba(127, 127, 127, 0.12));
+    border: 1px solid var(--surface-border, rgba(127, 127, 127, 0.25));
+    color: var(--text-color-secondary, #6b7280);
+    /* A unit symbol's case is meaningful: "mm/s", "N", "MPa". */
+    text-transform: none;
+}
+
+/* The current reading. Nothing turns an unfamiliar name into an obvious one
+ * faster than seeing what it says right now. */
+.ac-varpick__live {
+    font-family: var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
+    font-size: 0.75rem;
+    color: var(--green-600, #15803d);
+}
+
+.ac-varpick__desc {
+    font-size: 0.8125rem;
+    color: var(--text-color-secondary, #6b7280);
+    line-height: 1.35;
+}
+
+.ac-varpick__why { font-size: 0.8125rem; color: var(--orange-600, #b45309); }
+.ac-varpick__note { font-size: 0.8125rem; color: var(--blue-600, #0369a1); }
+
+.ac-varpick__foot { display: flex; justify-content: flex-end; gap: 0.5rem; }
+/*$vite$:1*/