@contentful/f36-forms - npm Package Compare versions

Comparing version 4.0.1-next-v4-4835.2083 to 4.0.1-next-v4-4931.2084

dist/module.js

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

package.json

 {
   "name": "@contentful/f36-forms",
-  "version": "4.0.1-next-v4-4835.2083+4d9070fe",
+  "version": "4.0.1-next-v4-4931.2084+37e988d1",
   "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-4835.2083+4d9070fe",
-    "@contentful/f36-core": "4.0.1-next-v4-4835.2083+4d9070fe",
-    "@contentful/f36-inputs": "4.0.1-next-v4-4835.2083+4d9070fe",
-    "@contentful/f36-tokens": "4.0.1-next-v4-4835.2083+4d9070fe",
+    "@contentful/f36-components": "4.0.1-next-v4-4931.2084+37e988d1",
+    "@contentful/f36-core": "4.0.1-next-v4-4931.2084+37e988d1",
+    "@contentful/f36-inputs": "4.0.1-next-v4-4931.2084+37e988d1",
+    "@contentful/f36-tokens": "4.0.1-next-v4-4931.2084+37e988d1",
     "@contentful/f36-validation-message": "4.0.0",
@@ -40,3 +40,3 @@ "emotion": "^10.0.17"
   },
-  "gitHead": "4d9070fe32b9ab7ef763e515023398706fc56abe"
+  "gitHead": "37e988d17debe3499588e3b13975a347f212d824"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

No metric changes

Dependency changes

• Updated@contentful/f36-components@4.0.1-next-v4-4931.2084+37e988d1

• Updated@contentful/f36-core@4.0.1-next-v4-4931.2084+37e988d1

• Updated@contentful/f36-inputs@4.0.1-next-v4-4931.2084+37e988d1

• Updated@contentful/f36-tokens@4.0.1-next-v4-4931.2084+37e988d1