@volvo-cars/react-forms - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

dist/esm/index.js

@@ -1,2 +0,2 @@
-import*as f from"react";function H({hint:t,id:n,label:a,type:c="text",hidden:m,dir:p,lang:g,translate:x,slot:e,customError:o,validationMessage:i,customErrorMessage:d,badInputMessage:u,patternMismatchMessage:b,rangeOverflowMessage:h,rangeUnderflowMessage:r,stepMismatchMessage:P,tooLongMessage:R,tooShortMessage:C,typeMismatchMessage:y,valueMissingMessage:T,...L}){return f.createElement("validated-input",{class:"flex-col stack-4",hidden:m,dir:p,lang:g,translate:x,slot:e,validationMessage:i,customError:o,customErrorMessage:d,badInputMessage:u,patternMismatchMessage:b,rangeOverflowMessage:h,rangeUnderflowMessage:r,stepMismatchMessage:P,tooLongMessage:R,tooShortMessage:C,typeMismatchMessage:y,valueMissingMessage:T},f.createElement("input",{id:n,placeholder:" ",type:c,...o?{"aria-invalid":!0}:{},...L}),f.createElement("label",{htmlFor:n},a),f.createElement("p",{className:"micro text-feedback-red empty:hidden",role:"alert"},o?d:null),t&&f.createElement("p",{className:"micro text-secondary"},t))}import*as v from"react";import*as k from"react";function M(){k.useEffect(()=>{import("@volvo-cars/web-aria-components/dist/validated-input.js").then(({ValidatedInput:t})=>{customElements.get("validated-input")||customElements.define("validated-input",t)})},[])}function E({label:t,id:n,hint:a,hidden:c,dir:m,lang:p,translate:g,slot:x,customError:e,validationMessage:o,customErrorMessage:i,valueMissingMessage:d,...u}){return M(),v.createElement("validated-input",{class:"flex-row",hidden:c,validationMessage:o,customError:e,customErrorMessage:i,valueMissingMessage:d,dir:m,lang:p,translate:g,slot:x},v.createElement("input",{type:"checkbox",id:n,...e?{"aria-invalid":!0}:{},...u}),v.createElement("div",{className:"flex-col stack-4 ml-8"},v.createElement("label",{htmlFor:n},t),v.createElement("p",{className:"micro text-feedback-red empty:hidden",role:"alert"},e?i:null),a&&v.createElement("p",{className:"micro text-secondary"},a)))}import*as l from"react";import*as s from"react";function B({legend:t,id:n,hint:a,name:c,children:m,required:p,defaultValue:g,value:x,hidden:e,dir:o,lang:i,translate:d,slot:u,onChange:b,validationMessage:h,customError:r,customErrorMessage:P,valueMissingMessage:R,...C}){return M(),s.createElement("fieldset",{...C,hidden:e,dir:o,lang:i,translate:d,slot:u,role:"radiogroup",...r?{"aria-invalid":!0}:{},...p?{"aria-required":!0}:{}},s.createElement("legend",{className:"mb-4"},t),a&&s.createElement("p",{className:"micro text-secondary mb-16"},a),s.createElement("validated-input",{class:"block stack-8",hidden:e,validationMessage:h,customError:r,customErrorMessage:P,valueMissingMessage:R},s.createElement(I.Provider,{value:{name:c,required:p,value:x,defaultValue:g,onChange:b,...r?{"aria-invalid":!0}:{}}},s.createElement("p",{className:"micro text-feedback-red mb-16 empty:hidden",role:"alert"},r?P:null),m)))}var I=s.createContext({});function G({label:t,id:n,hint:a,hidden:c,dir:m,lang:p,translate:g,slot:x,value:e,...o}){let{name:i=o.name,onChange:d=o.onChange,value:u,defaultValue:b,...h}=l.useContext(I),r={};return typeof u<"u"?r.checked=e===u:typeof b<"u"&&e===b&&(r.defaultChecked=!0),l.createElement("div",{className:"flex-row",hidden:c,dir:m,lang:p,translate:g,slot:x},l.createElement("input",{type:"radio",id:n,...r,...o,...h,onChange:d,value:e,name:i}),a?l.createElement("div",{className:"flex-col stack-4 ml-8"},l.createElement("label",{htmlFor:n},t),a&&l.createElement("p",{className:"micro text-secondary"},a)):l.createElement("label",{htmlFor:n,className:"ml-8"},t))}export{E as Checkbox,G as Radio,B as RadioGroup,H as TextInput};
+import*as v from"react";function H({hint:t,id:n,label:a,type:c="text",hidden:m,dir:p,lang:g,translate:x,slot:e,customError:o,validationMessage:i,customErrorMessage:d,badInputMessage:u,patternMismatchMessage:f,rangeOverflowMessage:h,rangeUnderflowMessage:r,stepMismatchMessage:P,tooLongMessage:R,tooShortMessage:C,typeMismatchMessage:y,valueMissingMessage:T,...L}){return v.createElement("validated-input",{class:"flex-col v-input-floating-label",hidden:m,dir:p,lang:g,translate:x,slot:e,validationMessage:i,customError:o,customErrorMessage:d,badInputMessage:u,patternMismatchMessage:f,rangeOverflowMessage:h,rangeUnderflowMessage:r,stepMismatchMessage:P,tooLongMessage:R,tooShortMessage:C,typeMismatchMessage:y,valueMissingMessage:T},v.createElement("input",{id:n,placeholder:" ",type:c,...o?{"aria-invalid":!0}:{},...L}),v.createElement("label",{htmlFor:n},a),v.createElement("div",{className:"mt-4 stack-4 empty:hidden"},v.createElement("p",{className:"micro text-feedback-red empty:hidden",role:"alert"},o?d:null),t&&v.createElement("p",{className:"micro text-secondary"},t)))}import*as b from"react";import*as k from"react";function M(){k.useEffect(()=>{import("@volvo-cars/web-aria-components/dist/validated-input.js").then(({ValidatedInput:t})=>{customElements.get("validated-input")||customElements.define("validated-input",t)})},[])}function E({label:t,id:n,hint:a,hidden:c,dir:m,lang:p,translate:g,slot:x,customError:e,validationMessage:o,customErrorMessage:i,valueMissingMessage:d,...u}){return M(),b.createElement("validated-input",{class:"flex-row",hidden:c,validationMessage:o,customError:e,customErrorMessage:i,valueMissingMessage:d,dir:m,lang:p,translate:g,slot:x},b.createElement("input",{type:"checkbox",id:n,...e?{"aria-invalid":!0}:{},...u}),b.createElement("div",{className:"flex-col stack-4 ml-8"},b.createElement("label",{htmlFor:n},t),b.createElement("p",{className:"micro text-feedback-red empty:hidden",role:"alert"},e?i:null),a&&b.createElement("p",{className:"micro text-secondary"},a)))}import*as l from"react";import*as s from"react";function B({legend:t,id:n,hint:a,name:c,children:m,required:p,defaultValue:g,value:x,hidden:e,dir:o,lang:i,translate:d,slot:u,onChange:f,validationMessage:h,customError:r,customErrorMessage:P,valueMissingMessage:R,...C}){return M(),s.createElement("fieldset",{...C,hidden:e,dir:o,lang:i,translate:d,slot:u,role:"radiogroup",...r?{"aria-invalid":!0}:{},...p?{"aria-required":!0}:{}},s.createElement("legend",{className:"mb-4"},t),a&&s.createElement("p",{className:"micro text-secondary mb-16"},a),s.createElement("validated-input",{class:"block stack-8",hidden:e,validationMessage:h,customError:r,customErrorMessage:P,valueMissingMessage:R},s.createElement(I.Provider,{value:{name:c,required:p,value:x,defaultValue:g,onChange:f,...r?{"aria-invalid":!0}:{}}},s.createElement("p",{className:"micro text-feedback-red mb-16 empty:hidden",role:"alert"},r?P:null),m)))}var I=s.createContext({});function G({label:t,id:n,hint:a,hidden:c,dir:m,lang:p,translate:g,slot:x,value:e,...o}){let{name:i=o.name,onChange:d=o.onChange,value:u,defaultValue:f,...h}=l.useContext(I),r={};return typeof u<"u"?r.checked=e===u:typeof f<"u"&&e===f&&(r.defaultChecked=!0),l.createElement("div",{className:"flex-row",hidden:c,dir:m,lang:p,translate:g,slot:x},l.createElement("input",{type:"radio",id:n,...r,...o,...h,onChange:d,value:e,name:i}),a?l.createElement("div",{className:"flex-col stack-4 ml-8"},l.createElement("label",{htmlFor:n},t),a&&l.createElement("p",{className:"micro text-secondary"},a)):l.createElement("label",{htmlFor:n,className:"ml-8"},t))}export{E as Checkbox,G as Radio,B as RadioGroup,H as TextInput};
 //# sourceMappingURL=index.js.map

dist/index.js

@@ -1,2 +0,2 @@
-var U=Object.create;var R=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var D=(e,t)=>{for(var a in t)R(e,a,{get:t[a],enumerable:!0})},T=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of A(t))!q.call(e,o)&&o!==a&&R(e,o,{get:()=>t[o],enumerable:!(s=w(t,o))||s.enumerable});return e};var f=(e,t,a)=>(a=e!=null?U(S(e)):{},T(t||!e||!e.__esModule?R(a,"default",{value:e,enumerable:!0}):a,e)),O=e=>T(R({},"__esModule",{value:!0}),e);var W={};D(W,{Checkbox:()=>E,Radio:()=>G,RadioGroup:()=>B,TextInput:()=>L});module.exports=O(W);var h=f(require("react"));function L({hint:e,id:t,label:a,type:s="text",hidden:o,dir:d,lang:g,translate:x,slot:n,customError:r,validationMessage:u,customErrorMessage:c,badInputMessage:m,patternMismatchMessage:b,rangeOverflowMessage:P,rangeUnderflowMessage:l,stepMismatchMessage:M,tooLongMessage:I,tooShortMessage:k,typeMismatchMessage:N,valueMissingMessage:V,...F}){return h.createElement("validated-input",{class:"flex-col stack-4",hidden:o,dir:d,lang:g,translate:x,slot:n,validationMessage:u,customError:r,customErrorMessage:c,badInputMessage:m,patternMismatchMessage:b,rangeOverflowMessage:P,rangeUnderflowMessage:l,stepMismatchMessage:M,tooLongMessage:I,tooShortMessage:k,typeMismatchMessage:N,valueMissingMessage:V},h.createElement("input",{id:t,placeholder:" ",type:s,...r?{"aria-invalid":!0}:{},...F}),h.createElement("label",{htmlFor:t},a),h.createElement("p",{className:"micro text-feedback-red empty:hidden",role:"alert"},r?c:null),e&&h.createElement("p",{className:"micro text-secondary"},e))}var v=f(require("react"));var H=f(require("react"));function C(){H.useEffect(()=>{import("@volvo-cars/web-aria-components/dist/validated-input.js").then(({ValidatedInput:e})=>{customElements.get("validated-input")||customElements.define("validated-input",e)})},[])}function E({label:e,id:t,hint:a,hidden:s,dir:o,lang:d,translate:g,slot:x,customError:n,validationMessage:r,customErrorMessage:u,valueMissingMessage:c,...m}){return C(),v.createElement("validated-input",{class:"flex-row",hidden:s,validationMessage:r,customError:n,customErrorMessage:u,valueMissingMessage:c,dir:o,lang:d,translate:g,slot:x},v.createElement("input",{type:"checkbox",id:t,...n?{"aria-invalid":!0}:{},...m}),v.createElement("div",{className:"flex-col stack-4 ml-8"},v.createElement("label",{htmlFor:t},e),v.createElement("p",{className:"micro text-feedback-red empty:hidden",role:"alert"},n?u:null),a&&v.createElement("p",{className:"micro text-secondary"},a)))}var i=f(require("react"));var p=f(require("react"));function B({legend:e,id:t,hint:a,name:s,children:o,required:d,defaultValue:g,value:x,hidden:n,dir:r,lang:u,translate:c,slot:m,onChange:b,validationMessage:P,customError:l,customErrorMessage:M,valueMissingMessage:I,...k}){return C(),p.createElement("fieldset",{...k,hidden:n,dir:r,lang:u,translate:c,slot:m,role:"radiogroup",...l?{"aria-invalid":!0}:{},...d?{"aria-required":!0}:{}},p.createElement("legend",{className:"mb-4"},e),a&&p.createElement("p",{className:"micro text-secondary mb-16"},a),p.createElement("validated-input",{class:"block stack-8",hidden:n,validationMessage:P,customError:l,customErrorMessage:M,valueMissingMessage:I},p.createElement(y.Provider,{value:{name:s,required:d,value:x,defaultValue:g,onChange:b,...l?{"aria-invalid":!0}:{}}},p.createElement("p",{className:"micro text-feedback-red mb-16 empty:hidden",role:"alert"},l?M:null),o)))}var y=p.createContext({});function G({label:e,id:t,hint:a,hidden:s,dir:o,lang:d,translate:g,slot:x,value:n,...r}){let{name:u=r.name,onChange:c=r.onChange,value:m,defaultValue:b,...P}=i.useContext(y),l={};return typeof m<"u"?l.checked=n===m:typeof b<"u"&&n===b&&(l.defaultChecked=!0),i.createElement("div",{className:"flex-row",hidden:s,dir:o,lang:d,translate:g,slot:x},i.createElement("input",{type:"radio",id:t,...l,...r,...P,onChange:c,value:n,name:u}),a?i.createElement("div",{className:"flex-col stack-4 ml-8"},i.createElement("label",{htmlFor:t},e),a&&i.createElement("p",{className:"micro text-secondary"},a)):i.createElement("label",{htmlFor:t,className:"ml-8"},e))}0&&(module.exports={Checkbox,Radio,RadioGroup,TextInput});
+var U=Object.create;var R=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var D=(e,t)=>{for(var a in t)R(e,a,{get:t[a],enumerable:!0})},T=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of A(t))!q.call(e,o)&&o!==a&&R(e,o,{get:()=>t[o],enumerable:!(s=w(t,o))||s.enumerable});return e};var h=(e,t,a)=>(a=e!=null?U(S(e)):{},T(t||!e||!e.__esModule?R(a,"default",{value:e,enumerable:!0}):a,e)),O=e=>T(R({},"__esModule",{value:!0}),e);var W={};D(W,{Checkbox:()=>E,Radio:()=>G,RadioGroup:()=>B,TextInput:()=>L});module.exports=O(W);var v=h(require("react"));function L({hint:e,id:t,label:a,type:s="text",hidden:o,dir:d,lang:g,translate:x,slot:n,customError:r,validationMessage:u,customErrorMessage:c,badInputMessage:m,patternMismatchMessage:f,rangeOverflowMessage:P,rangeUnderflowMessage:l,stepMismatchMessage:M,tooLongMessage:I,tooShortMessage:k,typeMismatchMessage:N,valueMissingMessage:V,...F}){return v.createElement("validated-input",{class:"flex-col v-input-floating-label",hidden:o,dir:d,lang:g,translate:x,slot:n,validationMessage:u,customError:r,customErrorMessage:c,badInputMessage:m,patternMismatchMessage:f,rangeOverflowMessage:P,rangeUnderflowMessage:l,stepMismatchMessage:M,tooLongMessage:I,tooShortMessage:k,typeMismatchMessage:N,valueMissingMessage:V},v.createElement("input",{id:t,placeholder:" ",type:s,...r?{"aria-invalid":!0}:{},...F}),v.createElement("label",{htmlFor:t},a),v.createElement("div",{className:"mt-4 stack-4 empty:hidden"},v.createElement("p",{className:"micro text-feedback-red empty:hidden",role:"alert"},r?c:null),e&&v.createElement("p",{className:"micro text-secondary"},e)))}var b=h(require("react"));var H=h(require("react"));function C(){H.useEffect(()=>{import("@volvo-cars/web-aria-components/dist/validated-input.js").then(({ValidatedInput:e})=>{customElements.get("validated-input")||customElements.define("validated-input",e)})},[])}function E({label:e,id:t,hint:a,hidden:s,dir:o,lang:d,translate:g,slot:x,customError:n,validationMessage:r,customErrorMessage:u,valueMissingMessage:c,...m}){return C(),b.createElement("validated-input",{class:"flex-row",hidden:s,validationMessage:r,customError:n,customErrorMessage:u,valueMissingMessage:c,dir:o,lang:d,translate:g,slot:x},b.createElement("input",{type:"checkbox",id:t,...n?{"aria-invalid":!0}:{},...m}),b.createElement("div",{className:"flex-col stack-4 ml-8"},b.createElement("label",{htmlFor:t},e),b.createElement("p",{className:"micro text-feedback-red empty:hidden",role:"alert"},n?u:null),a&&b.createElement("p",{className:"micro text-secondary"},a)))}var i=h(require("react"));var p=h(require("react"));function B({legend:e,id:t,hint:a,name:s,children:o,required:d,defaultValue:g,value:x,hidden:n,dir:r,lang:u,translate:c,slot:m,onChange:f,validationMessage:P,customError:l,customErrorMessage:M,valueMissingMessage:I,...k}){return C(),p.createElement("fieldset",{...k,hidden:n,dir:r,lang:u,translate:c,slot:m,role:"radiogroup",...l?{"aria-invalid":!0}:{},...d?{"aria-required":!0}:{}},p.createElement("legend",{className:"mb-4"},e),a&&p.createElement("p",{className:"micro text-secondary mb-16"},a),p.createElement("validated-input",{class:"block stack-8",hidden:n,validationMessage:P,customError:l,customErrorMessage:M,valueMissingMessage:I},p.createElement(y.Provider,{value:{name:s,required:d,value:x,defaultValue:g,onChange:f,...l?{"aria-invalid":!0}:{}}},p.createElement("p",{className:"micro text-feedback-red mb-16 empty:hidden",role:"alert"},l?M:null),o)))}var y=p.createContext({});function G({label:e,id:t,hint:a,hidden:s,dir:o,lang:d,translate:g,slot:x,value:n,...r}){let{name:u=r.name,onChange:c=r.onChange,value:m,defaultValue:f,...P}=i.useContext(y),l={};return typeof m<"u"?l.checked=n===m:typeof f<"u"&&n===f&&(l.defaultChecked=!0),i.createElement("div",{className:"flex-row",hidden:s,dir:o,lang:d,translate:g,slot:x},i.createElement("input",{type:"radio",id:t,...l,...r,...P,onChange:c,value:n,name:u}),a?i.createElement("div",{className:"flex-col stack-4 ml-8"},i.createElement("label",{htmlFor:t},e),a&&i.createElement("p",{className:"micro text-secondary"},a)):i.createElement("label",{htmlFor:t,className:"ml-8"},e))}0&&(module.exports={Checkbox,Radio,RadioGroup,TextInput});
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@volvo-cars/react-forms",
   "description": "React form components",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "license": "UNLICENSED",
@@ -42,3 +42,3 @@ "sideEffects": false,
     "react": "18.2.0",
-    "tsup": "6.6.2",
+    "tsup": "6.6.3",
     "typescript": "4.9.5"
@@ -45,0 +45,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

69011

increased by0.57%

Lines of code

460

increased by0.22%

No dependency changes