@vectoriox/iox-ui 5.85.0 → 5.86.1

package/styles/iox-forms.css

@@ -36,8 +36,11 @@
    has to be able to fix and retry. The submit button STAYS (premium N2: it reads "Sent" with its check,
    disabled — the success in place), and so does the row holding it or the second channel (the WhatsApp
    button beside Send is how a visitor reaches you AFTER sending too). */
-.iox-form[data-iox-state="success"] .iox-field,
-.iox-form[data-iox-state="success"] .iox-field-group:not(:has(.iox-submit, .iox-role-form-channel)) { display: none !important; }
+.iox-form[data-iox-state="success"]:not([data-iox-after-send="toast"]) .iox-field,
+.iox-form[data-iox-state="success"]:not([data-iox-after-send="toast"]) .iox-field-group:not(:has(.iox-submit, .iox-role-form-channel)) { display: none !important; }
+/* A form that KEEPS its fields after sending (premium M5 — After sending ▸ "Keep the fields and show a toast") never
+   shows its Success block: a toast says the Sent words and the fields stay, cleared for the next answer. */
+.iox-form[data-iox-after-send="toast"] .iox-form-success { display: none !important; }
 
 /* The Success and Error blocks ENTER (premium N2 — Emil 139/30): opacity and a 4px rise over 200ms, out in 120ms,
    transitions (a fast retry interrupts from the live value, never a restart). `display` is discrete, so the exit
@@ -240,6 +243,25 @@ dialog.iox-cal::backdrop { background: transparent; }
     @starting-style { dialog.iox-cal[open] { opacity: 0; transform: none; } }
     dialog.iox-cal[data-iox-closing] { opacity: 0; transition-duration: 120ms; }
 }
+/* A Date field that wears the design system is timed by the LOOK (premium M5 — the calendar is a popover, and a sheet on
+   a phone): the popover tokens on a laptop, the sheet's on a phone, so a look whose motion is Off opens it with no motion
+   at all (vectoriox/iox-ui#44). Reduced motion keeps the fade (the tokens survive it) and drops the movement. */
+.iox-es-field dialog.iox-cal {
+    transition: opacity var(--iox-popover-dur-in) var(--iox-popover-ease), transform var(--iox-popover-dur-in) var(--iox-popover-ease);
+}
+@starting-style { .iox-es-field dialog.iox-cal[open] { transform: scale(var(--iox-popover-scale)); } }
+.iox-es-field dialog.iox-cal[data-iox-closing] { transform: scale(var(--iox-popover-scale)); transition-duration: var(--iox-popover-dur-out); }
+@media (max-width: 767px) {
+    .iox-es-field dialog.iox-cal { transform: none; transition: transform var(--iox-sheet-dur-in) var(--iox-sheet-ease); }
+    @starting-style { .iox-es-field dialog.iox-cal[open] { transform: translateY(100%); } }
+    .iox-es-field dialog.iox-cal[data-iox-closing] { transform: translateY(100%); transition-duration: var(--iox-sheet-dur-out); transition-timing-function: var(--iox-sheet-ease); }
+    .iox-es-field dialog.iox-cal::backdrop { transition: opacity var(--iox-sheet-dur-in) var(--iox-sheet-ease); }
+    .iox-es-field dialog.iox-cal[data-iox-closing]::backdrop { transition-duration: var(--iox-sheet-dur-out); }
+}
+@media (prefers-reduced-motion: reduce) {
+    .iox-es-field dialog.iox-cal, .iox-es-field dialog.iox-cal[data-iox-closing] { transform: none !important; transition: opacity var(--iox-popover-dur-in) var(--iox-popover-ease); }
+    .iox-es-field dialog.iox-cal[data-iox-closing] { transition-duration: var(--iox-popover-dur-out); }
+}
 /* Opened from the KEYBOARD (Enter / Space on the date button): it simply appears, and Esc or Enter on a day closes it
    at once — keyboard-initiated actions never animate (Emil 2). The pointer gets the motion above. */
 dialog.iox-cal[data-iox-instant],