@k8slens/lds-form 0.38.2 → 0.39.0

package/lib/cjs/FormSwitchGroup/FormSwitchGroup.js

@@ -1 +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,[r])}),[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(s){var a=s.id,l=s.label,t=s.checked,n=s.description;return u.default.createElement(r.Fragment,{key:a},u.default.createElement(o.Switch,e.__assign({key:a,id:a,checked:t,onChange:function(e){return j(a,e)}},h,{className:d.default(h.className,i.switch)}),l),n&&u.default.createElement("p",{className:i.description},n))})))};
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react"),a=require("clsx"),s=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),c=n(a);module.exports=function(a){var n=a.id,d=a.label,p=a.wrapperProps,m=a.labelProps;a.validate;var _=a.errorProps,f=a.values,b=a.onChange;a.type;var v=a.errors,g=e.__rest(a,["id","label","wrapperProps","labelProps","validate","errorProps","values","onChange","type","errors"]),h=l.useFieldIds(n),N=h.id,P=h.labelId,w=h.errorId,q=t.useInputErrorProps({id:w,errors:v}),E=r.useCallback((function(r,a){var s=f.map((function(s){return s.id===r?e.__assign(e.__assign({},s),{checked:a}):s}));b(s,[r])}),[f,b]);return u.default.createElement(s,e.__assign({id:N,className:i.formSwitchGroup,label:d,labelId:P,errorId:w,errors:v,labelProps:e.__assign(e.__assign({},m),{className:c.default(i.groupLabel,null==m?void 0:m.className)}),errorProps:e.__assign(e.__assign({},q),{className:c.default(i.error,null==_?void 0:_.className)})},p),f.map((function(a){var s=a.id,l=a.label,t=a.checked,n=a.description;return u.default.createElement(r.Fragment,{key:s},u.default.createElement(o.Switch,e.__assign({key:s,id:s,checked:t,onChange:function(e){return E(s,e)}},g,{className:c.default(g.className,i.switch)}),u.default.createElement("span",{className:i.labelWrapper},u.default.createElement("span",{className:i.switchLabel},l),n&&u.default.createElement("p",{className:i.description},n))))})))};

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

@@ -1 +1 @@
-"use strict";module.exports={switch:"lds-form-switch-group--switch",description:"lds-form-switch-group--description",error:"lds-form-switch-group--error"};
+"use strict";module.exports={formSwitchGroup:"lds-form-switch-group",groupLabel:"lds-form-switch-group--group-label",labelWrapper:"lds-form-switch-group--label-wrapper",switchLabel:"lds-form-switch-group--switch-label",description:"lds-form-switch-group--description"};

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-xs);--spacing-form-field-error-margin-block-end:var(--spacing-sm);--spacing-form-field-error-margin-block-start:var(--spacing-xs);--spacing-form-field-label-padding-inline-start:var(--spacing-xxs);--spacing-form-field-label-margin-block-end:var(--spacing-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:var(--typography-size-sm);font-size:var(--typography-heading-size-h3);font-weight:700;line-height:var(--typography-line-height-sm);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:var(--typography-size-xs);line-height:var(--typography-line-height-xs);line-height:1rem}.lds-form-error-message>ul{list-style-type:none;padding-left:0}.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{font-weight:600;margin-bottom:var(--spacing-md);margin-left:var(--spacing-xs);margin-top:var(--spacing-md)}.lds-form-switch-group--description{color:var(--alias-color-text-tertiary);margin:0;margin-left:var(--spacing-xs)}.lds-form-switch-group--error{margin-top:var(--spacing-2xl)}
+:root{--size-form-field-min-block-size:6.5rem;--spacing-form-switch-group-description-margin-inline-start:var(--spacing-xxs);--spacing-form-switch-group-label-margin-block-end:var(--spacing-md);--spacing-form-switch-group-label-margin-inline-start:var(--spacing-xxs);--spacing-form-switch-group-switch-gap:var(--spacing-xl);--spacing-form-switch-group-switch-margin-block-end:var(--spacing-xl);--spacing-form-switch-group-heading-margin-block-end:var(--spacing-xl);--spacing-form-field-error-padding-inline-start:var(--spacing-xs);--spacing-form-field-error-margin-block-end:var(--spacing-sm);--spacing-form-field-error-margin-block-start:var(--spacing-xs);--spacing-form-field-label-padding-inline-start:var(--spacing-xxs);--spacing-form-field-label-margin-block-end:var(--spacing-sm);--color-font-form-switch-group-heading:var(--alias-color-text-accent);--color-font-form-switch-group-description:var(--alias-color-text-tertiary);--color-font-form-switch-group-label:var(--alias-color-text-primary);--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:var(--typography-size-sm);font-size:var(--typography-heading-size-h3);font-weight:700;line-height:var(--typography-line-height-sm);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:var(--typography-size-xs);line-height:var(--typography-line-height-xs);line-height:1rem}.lds-form-error-message>ul{list-style-type:none;padding-left:0}.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 .lds-form-switch-group--group-label{color:var(--color-font-form-switch-group-heading);font-size:var(--typography-heading-size-h3);font-weight:700;line-height:var(--typography-heading-line-height-h3);margin-bottom:var(--spacing-form-switch-group-heading-margin-block-end);text-transform:none}.lds-form-switch-group--label-wrapper{display:flex;flex-direction:column;margin-bottom:var(--spacing-form-switch-group-switch-margin-block-end)}.lds-form-switch-group--switch-label{color:var(--color-font-form-switch-group-label);font-size:var(--typography-heading-size-h4);font-weight:700;line-height:var(--typography-heading-line-height-h4);margin-bottom:var(--spacing-form-switch-group-label-margin-block-end);margin-left:var(--spacing-form-switch-group-label-margin-inline-start);text-transform:uppercase}.lds-form-switch-group label{gap:var(--spacing-form-switch-group-switch-gap)}.lds-form-switch-group input{align-self:flex-start}.lds-form-switch-group--description{color:var(--color-font-form-switch-group-description);font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm);margin:0;margin-left:var(--spacing-form-switch-group-description-margin-inline-start)}

