Socket
Socket
Sign inDemoInstall

@contentful/f36-forms

Package Overview
Dependencies
Maintainers
104
Versions
376
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@contentful/f36-forms - npm Package Compare versions

Comparing version 4.0.1-next-v4-5106.2090 to 4.0.1-next-v4-5114.2091

2

dist/main.js

@@ -1,2 +0,2 @@

var e=m(require("@babel/runtime/helpers/extends")),{css:t,cx:l}=require("emotion"),r=require("react"),a=m(r),{forwardRef:n}=r,i=m(require("@contentful/f36-tokens")),{Box:o}=require("@contentful/f36-core"),{ValidationMessage:s}=require("@contentful/f36-validation-message"),{ControlledInput:c}=require("@contentful/f36-inputs"),{HelpText:u}=require("@contentful/f36-helptext");function d(e,t){return Object.keys(t).forEach((function(l){"default"!==l&&"__esModule"!==l&&Object.defineProperty(e,l,{enumerable:!0,get:function(){return t[l]}})})),e}function f(e,t,l,r){Object.defineProperty(e,t,{get:l,set:r,enumerable:!0,configurable:!0})}function m(e){return e&&e.__esModule?e.default:e}var b={},h={};f(h,"Label",(()=>p));const p=n((function({children:r,className:n,htmlFor:s,required:c=!1,requiredText:u="required",testId:d="cf-ui-form-label",...f},m){const b=c&&(null==u?void 0:u.length)>0;return a.createElement(o,e({as:"label"},f,{className:l(t({color:i.colorTextDark,fontFamily:i.fontStackPrimary,fontSize:i.fontSizeM,fontWeight:i.fontWeightMedium,lineHeight:i.lineHeightDefault,marginBottom:`calc(1rem * (8 / ${i.fontBaseDefault}))`},""),n),display:"inline-block",htmlFor:s,ref:m,testId:d}),r,b&&a.createElement("span",{className:t({color:i.colorTextLightest,fontWeight:i.fontWeightNormal,marginLeft:`calc(1rem * (4 / ${i.fontBaseDefault}))`},"")},"(",u,")"))}));var g={};f(g,"ControlledInputField",(()=>v));const x={rootOrLabelDisabled:t({name:"kjb082",styles:"opacity:0.7;cursor:not-allowed;"}),input:t({marginRight:i.spacingXs,marginTop:i.spacing2Xs},""),label:t({fontWeight:i.fontWeightMedium,marginBottom:0},""),labelLight:t({fontWeight:i.fontWeightNormal},"")},q=({id:t,isLabelLight:r=!1,testId:n="cf-ui-controlled-input-field",isRequired:i,helpText:d,isDisabled:f,label:m,helpTextProps:b,formLabelProps:h,className:g,isChecked:q=!1,value:v,validationMessage:y,onChange:k,children:L,inputType:E="checkbox",inputProps:N,name:D,...I},T)=>{const R=l({[x.rootOrLabelDisabled]:f},g),W=l(x.input,null==N?void 0:N.className),C=l(x.label,{[x.labelLight]:r,[x.rootOrLabelDisabled]:f}),F=l({[x.rootOrLabelDisabled]:f});return a.createElement(o,e({as:"div",display:"inline-flex",ref:T,testId:n},I,{className:R}),a.createElement(c,e({id:t,label:m,name:D,isRequired:i,isChecked:q,isDisabled:f,value:v,onChange:k,type:E,labelProps:{className:F}},N,{className:W})),a.createElement("div",null,a.createElement(p,e({className:C,required:i,htmlFor:t},h),m),y&&a.createElement(s,null,y),d&&a.createElement(u,b,d)))},v=a.forwardRef(q);var y={};f(y,"CheckboxField",(()=>L));const k=({testId:t="cf-ui-checkbox-field",...l},r)=>a.createElement(v,e({testId:t},l,{ref:r,inputType:"checkbox"})),L=a.forwardRef(k);var E={};f(E,"RadioButtonField",(()=>D));const N=({testId:t="cf-ui-radio-button-field",...l},r)=>a.createElement(v,e({testId:t},l,{ref:r,inputType:"radio"})),D=a.forwardRef(N);d(b,h),d(b,g),d(b,y),d(b,E),d(module.exports,b);
var e=m(require("@babel/runtime/helpers/extends")),{cx:t,css:l}=require("emotion"),r=require("react"),a=m(r),{forwardRef:n}=r,i=m(require("@contentful/f36-tokens")),{Box:o}=require("@contentful/f36-core"),{ValidationMessage:s}=require("@contentful/f36-validation-message"),{ControlledInput:c}=require("@contentful/f36-inputs"),{HelpText:u}=require("@contentful/f36-helptext");function d(e,t){return Object.keys(t).forEach((function(l){"default"!==l&&"__esModule"!==l&&Object.defineProperty(e,l,{enumerable:!0,get:function(){return t[l]}})})),e}function f(e,t,l,r){Object.defineProperty(e,t,{get:l,set:r,enumerable:!0,configurable:!0})}function m(e){return e&&e.__esModule?e.default:e}var b={},h={};f(h,"Label",(()=>p));const p=n((function({children:r,className:n,htmlFor:s,required:c=!1,requiredText:u="required",testId:d="cf-ui-form-label",...f},m){const b=c&&(null==u?void 0:u.length)>0;return a.createElement(o,e({as:"label"},f,{className:t(l({color:i.colorTextDark,fontFamily:i.fontStackPrimary,fontSize:i.fontSizeM,fontWeight:i.fontWeightMedium,lineHeight:i.lineHeightDefault,marginBottom:`calc(1rem * (8 / ${i.fontBaseDefault}))`},""),n),display:"inline-block",htmlFor:s,ref:m,testId:d}),r,b&&a.createElement("span",{className:l({color:i.colorTextLightest,fontWeight:i.fontWeightNormal,marginLeft:`calc(1rem * (4 / ${i.fontBaseDefault}))`},"")},"(",u,")"))}));var g={};f(g,"ControlledInputField",(()=>v));const x={rootOrLabelDisabled:l({name:"kjb082",styles:"opacity:0.7;cursor:not-allowed;"}),input:l({marginRight:i.spacingXs,marginTop:i.spacing2Xs},""),label:l({fontWeight:i.fontWeightMedium,marginBottom:0},""),labelLight:l({fontWeight:i.fontWeightNormal},"")},q=({id:l,isLabelLight:r=!1,testId:n="cf-ui-controlled-input-field",isRequired:i,helpText:d,isDisabled:f,label:m,helpTextProps:b,formLabelProps:h,className:g,isChecked:q=!1,value:v,validationMessage:y,onChange:k,children:L,inputType:E="checkbox",inputProps:N,name:D,...I},T)=>{const R=t({[x.rootOrLabelDisabled]:f},g),W=t(x.input,null==N?void 0:N.className),C=t(x.label,{[x.labelLight]:r,[x.rootOrLabelDisabled]:f}),F=t({[x.rootOrLabelDisabled]:f});return a.createElement(o,e({as:"div",display:"inline-flex",ref:T,testId:n},I,{className:R}),a.createElement(c,e({id:l,label:m,name:D,isRequired:i,isChecked:q,isDisabled:f,value:v,onChange:k,type:E,labelProps:{className:F}},N,{className:W})),a.createElement("div",null,a.createElement(p,e({className:C,required:i,htmlFor:l},h),m),y&&a.createElement(s,null,y),d&&a.createElement(u,b,d)))},v=a.forwardRef(q);var y={};f(y,"CheckboxField",(()=>L));const k=({testId:t="cf-ui-checkbox-field",...l},r)=>a.createElement(v,e({testId:t},l,{ref:r,inputType:"checkbox"})),L=a.forwardRef(k);var E={};f(E,"RadioButtonField",(()=>D));const N=({testId:t="cf-ui-radio-button-field",...l},r)=>a.createElement(v,e({testId:t},l,{ref:r,inputType:"radio"})),D=a.forwardRef(N);d(b,h),d(b,g),d(b,y),d(b,E),d(module.exports,b);
//# sourceMappingURL=main.js.map
{
"name": "@contentful/f36-forms",
"version": "4.0.1-next-v4-5106.2090+09109220",
"version": "4.0.1-next-v4-5114.2091+ac3e9fb4",
"description": "Forma 36: Form React Components",

@@ -25,6 +25,6 @@ "license": "MIT",

"@babel/runtime": "^7.6.2",
"@contentful/f36-components": "4.0.1-next-v4-5106.2090+09109220",
"@contentful/f36-core": "4.0.1-next-v4-5106.2090+09109220",
"@contentful/f36-inputs": "4.0.1-next-v4-5106.2090+09109220",
"@contentful/f36-tokens": "4.0.1-next-v4-5106.2090+09109220",
"@contentful/f36-components": "4.0.1-next-v4-5114.2091+ac3e9fb4",
"@contentful/f36-core": "4.0.1-next-v4-5114.2091+ac3e9fb4",
"@contentful/f36-inputs": "4.0.1-next-v4-5114.2091+ac3e9fb4",
"@contentful/f36-tokens": "4.0.1-next-v4-5114.2091+ac3e9fb4",
"@contentful/f36-validation-message": "4.0.0",

@@ -40,3 +40,3 @@ "emotion": "^10.0.17"

},
"gitHead": "09109220cb1aac9e4a9ec97f8eb6823bae038017"
"gitHead": "ac3e9fb46b19bced7be88e4b5d7e8243a3fd2e0b"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc