carbon-react/lib/components/form/form.style.js

A library of reusable React components for easily building user interfaces.

"use strict";var t=require("styled-components"),e=require("styled-system"),i=require("../../__internal__/form-field/form-field.style.js"),s=require("../../style/themes/apply-base-theme.js"),o=require("../inline-inputs/inline-inputs.style.js"),l=require("../select/select.style.js"),r=require("../select/multi-select/multi-select.style.js"),n=require("../switch/switch.style.js");function a(t){return t&&t.__esModule?t:{default:t}}var d=a(t);const c=d.default.div.withConfig({displayName:"form.style__StyledFormContent",componentId:"sc-24b70795-0"})(["height:100%;"," ",""],(({stickyFooter:e,isInModal:i})=>e&&i&&t.css(["flex-grow:1;min-height:0;overflow-y:auto;"])),(({fieldSpacing:e})=>e&&t.css(["--fieldSpacing:",";","{margin-top:var(--spacing000);}"," ",","," ",","," ",","," ","{margin-bottom:var(--spacing000);}"],e,i.default,o.default,i.default,o.default,l.default,o.default,r.StyledSelectMultiSelect,n.default,i.default))),f=d.default.div.attrs(s.default).withConfig({displayName:"form.style__StyledFormFooter",componentId:"sc-24b70795-1"})([""," "," "," ",""],(({hasFooterChildren:e})=>!e&&t.css(["align-items:center;display:flex;flex-wrap:wrap;gap:var(--sizing200);"])),(({buttonAlignment:e})=>"right"===e&&t.css(["justify-content:flex-end;"])),(({stickyFooter:e,stickyFooterVariant:i,fullWidthButtons:s})=>t.css([""," "," ",""],!e&&t.css(["margin-top:48px;"]),e&&t.css(["background-color:",";box-shadow:var(--boxShadow150);box-sizing:border-box;"," padding:16px 32px;width:100%;z-index:1000;position:sticky;bottom:0;"],"light"===i?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor025)","grey"===i&&"border-top: 1px solid var(--colorsUtilityMajor050);"),s&&t.css(["flex-direction:column;align-items:stretch;"]))),e.padding),u=d.default.form.attrs(s.default).withConfig({displayName:"form.style__StyledForm",componentId:"sc-24b70795-2"})([""," "," ",""],e.space,(({height:e})=>e&&t.css(["height:",";"],e)),(({stickyFooter:e,isInModal:i})=>e&&t.css(["display:flex;flex-direction:column;position:relative;",""],i&&t.css(["flex-grow:1;min-height:0;height:100%;"])))),y=d.default.div.withConfig({displayName:"form.style__StyledRightButtons",componentId:"sc-24b70795-3"})(["display:flex;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"left"===t&&"flex-grow: 1;")),p=d.default.div.withConfig({displayName:"form.style__StyledLeftButtons",componentId:"sc-24b70795-4"})(["display:flex;justify-content:flex-end;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"right"===t&&"flex-grow: 1;"));exports.StyledForm=u,exports.StyledFormContent=c,exports.StyledFormFooter=f,exports.StyledLeftButtons=p,exports.StyledRightButtons=y;