package/lib/es/FormSwitchGroup/FormSwitchGroup.js

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

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

@@ -1 +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};
+var r={formSwitchGroup:"lds-form-switch-group",groupLabel:"lds-form-switch-group--group-label",labelWrapper:"lds-form-switch-group--label-wrapper",switchLabel:"lds-form-switch-group--switch-label",description:"lds-form-switch-group--description"};export{r as default};

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-xs);--spacing-form-field-error-margin-block-end:var(--spacing-sm);--spacing-form-field-error-margin-block-start:var(--spacing-xs);--spacing-form-field-label-padding-inline-start:var(--spacing-xxs);--spacing-form-field-label-margin-block-end:var(--spacing-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:var(--typography-size-sm);font-size:var(--typography-heading-size-h3);font-weight:700;line-height:var(--typography-line-height-sm);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:var(--typography-size-xs);line-height:var(--typography-line-height-xs);line-height:1rem}.lds-form-error-message>ul{list-style-type:none;padding-left:0}.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{font-weight:600;margin-bottom:var(--spacing-md);margin-left:var(--spacing-xs);margin-top:var(--spacing-md)}.lds-form-switch-group--description{color:var(--alias-color-text-tertiary);margin:0;margin-left:var(--spacing-xs)}.lds-form-switch-group--error{margin-top:var(--spacing-2xl)}
+:root{--size-form-field-min-block-size:6.5rem;--spacing-form-switch-group-description-margin-inline-start:var(--spacing-xxs);--spacing-form-switch-group-label-margin-block-end:var(--spacing-md);--spacing-form-switch-group-label-margin-inline-start:var(--spacing-xxs);--spacing-form-switch-group-switch-gap:var(--spacing-xl);--spacing-form-switch-group-switch-margin-block-end:var(--spacing-xl);--spacing-form-switch-group-heading-margin-block-end:var(--spacing-xl);--spacing-form-field-error-padding-inline-start:var(--spacing-xs);--spacing-form-field-error-margin-block-end:var(--spacing-sm);--spacing-form-field-error-margin-block-start:var(--spacing-xs);--spacing-form-field-label-padding-inline-start:var(--spacing-xxs);--spacing-form-field-label-margin-block-end:var(--spacing-sm);--color-font-form-switch-group-heading:var(--alias-color-text-accent);--color-font-form-switch-group-description:var(--alias-color-text-tertiary);--color-font-form-switch-group-label:var(--alias-color-text-primary);--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:var(--typography-size-sm);font-size:var(--typography-heading-size-h3);font-weight:700;line-height:var(--typography-line-height-sm);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:var(--typography-size-xs);line-height:var(--typography-line-height-xs);line-height:1rem}.lds-form-error-message>ul{list-style-type:none;padding-left:0}.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 .lds-form-switch-group--group-label{color:var(--color-font-form-switch-group-heading);font-size:var(--typography-heading-size-h3);font-weight:700;line-height:var(--typography-heading-line-height-h3);margin-bottom:var(--spacing-form-switch-group-heading-margin-block-end);text-transform:none}.lds-form-switch-group--label-wrapper{display:flex;flex-direction:column;margin-bottom:var(--spacing-form-switch-group-switch-margin-block-end)}.lds-form-switch-group--switch-label{color:var(--color-font-form-switch-group-label);font-size:var(--typography-heading-size-h4);font-weight:700;line-height:var(--typography-heading-line-height-h4);margin-bottom:var(--spacing-form-switch-group-label-margin-block-end);margin-left:var(--spacing-form-switch-group-label-margin-inline-start);text-transform:uppercase}.lds-form-switch-group label{gap:var(--spacing-form-switch-group-switch-gap)}.lds-form-switch-group input{align-self:flex-start}.lds-form-switch-group--description{color:var(--color-font-form-switch-group-description);font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm);margin:0;margin-left:var(--spacing-form-switch-group-description-margin-inline-start)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8slens/lds-form",
-  "version": "0.38.2",
+  "version": "0.39.0",
   "description": "Lens Design System – React Form components",
   "author": "Mirantis Inc",
   "license": "MIT",
@@ -28,10 +28,10 @@
     "format": "eslint --fix ."
   },
   "dependencies": {
-    "@k8slens/lds": "^0.43.2"
+    "@k8slens/lds": "^0.44.0"
   },
   "devDependencies": {
-    "@k8slens/lds-tokens": "^0.44.2",
+    "@k8slens/lds-tokens": "^0.45.0",
     "@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": "71d19ebe0a70dec2eebab9e85defbad37e10df34"
+  "gitHead": "93855584482cdf3301a19d739d7442f45f90b4ce"
 }