Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Socket
Sign inDemoInstall

@contentful/f36-forms

Package Overview
Dependencies
Maintainers
102
Versions
383
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-6330.2234 to 4.0.1-next-v4-6381.2242

README.md

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.gray900,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.gray500,fontWeight:i.fontWeightNormal,marginLeft:`calc(1rem * (4 / ${i.fontBaseDefault}))`},"")},"(",u,")"))}));var g={};f(g,"ControlledInputField",(()=>q));const y=({id:r,isLabelLight:n=!1,testId:d="cf-ui-controlled-input-field",isRequired:f,helpText:m,isDisabled:b,label:h,helpTextProps:g,formLabelProps:y,className:q,isChecked:x=!1,value:v,validationMessage:k,onChange:E,children:L,inputType:N="checkbox",inputProps:I,name:D,...R},T)=>{const W={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},"")},C=l({[W.rootOrLabelDisabled]:b},q),F=l(W.input,null==I?void 0:I.className),M=l(W.label,{[W.labelLight]:n,[W.rootOrLabelDisabled]:b}),O=l({[W.rootOrLabelDisabled]:b});return a.createElement(o,e({as:"div",display:"inline-flex",ref:T,testId:d},R,{className:C}),a.createElement(c,e({id:r,label:h,name:D,isRequired:f,isChecked:x,isDisabled:b,value:v,onChange:E,type:N,labelProps:{className:O}},I,{className:F})),a.createElement("div",null,a.createElement(p,e({className:M,required:f,htmlFor:r},y),h),k&&a.createElement(s,null,k),m&&a.createElement(u,g,m)))},q=a.forwardRef(y);var x={};f(x,"CheckboxField",(()=>k));const v=({testId:t="cf-ui-checkbox-field",...l},r)=>a.createElement(q,e({testId:t},l,{ref:r,inputType:"checkbox"})),k=a.forwardRef(v);var E={};f(E,"RadioButtonField",(()=>N));const L=({testId:t="cf-ui-radio-button-field",...l},r)=>a.createElement(q,e({testId:t},l,{ref:r,inputType:"radio"})),N=a.forwardRef(L);d(b,h),d(b,g),d(b,x),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.gray900,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.gray500,fontWeight:i.fontWeightNormal,marginLeft:`calc(1rem * (4 / ${i.fontBaseDefault}))`},"")},"(",u,")"))}));var g={};f(g,"ControlledInputField",(()=>q));const y=({id:r,isLabelLight:n=!1,testId:d="cf-ui-controlled-input-field",isRequired:f,helpText:m,isDisabled:b,label:h,helpTextProps:g,formLabelProps:y,className:q,isChecked:x=!1,value:v,validationMessage:k,onChange:E,children:L,inputType:N="checkbox",inputProps:I,name:D,...R},T)=>{const W={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},"")},C=t({[W.rootOrLabelDisabled]:b},q),F=t(W.input,null==I?void 0:I.className),M=t(W.label,{[W.labelLight]:n,[W.rootOrLabelDisabled]:b}),O=t({[W.rootOrLabelDisabled]:b});return a.createElement(o,e({as:"div",display:"inline-flex",ref:T,testId:d},R,{className:C}),a.createElement(c,e({id:r,label:h,name:D,isRequired:f,isChecked:x,isDisabled:b,value:v,onChange:E,type:N,labelProps:{className:O}},I,{className:F})),a.createElement("div",null,a.createElement(p,e({className:M,required:f,htmlFor:r},y),h),k&&a.createElement(s,null,k),m&&a.createElement(u,g,m)))},q=a.forwardRef(y);var x={};f(x,"CheckboxField",(()=>k));const v=({testId:t="cf-ui-checkbox-field",...l},r)=>a.createElement(q,e({testId:t},l,{ref:r,inputType:"checkbox"})),k=a.forwardRef(v);var E={};f(E,"RadioButtonField",(()=>N));const L=({testId:t="cf-ui-radio-button-field",...l},r)=>a.createElement(q,e({testId:t},l,{ref:r,inputType:"radio"})),N=a.forwardRef(L);d(b,h),d(b,g),d(b,x),d(b,E),d(module.exports,b);
//# sourceMappingURL=main.js.map

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

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

@@ -10,8 +10,8 @@ "scripts": {

"@babel/runtime": "^7.6.2",
"@contentful/f36-components": "4.0.1-next-v4-6330.2234+82fc9a50",
"@contentful/f36-core": "4.0.1-next-v4-6330.2234+82fc9a50",
"@contentful/f36-helptext": "4.0.1-next-v4-6330.2234+82fc9a50",
"@contentful/f36-inputs": "4.0.1-next-v4-6330.2234+82fc9a50",
"@contentful/f36-tokens": "4.0.1-next-v4-6330.2234+82fc9a50",
"@contentful/f36-validation-message": "4.0.1-next-v4-6330.2234+82fc9a50",
"@contentful/f36-components": "4.0.1-next-v4-6381.2242+321e9349",
"@contentful/f36-core": "4.0.1-next-v4-6381.2242+321e9349",
"@contentful/f36-helptext": "4.0.1-next-v4-6381.2242+321e9349",
"@contentful/f36-inputs": "4.0.1-next-v4-6381.2242+321e9349",
"@contentful/f36-tokens": "4.0.1-next-v4-6381.2242+321e9349",
"@contentful/f36-validation-message": "4.0.1-next-v4-6381.2242+321e9349",
"emotion": "^10.0.17"

@@ -41,3 +41,3 @@ },

},
"gitHead": "82fc9a50a968ded4d1d5365e0c49f2eb83715710"
"gitHead": "321e93492bc3c4bd0e59402fb94012c266848f13"
}
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