diff --git a/dist/components/django-cms-forms.css b/dist/components/django-cms-forms.css index 65283b712..724541f9d 100644 --- a/dist/components/django-cms-forms.css +++ b/dist/components/django-cms-forms.css @@ -1 +1 @@ -/*! @tacc/core-styles 2.21.1+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button),.c-button,.c-form__button,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button),.form_button,.x-truncate--one-line,:where(.s-form button),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button),[class*=button--]{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.c-message--scope-global [class*=button--as-link],.c-message--scope-global a,.message--scope-global [class*=button--as-link],.message--scope-global a,.x-link,.x-link--irregular,[class*=button--as-link]{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled,.x-link--irregular--disabled{opacity:.5;pointer-events:none}.c-message--scope-global [class*=button--as-link]:hover,.c-message--scope-global a:hover,.message--scope-global [class*=button--as-link]:hover,.message--scope-global a:hover,.x-link--hover,.x-link--irregular--hover,[class*=button--as-link]:where(:not(:disabled,:where(a[disabled]))):hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.c-message--scope-global [class*=button--as-link]:active,.c-message--scope-global a:active,.message--scope-global [class*=button--as-link]:active,.message--scope-global a:active,.x-link--active,.x-link--irregular--active,[class*=button--as-link]:where(:not(:disabled,:where(a[disabled]))):active{text-decoration-line:underline;text-decoration-style:dotted}.c-message--scope-global [class*=button--as-link],.c-message--scope-global a,.message--scope-global [class*=button--as-link],.message--scope-global a,.x-link--irregular{text-decoration-line:underline}.c-message--scope-global [class*=button--as-link]:hover,.c-message--scope-global a:hover,.message--scope-global [class*=button--as-link]:hover,.message--scope-global a:hover,.x-link--irregular--hover{text-decoration-style:dashed}.c-message--scope-global [class*=button--as-link]:active,.c-message--scope-global a:active,.message--scope-global [class*=button--as-link]:active,.message--scope-global a:active,.x-link--irregular--active{text-decoration-style:dotted}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button),.c-button,.c-form__button,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button),.form_button,:where(.s-form button),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button),[class*=button--]{--min-width:75px;--mid-width:110px;--max-width:130px;border-style:solid;border-width:var(--global-border-width--normal);box-sizing:border-box;display:inline-block}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button):where(:not(:disabled,:where(a[disabled]))),.c-button:where(:not(:disabled,:where(a[disabled]))),.c-form__button:where(:not(:disabled,:where(a[disabled]))),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button):where(:not(:disabled,:where(a[disabled]))),.form_button:where(:not(:disabled,:where(a[disabled]))),:where(.s-form button):where(:not(:disabled,:where(a[disabled]))),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button):where(:not(:disabled,:where(a[disabled]))),[class*=button--]:where(:not(:disabled,:where(a[disabled]))){cursor:pointer}a.c-button,a[class*=button--]{text-align:center;text-decoration:none}a[class*=button--is-busy]{cursor:default}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button):disabled,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button):where(a[disabled]),.c-button:disabled,.c-button:where(a[disabled]),.c-form__button:disabled,.c-form__button:where(a[disabled]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button):disabled,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button):where(a[disabled]),.form_button:disabled,.form_button:where(a[disabled]),:where(.s-form button):disabled,:where(.s-form button):where(a[disabled]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button):disabled,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button):where(a[disabled]),[class*=button--]:disabled,[class*=button--]:where(a[disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button):disabled:not([class*=button--is-busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button):where(a[disabled]):not([class*=button--is-busy]),.c-button:disabled:not([class*=button--is-busy]),.c-button:where(a[disabled]):not([class*=button--is-busy]),.c-form__button:disabled:not([class*=button--is-busy]),.c-form__button:where(a[disabled]):not([class*=button--is-busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button):disabled:not([class*=button--is-busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button):where(a[disabled]):not([class*=button--is-busy]),.form_button:disabled:not([class*=button--is-busy]),.form_button:where(a[disabled]):not([class*=button--is-busy]),:where(.s-form button):disabled:not([class*=button--is-busy]),:where(.s-form button):where(a[disabled]):not([class*=button--is-busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button):disabled:not([class*=button--is-busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button):where(a[disabled]):not([class*=button--is-busy]),[class*=button--]:disabled:not([class*=button--is-busy]),[class*=button--]:where(a[disabled]):not([class*=button--is-busy]){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark)}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button):disabled:not([class*=button--is-busy],[class*=button--as-link]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button):where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),.c-button:disabled:not([class*=button--is-busy],[class*=button--as-link]),.c-button:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),.c-form__button:disabled:not([class*=button--is-busy],[class*=button--as-link]),.c-form__button:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button):disabled:not([class*=button--is-busy],[class*=button--as-link]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button):where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),.form_button:disabled:not([class*=button--is-busy],[class*=button--as-link]),.form_button:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),:where(.s-form button):disabled:not([class*=button--is-busy],[class*=button--as-link]),:where(.s-form button):where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button):disabled:not([class*=button--is-busy],[class*=button--as-link]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button):where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),[class*=button--]:disabled:not([class*=button--is-busy],[class*=button--as-link]),[class*=button--]:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]){background-color:var(--global-color-primary--xx-light)}.button--1,.button--2,.button--3,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=button],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit],.c-button--primary,.c-button--secondary,.c-button--tertiary,.c-form__button[type=button],.c-form__button[type=reset],.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=button],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit],.form_button[type=button],.form_button[type=reset],.form_button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),.form_button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),:where(.s-form button)[type=button],:where(.s-form button)[type=reset],:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=button],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit],[class*=button--is-active]{max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}.button--1:hover,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit]:hover,.c-button--primary:hover,.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit]:hover,.form_button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit]:hover{background-color:var(--global-color-accent--dark);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-light)}.button--1:active:not([class*=button--is-busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit]:active:not([class*=button--is-busy]),.c-button--primary:active:not([class*=button--is-busy]),.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit]:active:not([class*=button--is-busy]),.form_button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy]),:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit]:active:not([class*=button--is-busy]){background-color:var(--global-color-accent--x-dark);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.button--1:focus:not(:active,[class*=button--is-busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit]:focus:not(:active,[class*=button--is-busy]),.c-button--primary:focus:not(:active,[class*=button--is-busy]),.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit]:focus:not(:active,[class*=button--is-busy]),.form_button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy]),:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit]:focus:not(:active,[class*=button--is-busy]){background-color:var(--global-color-accent--normal);border-color:var(--global-color-primary--xx-light);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--light)}.button--1:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--1[class*=button--is-busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit][class*=button--is-busy],.c-button--primary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--primary[class*=button--is-busy],.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit][class*=button--is-busy],.form_button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.form_button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=submit][class*=button--is-busy]{background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}.button--2:hover,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=button]:hover,.c-button--secondary:hover,.c-form__button[type=button]:hover,.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=button]:hover,.form_button[type=button]:hover,.form_button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,:where(.s-form button)[type=button]:hover,:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=button]:hover{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}.button--2:active:not([class*=button--is-busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=button]:active:not([class*=button--is-busy]),.c-button--secondary:active:not([class*=button--is-busy]),.c-form__button[type=button]:active:not([class*=button--is-busy]),.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=button]:active:not([class*=button--is-busy]),.form_button[type=button]:active:not([class*=button--is-busy]),.form_button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy]),:where(.s-form button)[type=button]:active:not([class*=button--is-busy]),:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=button]:active:not([class*=button--is-busy]){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.button--2:focus:not(:active,[class*=button--is-busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=button]:focus:not(:active,[class*=button--is-busy]),.c-button--secondary:focus:not(:active,[class*=button--is-busy]),.c-form__button[type=button]:focus:not(:active,[class*=button--is-busy]),.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=button]:focus:not(:active,[class*=button--is-busy]),.form_button[type=button]:focus:not(:active,[class*=button--is-busy]),.form_button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy]),:where(.s-form button)[type=button]:focus:not(:active,[class*=button--is-busy]),:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=button]:focus:not(:active,[class*=button--is-busy]){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.button--2:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--2[class*=button--is-busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=button][class*=button--is-busy],.c-button--secondary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--secondary[class*=button--is-busy],.c-form__button[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=button][class*=button--is-busy],.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=button][class*=button--is-busy],.form_button[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.form_button[type=button][class*=button--is-busy],.form_button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.form_button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],:where(.s-form button)[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form button)[type=button][class*=button--is-busy],:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=button][class*=button--is-busy]{background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button).button--2:disabled,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button).button--2:where(a[disabled]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button).c-button--secondary:disabled,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button).c-button--secondary:where(a[disabled]),.c-button.button--2:disabled,.c-button.button--2:where(a[disabled]),.c-button.c-button--secondary:disabled,.c-button.c-button--secondary:where(a[disabled]),.c-form__button.button--2:disabled,.c-form__button.button--2:where(a[disabled]),.c-form__button.c-button--secondary:disabled,.c-form__button.c-button--secondary:where(a[disabled]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button).button--2:disabled,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button).button--2:where(a[disabled]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button).c-button--secondary:disabled,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button).c-button--secondary:where(a[disabled]),.form_button.button--2:disabled,.form_button.button--2:where(a[disabled]),.form_button.c-button--secondary:disabled,.form_button.c-button--secondary:where(a[disabled]),:where(.s-form button).button--2:disabled,:where(.s-form button).button--2:where(a[disabled]),:where(.s-form button).c-button--secondary:disabled,:where(.s-form button).c-button--secondary:where(a[disabled]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button).button--2:disabled,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button).button--2:where(a[disabled]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button).c-button--secondary:disabled,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button).c-button--secondary:where(a[disabled]),[class*=button--].button--2:disabled,[class*=button--].button--2:where(a[disabled]),[class*=button--].c-button--secondary:disabled,[class*=button--].c-button--secondary:where(a[disabled]){background-color:var(--global-color-primary--x-light)}.button--3:hover,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset]:hover,.c-button--tertiary:hover,.c-form__button[type=reset]:hover,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset]:hover,.form_button[type=reset]:hover,:where(.s-form button)[type=reset]:hover,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset]:hover{background-color:var(--global-color-primary--light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.button--3:active:not([class*=button--is-busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset]:active:not([class*=button--is-busy]),.c-button--tertiary:active:not([class*=button--is-busy]),.c-form__button[type=reset]:active:not([class*=button--is-busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset]:active:not([class*=button--is-busy]),.form_button[type=reset]:active:not([class*=button--is-busy]),:where(.s-form button)[type=reset]:active:not([class*=button--is-busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset]:active:not([class*=button--is-busy]){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.button--3:focus:not(:active,[class*=button--is-busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset]:focus:not(:active,[class*=button--is-busy]),.c-button--tertiary:focus:not(:active,[class*=button--is-busy]),.c-form__button[type=reset]:focus:not(:active,[class*=button--is-busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset]:focus:not(:active,[class*=button--is-busy]),.form_button[type=reset]:focus:not(:active,[class*=button--is-busy]),:where(.s-form button)[type=reset]:focus:not(:active,[class*=button--is-busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset]:focus:not(:active,[class*=button--is-busy]){background-color:var(--global-color-primary--light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.button--3:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--3[class*=button--is-busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset][class*=button--is-busy],.c-button--tertiary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--tertiary[class*=button--is-busy],.c-form__button[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=reset][class*=button--is-busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset][class*=button--is-busy],.form_button[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.form_button[type=reset][class*=button--is-busy],:where(.s-form button)[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form button)[type=reset][class*=button--is-busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)[type=reset][class*=button--is-busy]{background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}[class*=button--is-active]:hover{background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}[class*=button--is-active]:active{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}[class*=button--is-active]:focus:not(:active){background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}[class*=button--is-active]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),[class*=button--is-active][class*=button--is-busy]{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}[class*=button--as-link]{background:unset;border:unset;font-family:inherit;font-size:inherit;font-weight:inherit;padding-inline:unset}[class*=button--is-busy]{opacity:.5}[class*=button--is-busy] [class*=button__text]{opacity:.3}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button):where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),.c-button:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),.c-form__button:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button):where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),.form_button:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),:where(.s-form button):where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button):where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),[class*=button--]:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])){--max-width:auto;width:auto}[class*=button--width-short]{width:var(--min-width)}[class*=button--width-medium]{width:var(--mid-width)}[class*=button--width-long]{width:var(--max-width)}[class*=button--size-small]{line-height:1;min-width:0;padding:4px 9px}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form_button)>*,.c-button>*,.c-form__button>*,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form_button)>*,.form_button>*,:where(.s-form button)>*,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form_button)>*,[class*=button--]>*{vertical-align:middle}[class*=button__icon--before]{margin-right:.5em}[class*=button__icon--after]{margin-left:.5em}.c-form__desc,.description,:where(.s-form>:is(h1,h2,h3,h4,h5,h6)+p){margin-block:25px}.c-form__help,.help-text,:where(.s-form>div>small){display:block;font-size:var(--global-font-size--small);font-style:italic;margin-top:.3em}.c-form__help>:where(:not(details,a,samp)),.help-text>:where(:not(details,a,samp)),:where(.s-form>div>small)>:where(:not(details,a,samp)){font-style:normal}.c-form__field,.field-wrapper,:where(.s-form>div){display:flex;flex-direction:column;margin-bottom:2rem}.c-form__field.has-type-check,.field-wrapper.checkboxinput,:where(.s-form>div).has-type-check{align-items:center;-moz-column-gap:.5em;column-gap:.5em;display:inline-grid;grid-template-areas:"input label" "error error" "notes notes";grid-template-columns:min-content auto}.c-form__field.has-type-check .c-form__errors,.c-form__field.has-type-check :where(.form-errors,.field-errors),.c-form__field.has-type-check :where(:where(.s-form>ul),:where(.s-form>div>ul)),.field-wrapper.checkboxinput .c-form__errors,.field-wrapper.checkboxinput :where(.form-errors,.field-errors),.field-wrapper.checkboxinput :where(:where(.s-form>ul),:where(.s-form>div>ul)),:where(.s-form>div).has-type-check .c-form__errors,:where(.s-form>div).has-type-check :where(.form-errors,.field-errors),:where(.s-form>div).has-type-check :where(:where(.s-form>ul),:where(.s-form>div>ul)){grid-area:error}.c-form__field.has-type-check input,.field-wrapper.checkboxinput input,:where(.s-form>div).has-type-check input{grid-area:input}.c-form__field.has-type-check label,.field-wrapper.checkboxinput label,:where(.s-form>div).has-type-check label{grid-area:label}.c-form__field.has-type-check .c-form__help,.c-form__field.has-type-check .help-text,.c-form__field.has-type-check :where(.s-form>div>small),.field-wrapper.checkboxinput .c-form__help,.field-wrapper.checkboxinput .help-text,.field-wrapper.checkboxinput :where(.s-form>div>small),:where(.s-form>div).has-type-check .c-form__help,:where(.s-form>div).has-type-check .help-text,:where(.s-form>div).has-type-check :where(.s-form>div>small){grid-area:notes}.c-form__field.has-type-check label,.field-wrapper.checkboxinput label,:where(.s-form>div).has-type-check label{margin-bottom:0}.c-form__field>:where(ul:not(.c-form__errors),menu) label,:where(.radioselect,.checkboxselectmultiple) label,:where(.s-form>div>menu) label{align-items:center;display:flex;font-weight:revert;gap:.5em}.c-form__field>:where(ul:not(.c-form__errors),menu) li:last-child label,:where(.radioselect,.checkboxselectmultiple) li:last-child label,:where(.s-form>div>menu) li:last-child label{margin-bottom:0}.asterisk,.c-form__star,:where(.s-form label>span){margin-left:.5em}.asterisk:where(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *),.c-form__star:where(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *),:where(.s-form label>span):where(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *){color:var(--global-color-danger--dark)}.asterisk:where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *)),.c-form__star:where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *)),:where(.s-form label>span):where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *)){color:var(--global-color-warning--dark)}.asterisk,.c-form__star,:where(.s-form label>span){display:inline-block;font-size:0;line-height:0;visibility:hidden}.asterisk:after,.c-form__star:after,:where(.s-form label>span):after{font-size:var(--global-font-size--small);line-height:normal;visibility:visible}.asterisk:where(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *):after,.c-form__star:where(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *):after,:where(.s-form label>span):where(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *):after{content:"(required)"}.asterisk:where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *)):after,.c-form__star:where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *)):after,:where(.s-form label>span):where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *)):after{content:"(important)"}ul.c-form__errors,ul.errorlist,ul:where(:where(.s-form>ul),:where(.s-form>div>ul)){list-style:none;padding-left:0}ul:where(.c-form__field .c-form__errors),ul:where(.field-errors .errorlist),ul:where(.s-form>div>ul){margin-bottom:0;margin-top:1rem}.c-form__field>:where(ul:not(.c-form__errors),menu),:where(.radioselect,.checkboxselectmultiple),:where(.s-form>div>menu){list-style:none;padding-left:0}.button-wrapper,.c-form__buttons,:where(.s-form>footer){margin-top:35px}.c-message>:first-child,:where(.c-form>.c-form__errors)>:first-child,:where(.c-form__field .c-form__errors) li>:first-child,:where(.field-errors .errorlist) li>:first-child,:where(.form-errors .errorlist)>:first-child,:where(.s-form>div>ul) li>:first-child,:where(.s-form>ul)>:first-child,[class*=message--]>:first-child{margin-top:0}.c-message>:last-child,:where(.c-form>.c-form__errors)>:last-child,:where(.c-form__field .c-form__errors) li>:last-child,:where(.field-errors .errorlist) li>:last-child,:where(.form-errors .errorlist)>:last-child,:where(.s-form>div>ul) li>:last-child,:where(.s-form>ul)>:last-child,[class*=message--]>:last-child{margin-bottom:0}:where(.c-form>.c-form__errors),:where(.c-form__field .c-form__errors) li,:where(.field-errors .errorlist) li,:where(.form-errors .errorlist),:where(.s-form>div>ul) li,:where(.s-form>ul),[class*=message--scope-]{padding:var(--pad-vert,0) var(--pad-horz,0)}.c-message--scope-global,.message--scope-global{--pad-vert:15px;--pad-horz:20px;border-width:var(--global-border-width--thick);text-align:center}.c-message--type-info.c-message--scope-section,.c-message--type-info.message--scope-section,.message--type-info.c-message--scope-section,.message--type-info.message--scope-section{background-color:var(--global-color-info--x-light);border-color:var(--global-color-info--normal)}.c-message--type-success.c-message--scope-section,.c-message--type-success.message--scope-section,.message--type-success.c-message--scope-section,.message--type-success.message--scope-section{background-color:var(--global-color-success--x-light);border-color:var(--global-color-success--normal)}.c-message--type-warning.c-message--scope-section,.c-message--type-warning.message--scope-section,.message--type-warning.c-message--scope-section,.message--type-warning.message--scope-section{background-color:var(--global-color-warning--x-light);border-color:var(--global-color-warning--normal)}.c-message--type-error.c-message--scope-section,.c-message--type-error.message--scope-section,.message--type-error.c-message--scope-section,.message--type-error.message--scope-section,:where(.c-form>.c-form__errors),:where(.c-form>.c-form__errors).c-message--scope-section,:where(.c-form>.c-form__errors).message--scope-section,:where(.c-form__field .c-form__errors) li.c-message--scope-section,:where(.c-form__field .c-form__errors) li.message--scope-section,:where(.field-errors .errorlist) li.c-message--scope-section,:where(.field-errors .errorlist) li.message--scope-section,:where(.form-errors .errorlist),:where(.form-errors .errorlist).c-message--scope-section,:where(.form-errors .errorlist).message--scope-section,:where(.s-form>div>ul) li.c-message--scope-section,:where(.s-form>div>ul) li.message--scope-section,:where(.s-form>ul),:where(.s-form>ul).c-message--scope-section,:where(.s-form>ul).message--scope-section{background-color:var(--global-color-danger--x-light);border-color:var(--global-color-danger--normal)}:--c-message--type-tip.c-message--scope-section,:--c-message--type-tip.message--scope-section{background-color:var(--global-color-extra--x-light);border-color:var(--global-color-extra--normal)}.c-message--scope-global,.message--scope-global{background-color:var(--global-color-accent--secondary);border-color:var(--global-color-primary--dark);color:var(--global-color-primary--xx-light)}.c-message--scope-global [class*=button--as-link],.c-message--scope-global a,.message--scope-global [class*=button--as-link],.message--scope-global a{color:inherit!important}.c-message--scope-section,.message--scope-section,:where(.c-form>.c-form__errors),:where(.form-errors .errorlist),:where(.s-form>ul){--pad-vert:20px;--pad-horz:30px;border-style:solid;border-width:var(--global-border-width--normal)}.c-message--scope-section,.message--scope-section,:where(.c-form>.c-form__errors),:where(.form-errors .errorlist),:where(.s-form>ul){color:var(--global-color-primary--dark)}.c-message--type-info.c-message--scope-inline,.c-message--type-info.message--scope-inline,.message--type-info.c-message--scope-inline,.message--type-info.message--scope-inline{color:var(--global-color-info--x-dark)}.c-message--type-success.c-message--scope-inline,.c-message--type-success.message--scope-inline,.message--type-success.c-message--scope-inline,.message--type-success.message--scope-inline{color:var(--global-color-success--x-dark)}.c-message--type-warning.c-message--scope-inline,.c-message--type-warning.message--scope-inline,.message--type-warning.c-message--scope-inline,.message--type-warning.message--scope-inline{color:var(--global-color-warning--x-dark)}.c-message--type-error.c-message--scope-inline,.c-message--type-error.message--scope-inline,.message--type-error.c-message--scope-inline,.message--type-error.message--scope-inline,:where(.c-form>.c-form__errors).c-message--scope-inline,:where(.c-form>.c-form__errors).message--scope-inline,:where(.c-form__field .c-form__errors) li,:where(.c-form__field .c-form__errors) li.c-message--scope-inline,:where(.c-form__field .c-form__errors) li.message--scope-inline,:where(.field-errors .errorlist) li,:where(.field-errors .errorlist) li.c-message--scope-inline,:where(.field-errors .errorlist) li.message--scope-inline,:where(.form-errors .errorlist).c-message--scope-inline,:where(.form-errors .errorlist).message--scope-inline,:where(.s-form>div>ul) li,:where(.s-form>div>ul) li.c-message--scope-inline,:where(.s-form>div>ul) li.message--scope-inline,:where(.s-form>ul).c-message--scope-inline,:where(.s-form>ul).message--scope-inline{color:var(--global-color-danger--x-dark)}:--c-message--type-tip.c-message--scope-inline,:--c-message--type-tip.message--scope-inline{color:var(--global-color-extra--x-dark)}.c-message--type-info:before,.message--type-info:before{background-color:var(--global-color-info--normal)}.c-message--type-success:before,.message--type-success:before{background-color:var(--global-color-success--normal)}.c-message--type-warning:before,.message--type-warning:before{background-color:var(--global-color-warning--normal)}.c-message--type-error:before,.message--type-error:before,:where(.c-form>.c-form__errors):before,:where(.c-form__field .c-form__errors) li:before,:where(.field-errors .errorlist) li:before,:where(.form-errors .errorlist):before,:where(.s-form>div>ul) li:before,:where(.s-form>ul):before{background-color:var(--global-color-danger--normal)}:--c-message--type-tip:before{background-color:var(--global-color-extra--normal)}.field-wrapper.checkboxselectmultiple.required>label:after{border:var(--global-border--thick);display:block;font-size:var(--global-font-size--small);font-weight:400;margin-top:.5em;padding:15px 20px}html[class*=cms-structure-mode-] .field-wrapper.checkboxselectmultiple.required>label:after{background-color:var(--global-color-danger--weak);border-color:var(--global-color-danger--normal);color:var(--global-color-danger--dark);content:"A multi checkbox field that is required is not well implemented. Do not require this field or replace it with multiple required Yes/No radio fields."}html:not([class*=cms-structure-mode-]) .field-wrapper.checkboxselectmultiple.required>label:after{background-color:var(--global-color-warning--weak);border-color:var(--global-color-warning--normal);color:var(--global-color-warning--dark);content:"This field is not well implemented. Select all boxes to bypass the error with this field."}.field-wrapper>:where(.form-errors,.field-errors){order:1}.field-wrapper>.help-text{order:2} \ No newline at end of file +/*! @tacc/core-styles 2.21.1+ | MIT | github.com/TACC/Core-Styles */.field-wrapper.checkboxselectmultiple.required>label:after{border:var(--global-border--thick);display:block;font-size:var(--global-font-size--small);font-weight:400;margin-top:.5em;padding:15px 20px}html[class*=cms-structure-mode-] .field-wrapper.checkboxselectmultiple.required>label:after{background-color:var(--global-color-danger--weak);border-color:var(--global-color-danger--normal);color:var(--global-color-danger--dark);content:"A multi checkbox field that is required is not well implemented. Do not require this field or replace it with multiple required Yes/No radio fields."}html:not([class*=cms-structure-mode-]) .field-wrapper.checkboxselectmultiple.required>label:after{background-color:var(--global-color-warning--weak);border-color:var(--global-color-warning--normal);color:var(--global-color-warning--dark);content:"This field is not well implemented. Select all boxes to bypass the error with this field."}.field-wrapper>:where(.form-errors,.field-errors){order:1}.field-wrapper>.help-text{order:2} \ No newline at end of file diff --git a/src/lib/_imports/components/django-cms-forms.css b/src/lib/_imports/components/django-cms-forms.css index 462670210..7bd540691 100644 --- a/src/lib/_imports/components/django-cms-forms.css +++ b/src/lib/_imports/components/django-cms-forms.css @@ -1,13 +1,12 @@ /* FAQ: c-form.css styles s-form and django-cms-forms */ -@import url("./c-form.css"); -@import url("./c-form--cms.css"); @import url("./django-cms-forms.hacks.css"); +@import url("./django-cms-forms.selectors.css"); -/* No other styles necessary, because c-form supports s-form selectors */ +/* Few other styles necessary, because c-form supports s-form selectors */ /* SEE ../components/c-form.css */ /* SEE: ../tools/selectors.form.css */ -/* To ensure */ +/* To re-order plugin elements to match order of such elements in `c-form` */ :--cms-form__field > :--cms-form__errors { order: 1; } :--cms-form__field > :--cms-form__help { order: 2; } diff --git a/src/lib/_imports/components/django-cms-forms/config.yml b/src/lib/_imports/components/django-cms-forms/config.yml index 164b9a940..c9d4348e0 100644 --- a/src/lib/_imports/components/django-cms-forms/config.yml +++ b/src/lib/_imports/components/django-cms-forms/config.yml @@ -1,6 +1,9 @@ label: Django CMS Forms status: ready context: + 📝 supportStyles: only needed until core-styles.cms.css loads them + supportStyles: + - ../../assets/components/django-cms-forms.css shouldLoadCMS: true 📝 shouldLoadCMS: because this is demo but this is CMS pattern markup: