@k8slens/lds-form 0.9.0 → 0.9.1

package/lib/cjs/FormSwitchGroup/FormSwitchGroup.js

@@ -0,0 +1 @@
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react"),s=require("clsx"),a=require("../FormField/FormField.js"),l=require("../common/useFieldIds.js"),t=require("../common/useInputErrorProps.js"),i=require("./FormSwitchGroup.module.css.js"),o=require("../node_modules/@k8slens/lds/lib/es/Switch/Switch.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(r),d=n(s);module.exports=function(s){var n=s.id,c=s.label,p=s.wrapperProps,m=s.labelProps;s.validate;var _=s.errorProps,f=s.values,b=s.onChange;s.type;var v=s.errors,h=e.__rest(s,["id","label","wrapperProps","labelProps","validate","errorProps","values","onChange","type","errors"]),g=l.useFieldIds(n),P=g.id,q=g.labelId,F=g.errorId,I=t.useInputErrorProps({id:F,errors:v}),j=r.useCallback((function(r,s){var a=f.map((function(a){return a.id===r?e.__assign(e.__assign({},a),{checked:s}):a}));b(a)}),[f,b]);return u.default.createElement(a,e.__assign({id:P,label:c,labelId:q,errorId:F,errors:v,labelProps:m,errorProps:e.__assign(e.__assign({},I),{className:d.default(i.error,null==_?void 0:_.className)})},p),f.map((function(r){var s=r.id,a=r.label,l=r.checked,t=r.description;return u.default.createElement(u.default.Fragment,null,u.default.createElement(o.Switch,e.__assign({key:s,id:s,checked:l,onChange:function(e){return j(s,e)}},h,{className:d.default(h.className,i.switch)}),a),t&&u.default.createElement("p",{className:i.description},t))})))};

package/lib/cjs/FormSwitchGroup/FormSwitchGroup.module.css.js

@@ -0,0 +1 @@
+"use strict";module.exports={switch:"lds-form-switch-group--switch",description:"lds-form-switch-group--description",error:"lds-form-switch-group--error"};

package/lib/cjs/components.d.ts

@@ -2,3 +2,4 @@ export { default as FormField } from "./FormField/FormField";
 export { default as FormErrorMessage } from "./FormErrorMessage/FormErrorMessage";
 export { default as FormLabel } from "./FormLabel/FormLabel";
 export { default as FormInput } from "./FormInput/FormInput";
+export { default as FormSwitchGroup } from "./FormSwitchGroup/FormSwitchGroup";

package/lib/cjs/index.css

@@ -1 +1 @@
-:root{--size-form-field-min-block-size:6.5rem;--spacing-form-field-error-padding-inline-start:var(--spacing-base-xs);--spacing-form-field-error-margin-block-end:var(--spacing-base-sm);--spacing-form-field-error-margin-block-start:var(--spacing-base-xs);--spacing-form-field-label-padding-inline-start:var(--spacing-base-xxs);--spacing-form-field-label-margin-block-end:var(--spacing-base-sm);--color-font-form-field-error:var(--alias-color-danger);--color-font-form-field-label:var(--alias-color-text-primary)}.lds-form-label{color:var(--color-font-form-field-label);display:block;font-size:.875rem;font-size:var(--typography-heading-size-h3);font-weight:700;line-height:1.25rem;text-align:left;text-transform:uppercase}.lds-form-label--required-asterisk:after{color:var(--alias-color-text-accent);content:"*";display:inline-block}.lds-form-error-message{color:var(--color-font-form-field-error);display:block;font-size:.75rem;line-height:1rem}.lds-form-error-message>ul{list-style-type:none}.lds-form-field{min-height:var(--size-form-field-min-block-size)}.lds-form-field--label{margin-bottom:var(--spacing-form-field-label-margin-block-end);padding-left:var(--spacing-form-field-label-padding-inline-start)}.lds-form-field--error{margin-bottom:var(--spacing-form-field-error-margin-block-end);margin-top:var(--spacing-form-field-error-margin-block-start);padding-left:var(--spacing-form-field-error-padding-inline-start)}
+:root{--size-form-field-min-block-size:6.5rem;--spacing-form-field-error-padding-inline-start:var(--spacing-base-xs);--spacing-form-field-error-margin-block-end:var(--spacing-base-sm);--spacing-form-field-error-margin-block-start:var(--spacing-base-xs);--spacing-form-field-label-padding-inline-start:var(--spacing-base-xxs);--spacing-form-field-label-margin-block-end:var(--spacing-base-sm);--color-font-form-field-error:var(--alias-color-danger);--color-font-form-field-label:var(--alias-color-text-primary)}.lds-form-label{color:var(--color-font-form-field-label);display:block;font-size:.875rem;font-size:var(--typography-heading-size-h3);font-weight:700;line-height:1.25rem;text-align:left;text-transform:uppercase}.lds-form-label--required-asterisk:after{color:var(--alias-color-text-accent);content:"*";display:inline-block}.lds-form-error-message{color:var(--color-font-form-field-error);display:block;font-size:.75rem;line-height:1rem}.lds-form-error-message>ul{list-style-type:none}.lds-form-field{min-height:var(--size-form-field-min-block-size)}.lds-form-field--label{margin-bottom:var(--spacing-form-field-label-margin-block-end);padding-left:var(--spacing-form-field-label-padding-inline-start)}.lds-form-field--error{margin-bottom:var(--spacing-form-field-error-margin-block-end);margin-top:var(--spacing-form-field-error-margin-block-start);padding-left:var(--spacing-form-field-error-padding-inline-start)}.lds-form-switch-group--switch{margin-bottom:var(--spacing-base-md);margin-top:var(--spacing-base-md)}.lds-form-switch-group--description{color:var(--alias-color-text-secondary);margin:0}.lds-form-switch-group--error{margin-top:var(--spacing-base-2xl)}

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./common/useFieldIds.js"),e=require("./common/useInputErrorProps.js"),o=require("./common/useFormComponentData.js"),s=require("./common/usePrevious.js"),u=require("./FormField/FormField.js"),m=require("./FormErrorMessage/FormErrorMessage.js"),t=require("./FormLabel/FormLabel.js"),F=require("./FormInput/FormInput.js"),i={useFieldIds:r.useFieldIds,useInputErrorProps:e.useInputErrorProps,useFormComponentData:o.useFormComponentData,usePrevious:s.usePrevious,defaultErrorParser:o.defaultErrorParser};exports.FormField=u,exports.FormErrorMessage=m,exports.FormLabel=t,exports.FormInput=F,exports.common=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./common/useFieldIds.js"),e=require("./common/useInputErrorProps.js"),o=require("./common/useFormComponentData.js"),s=require("./common/usePrevious.js"),u=require("./FormField/FormField.js"),m=require("./FormErrorMessage/FormErrorMessage.js"),t=require("./FormLabel/FormLabel.js"),F=require("./FormInput/FormInput.js"),i=require("./FormSwitchGroup/FormSwitchGroup.js"),p={useFieldIds:r.useFieldIds,useInputErrorProps:e.useInputErrorProps,useFormComponentData:o.useFormComponentData,usePrevious:s.usePrevious,defaultErrorParser:o.defaultErrorParser};exports.FormField=u,exports.FormErrorMessage=m,exports.FormLabel=t,exports.FormInput=F,exports.FormSwitchGroup=i,exports.common=p;

package/lib/cjs/node_modules/@k8slens/lds/lib/es/Switch/Switch.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),t=require("./Switch.module.css.js"),r=require("react"),a=require("clsx");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(r),n=i(a);exports.Switch=function(r){var a,i=r.children,c=r.disabled,s=r.onChange,d=e.__rest(r,["children","disabled","onChange"]);return l.default.createElement("label",{className:n.default(t.Switch,(a={},a[t.disabled]=c,a)),"data-testid":"switch"},i,l.default.createElement("input",e.__assign({type:"checkbox",role:"switch",disabled:c,onChange:function(e){return null==s?void 0:s(e.target.checked,e)}},d)))};

package/lib/cjs/node_modules/@k8slens/lds/lib/es/Switch/Switch.module.css.js

@@ -0,0 +1 @@
+"use strict";module.exports={Switch:"lds-switch",disabled:"lds-switch--disabled"};

package/lib/es/FormSwitchGroup/FormSwitchGroup.js

@@ -0,0 +1 @@
+import{__rest as r,__assign as e}from"../_virtual/_tslib.js";import o,{useCallback as s}from"react";import a from"clsx";import l from"../FormField/FormField.js";import{useFieldIds as t}from"../common/useFieldIds.js";import{useInputErrorProps as i}from"../common/useInputErrorProps.js";import m from"./FormSwitchGroup.module.css.js";import{Switch as n}from"../node_modules/@k8slens/lds/lib/es/Switch/Switch.js";function c(c){var p=c.id,d=c.label,u=c.wrapperProps,f=c.labelProps;c.validate;var b=c.errorProps,h=c.values,v=c.onChange;c.type;var P=c.errors,w=r(c,["id","label","wrapperProps","labelProps","validate","errorProps","values","onChange","type","errors"]),F=t(p),j=F.id,I=F.labelId,k=F.errorId,E=i({id:k,errors:P}),N=s((function(r,o){var s=h.map((function(s){return s.id===r?e(e({},s),{checked:o}):s}));v(s)}),[h,v]);return o.createElement(l,e({id:j,label:d,labelId:I,errorId:k,errors:P,labelProps:f,errorProps:e(e({},E),{className:a(m.error,null==b?void 0:b.className)})},u),h.map((function(r){var s=r.id,l=r.label,t=r.checked,i=r.description;return o.createElement(o.Fragment,null,o.createElement(n,e({key:s,id:s,checked:t,onChange:function(r){return N(s,r)}},w,{className:a(w.className,m.switch)}),l),i&&o.createElement("p",{className:m.description},i))})))}export{c as default};

package/lib/es/FormSwitchGroup/FormSwitchGroup.module.css.js

@@ -0,0 +1 @@
+var r={switch:"lds-form-switch-group--switch",description:"lds-form-switch-group--description",error:"lds-form-switch-group--error"};export{r as default};

package/lib/es/components.d.ts

@@ -2,3 +2,4 @@ export { default as FormField } from "./FormField/FormField";
 export { default as FormErrorMessage } from "./FormErrorMessage/FormErrorMessage";
 export { default as FormLabel } from "./FormLabel/FormLabel";
 export { default as FormInput } from "./FormInput/FormInput";
+export { default as FormSwitchGroup } from "./FormSwitchGroup/FormSwitchGroup";

package/lib/es/index.css

@@ -1 +1 @@
-:root{--size-form-field-min-block-size:6.5rem;--spacing-form-field-error-padding-inline-start:var(--spacing-base-xs);--spacing-form-field-error-margin-block-end:var(--spacing-base-sm);--spacing-form-field-error-margin-block-start:var(--spacing-base-xs);--spacing-form-field-label-padding-inline-start:var(--spacing-base-xxs);--spacing-form-field-label-margin-block-end:var(--spacing-base-sm);--color-font-form-field-error:var(--alias-color-danger);--color-font-form-field-label:var(--alias-color-text-primary)}.lds-form-label{color:var(--color-font-form-field-label);display:block;font-size:.875rem;font-size:var(--typography-heading-size-h3);font-weight:700;line-height:1.25rem;text-align:left;text-transform:uppercase}.lds-form-label--required-asterisk:after{color:var(--alias-color-text-accent);content:"*";display:inline-block}.lds-form-error-message{color:var(--color-font-form-field-error);display:block;font-size:.75rem;line-height:1rem}.lds-form-error-message>ul{list-style-type:none}.lds-form-field{min-height:var(--size-form-field-min-block-size)}.lds-form-field--label{margin-bottom:var(--spacing-form-field-label-margin-block-end);padding-left:var(--spacing-form-field-label-padding-inline-start)}.lds-form-field--error{margin-bottom:var(--spacing-form-field-error-margin-block-end);margin-top:var(--spacing-form-field-error-margin-block-start);padding-left:var(--spacing-form-field-error-padding-inline-start)}
+:root{--size-form-field-min-block-size:6.5rem;--spacing-form-field-error-padding-inline-start:var(--spacing-base-xs);--spacing-form-field-error-margin-block-end:var(--spacing-base-sm);--spacing-form-field-error-margin-block-start:var(--spacing-base-xs);--spacing-form-field-label-padding-inline-start:var(--spacing-base-xxs);--spacing-form-field-label-margin-block-end:var(--spacing-base-sm);--color-font-form-field-error:var(--alias-color-danger);--color-font-form-field-label:var(--alias-color-text-primary)}.lds-form-label{color:var(--color-font-form-field-label);display:block;font-size:.875rem;font-size:var(--typography-heading-size-h3);font-weight:700;line-height:1.25rem;text-align:left;text-transform:uppercase}.lds-form-label--required-asterisk:after{color:var(--alias-color-text-accent);content:"*";display:inline-block}.lds-form-error-message{color:var(--color-font-form-field-error);display:block;font-size:.75rem;line-height:1rem}.lds-form-error-message>ul{list-style-type:none}.lds-form-field{min-height:var(--size-form-field-min-block-size)}.lds-form-field--label{margin-bottom:var(--spacing-form-field-label-margin-block-end);padding-left:var(--spacing-form-field-label-padding-inline-start)}.lds-form-field--error{margin-bottom:var(--spacing-form-field-error-margin-block-end);margin-top:var(--spacing-form-field-error-margin-block-start);padding-left:var(--spacing-form-field-error-padding-inline-start)}.lds-form-switch-group--switch{margin-bottom:var(--spacing-base-md);margin-top:var(--spacing-base-md)}.lds-form-switch-group--description{color:var(--alias-color-text-secondary);margin:0}.lds-form-switch-group--error{margin-top:var(--spacing-base-2xl)}

package/lib/es/index.js

@@ -1 +1 @@
-import{useFieldIds as r}from"./common/useFieldIds.js";import{useInputErrorProps as o}from"./common/useInputErrorProps.js";import{useFormComponentData as e,defaultErrorParser as m}from"./common/useFormComponentData.js";import{usePrevious as s}from"./common/usePrevious.js";export{default as FormField}from"./FormField/FormField.js";export{default as FormErrorMessage}from"./FormErrorMessage/FormErrorMessage.js";export{default as FormLabel}from"./FormLabel/FormLabel.js";export{default as FormInput}from"./FormInput/FormInput.js";var t={useFieldIds:r,useInputErrorProps:o,useFormComponentData:e,usePrevious:s,defaultErrorParser:m};export{t as common};
+import{useFieldIds as r}from"./common/useFieldIds.js";import{useInputErrorProps as o}from"./common/useInputErrorProps.js";import{useFormComponentData as m,defaultErrorParser as e}from"./common/useFormComponentData.js";import{usePrevious as s}from"./common/usePrevious.js";export{default as FormField}from"./FormField/FormField.js";export{default as FormErrorMessage}from"./FormErrorMessage/FormErrorMessage.js";export{default as FormLabel}from"./FormLabel/FormLabel.js";export{default as FormInput}from"./FormInput/FormInput.js";export{default as FormSwitchGroup}from"./FormSwitchGroup/FormSwitchGroup.js";var t={useFieldIds:r,useInputErrorProps:o,useFormComponentData:m,usePrevious:s,defaultErrorParser:e};export{t as common};

package/lib/es/node_modules/@k8slens/lds/lib/es/Switch/Switch.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as t}from"../_virtual/_tslib.js";import i from"./Switch.module.css.js";import r from"react";import a from"clsx";function s(s){var c,n=s.children,l=s.disabled,o=s.onChange,d=e(s,["children","disabled","onChange"]);return r.createElement("label",{className:a(i.Switch,(c={},c[i.disabled]=l,c)),"data-testid":"switch"},n,r.createElement("input",t({type:"checkbox",role:"switch",disabled:l,onChange:function(e){return null==o?void 0:o(e.target.checked,e)}},d)))}export{s as Switch};

package/lib/es/node_modules/@k8slens/lds/lib/es/Switch/Switch.module.css.js

@@ -0,0 +1 @@
+var d={Switch:"lds-switch",disabled:"lds-switch--disabled"};export{d as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8slens/lds-form",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Lens Design System – React Form components",
   "author": "Mirantis Inc",
   "license": "MIT",
@@ -28,10 +28,10 @@
     "format": "eslint --fix ."
   },
   "dependencies": {
-    "@k8slens/lds": "^0.14.0"
+    "@k8slens/lds": "^0.14.1"
   },
   "devDependencies": {
-    "@k8slens/lds-tokens": "^0.15.0",
+    "@k8slens/lds-tokens": "^0.15.1",
     "@rollup/plugin-node-resolve": "15.0.2",
     "@storybook/react": "6.5.16",
     "@testing-library/react": "14.0.0"
@@ -54,5 +54,5 @@
       "\\.svg": "<rootDir>/../../__mocks__/SVGStub.js"
     }
   },
-  "gitHead": "c7bd4be6712482573c1f13fec7a605417757a104"
+  "gitHead": "6850382ffb066717f2a7e91d83606e072092b7e6"
 }