@prom-ui/core 2.5.0 → 3.0.0

package/InputField/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("@prom-ui/core/Input"),a=require("@prom-ui/core/useForwardRef"),u=require("@babel/runtime/helpers/taggedTemplateLiteral"),o=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),l=require("@prom-ui/core/BodyProvider"),c=require("@prom-ui/icons/EyeOpen"),s=require("@prom-ui/icons/EyeClose"),f=require("@prom-ui/core/Spinner"),p=require("@prom-ui/icons/Ok"),v=require("@prom-ui/icons/Cancel");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var b,_,g,y=m(e),q=m(t),E=m(n),w=h(r),B=m(u),I=function(e){var t=e.inputType,n=e.onChange,r=l.useBodyStoreTTag().t;return"text"===t?w.createElement(o.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return n("password")},title:r(b||(b=B.default(["Скрыть пароль"]))),tabIndex:-1,"data-qaid":"input_field_hide_password","data-testid":"input_field_hide_password"},w.createElement(d.Icon,{"icon-as":c.SvgEyeOpen,"icon-color":"black-700","icon-events":"none",style:{width:16,height:16}})):w.createElement(o.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return n("text")},title:r(_||(_=B.default(["Показать пароль"]))),tabIndex:-1,"data-qaid":"input_field_show_password","data-testid":"input_field_show_password"},w.createElement(d.Icon,{"icon-as":s.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},O=function(){return w.createElement(f.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},T=function(){return w.createElement(d.Icon,{"icon-as":p.SvgOk,"icon-color":"green-800","icon-events":"none","data-qaid":"input_field_correct_value","data-testid":"input_field_correct_value",style:{width:16,height:16}})},x=function(e){var t=l.useBodyStoreTTag().t;return w.createElement(o.Button,y.default({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:t(g||(g=B.default(["Очистить"]))),tabIndex:-1,"data-qaid":"input_field_clear_value","data-testid":"input_field_clear_value"},e),w.createElement(d.Icon,{"icon-as":v.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},C="UnXum",j="_1Wl0O",N="-TbcG cUXq3",S="QmiGS cUXq3",k="_7Fcq2",F="uV711",A="cxqrg",R=function(e){var t=e.id,n=e.children;return w.createElement("div",{id:t,className:k,"data-qaid":"input_field_error","data-testid":"input_field_error"},n)};function P(e,t,n,r){if(n){var i=t;if("click"===t.type){var a=e.cloneNode(!0);return i=Object.create(t,{target:{value:a},currentTarget:{value:a}}),a.value="",void n(i)}if(void 0!==r)return i=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=r,void n(i);n(i)}}function W(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var L=["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error","label","isLabelRequired"],V=w.forwardRef((function(e,t){var n=e.addonBefore,r=e.addonAfter,u=e.addonBeforeWidth,o=void 0===u?40:u,d=e.addonAfterWidth,l=void 0===d?40:d,c=e.error,s=void 0!==c&&c,f=e.label,p=e.isLabelRequired,v=E.default(e,L),m=w.useId(),h=w.useRef(!1),b=w.useRef(!1),_=w.useRef(!1),g=a.useForwardRef(t,null),B=w.useState(v.type),k=q.default(B,2),V=k[0],M=k[1],U=w.useState(W(v.value||v.defaultValue)),X=q.default(U,2),G=X[0],z=X[1];w.useEffect((function(){if(h.current){var e=W(v.value);e!==G&&z(e)}else h.current=!0}),[v.value]);var D=null;D="password"===v.type&&"togglePassword"===r?w.createElement(I,{inputType:V,onChange:function(e){return M(e)}}):"clearValue"===r?G?null:w.createElement(x,{onClick:function(e){var t;W(v.value)||v.onChange?g.current&&(z(!0),g.current.focus(),P(g.current,e,v.onChange),W(v.value)&&(g.current.value="")):null===(t=g.current)||void 0===t||t.focus()},onMouseEnter:function(){b.current=!0,_.current=!0},onTouchStart:function(){b.current=!0,_.current=!0},onMouseLeave:function(){b.current=!1,_.current=!1},onTouchEnd:function(){b.current=!1,_.current=!1}}):"correctValue"===r?w.createElement(T,null):"loading"===r?w.createElement(O,null):r;var Q,H=(null==v?void 0:v.id)||m,J=function(e,t){var n=[];return Array.isArray(t)?n=t.filter((function(e){return Boolean(e)})).map((function(t,n){return{id:"".concat(e,"-error-").concat(n),content:t}})):"string"==typeof t&&Boolean(t)&&(n=[{id:"".concat(e,"-error-0"),content:t}]),n}(H,s),K=!!f,Y=!!n,Z=!!D,$=(Q=J,Array.isArray(Q)&&Q.length>0),ee=$||!0===s,te=Boolean((null==v?void 0:v.required)||p);return w.createElement("div",{className:v.className,style:v.style,"data-qaid":v["data-qaid"]||"input_field","data-testid":v["data-testid"]||"input_field"},K&&w.createElement("div",{className:F},w.createElement("label",{"data-qaid":"input_field_label","data-testid":"input_field_label",htmlFor:H},f),te&&w.createElement(w.Fragment,null," ",w.createElement("span",{className:A,"data-qaid":"input_field_label_required","data-testid":"input_field_label_required"},"*"))),w.createElement("div",{className:C},w.createElement(i.Input,y.default({ref:g,"input-theme":ee?"red":"white","aria-invalid":ee,"aria-required":te,"aria-describedby":$?J.map((function(e){return e.id})).join(" "):void 0},v,{id:H,"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:Y?o:void 0,paddingRight:Z?l:void 0},className:j,type:V,onFocus:function(e){!b.current&&v.onFocus&&v.onFocus(e),b.current=!1},onBlur:function(e){!_.current&&v.onBlur&&v.onBlur(e),_.current=!1},onChange:function(e){z(W(e.target.value)),P(e.currentTarget,e,v.onChange)}})),Y&&w.createElement("div",{className:N,style:{width:o}},n),Z&&w.createElement("div",{className:S,style:{width:l}},D)),$&&J.map((function(e){var t=e.id,n=e.content;return w.createElement(R,{key:t,id:t},n)})))}));V.displayName="InputField",exports.InputField=V,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),i=require("@prom-ui/core/Input"),a=require("@prom-ui/core/useForwardRef"),u=require("@babel/runtime/helpers/taggedTemplateLiteral"),o=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),l=require("@prom-ui/core/BodyProvider"),c=require("@prom-ui/icons/EyeOpen"),s=require("@prom-ui/icons/EyeClose"),f=require("@prom-ui/core/Spinner"),p=require("@prom-ui/icons/Ok"),v=require("@prom-ui/icons/Cancel");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var b,_,g,y=m(e),q=m(t),E=m(n),w=h(r),B=m(u),I=function(e){var t=e.inputType,n=e.onChange,r=l.useBodyStoreTTag().t;return"text"===t?w.createElement(o.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return n("password")},title:r(b||(b=B.default(["Скрыть пароль"]))),tabIndex:-1,"data-qaid":"input_field_hide_password","data-testid":"input_field_hide_password"},w.createElement(d.Icon,{"icon-as":c.SvgEyeOpen,"icon-color":"black-700","icon-events":"none",style:{width:16,height:16}})):w.createElement(o.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return n("text")},title:r(_||(_=B.default(["Показать пароль"]))),tabIndex:-1,"data-qaid":"input_field_show_password","data-testid":"input_field_show_password"},w.createElement(d.Icon,{"icon-as":s.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},O=function(){return w.createElement(f.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},T=function(){return w.createElement(d.Icon,{"icon-as":p.SvgOk,"icon-color":"green-800","icon-events":"none","data-qaid":"input_field_correct_value","data-testid":"input_field_correct_value",style:{width:16,height:16}})},x=function(e){var t=l.useBodyStoreTTag().t;return w.createElement(o.Button,y.default({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:t(g||(g=B.default(["Очистить"]))),tabIndex:-1,"data-qaid":"input_field_clear_value","data-testid":"input_field_clear_value"},e),w.createElement(d.Icon,{"icon-as":v.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},C="UnXum",j="_1Wl0O",N="-TbcG cUXq3",S="QmiGS cUXq3",k="_7Fcq2",F="uV711",A="cxqrg",R=function(e){var t=e.id,n=e.children;return w.createElement("div",{id:t,className:k,"data-qaid":"input_field_error","data-testid":"input_field_error"},n)};function P(e,t,n,r){if(n){var i=t;if("click"===t.type){var a=e.cloneNode(!0);return i=Object.create(t,{target:{value:a},currentTarget:{value:a}}),a.value="",void n(i)}if(void 0!==r)return i=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=r,void n(i);n(i)}}function W(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var L=["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error","label","isLabelRequired"],V=w.forwardRef(function(e,t){var n=e.addonBefore,r=e.addonAfter,u=e.addonBeforeWidth,o=void 0===u?40:u,d=e.addonAfterWidth,l=void 0===d?40:d,c=e.error,s=void 0!==c&&c,f=e.label,p=e.isLabelRequired,v=E.default(e,L),m=w.useId(),h=w.useRef(!1),b=w.useRef(!1),_=w.useRef(!1),g=a.useForwardRef(t,null),B=w.useState(v.type),k=q.default(B,2),V=k[0],M=k[1],U=w.useState(W(v.value||v.defaultValue)),X=q.default(U,2),G=X[0],z=X[1];w.useEffect(function(){if(h.current){var e=W(v.value);e!==G&&z(e)}else h.current=!0},[v.value]);var D=null;D="password"===v.type&&"togglePassword"===r?w.createElement(I,{inputType:V,onChange:function(e){return M(e)}}):"clearValue"===r?G?null:w.createElement(x,{onClick:function(e){var t;W(v.value)||v.onChange?g.current&&(z(!0),g.current.focus(),P(g.current,e,v.onChange),W(v.value)&&(g.current.value="")):null===(t=g.current)||void 0===t||t.focus()},onMouseEnter:function(){b.current=!0,_.current=!0},onTouchStart:function(){b.current=!0,_.current=!0},onMouseLeave:function(){b.current=!1,_.current=!1},onTouchEnd:function(){b.current=!1,_.current=!1}}):"correctValue"===r?w.createElement(T,null):"loading"===r?w.createElement(O,null):r;var Q,H=(null==v?void 0:v.id)||m,J=function(e,t){var n=[];return Array.isArray(t)?n=t.filter(function(e){return Boolean(e)}).map(function(t,n){return{id:"".concat(e,"-error-").concat(n),content:t}}):"string"==typeof t&&Boolean(t)&&(n=[{id:"".concat(e,"-error-0"),content:t}]),n}(H,s),K=!!f,Y=!!n,Z=!!D,$=(Q=J,Array.isArray(Q)&&Q.length>0),ee=$||!0===s,te=Boolean((null==v?void 0:v.required)||p);return w.createElement("div",{className:v.className,style:v.style,"data-qaid":v["data-qaid"]||"input_field","data-testid":v["data-testid"]||"input_field"},K&&w.createElement("div",{className:F},w.createElement("label",{"data-qaid":"input_field_label","data-testid":"input_field_label",htmlFor:H},f),te&&w.createElement(w.Fragment,null," ",w.createElement("span",{className:A,"data-qaid":"input_field_label_required","data-testid":"input_field_label_required"},"*"))),w.createElement("div",{className:C},w.createElement(i.Input,y.default({ref:g,"input-theme":ee?"red":"white","aria-invalid":ee,"aria-required":te,"aria-describedby":$?J.map(function(e){return e.id}).join(" "):void 0},v,{id:H,"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:Y?o:void 0,paddingRight:Z?l:void 0},className:j,type:V,onFocus:function(e){!b.current&&v.onFocus&&v.onFocus(e),b.current=!1},onBlur:function(e){!_.current&&v.onBlur&&v.onBlur(e),_.current=!1},onChange:function(e){z(W(e.target.value)),P(e.currentTarget,e,v.onChange)}})),Y&&w.createElement("div",{className:N,style:{width:o}},n),Z&&w.createElement("div",{className:S,style:{width:l}},D)),$&&J.map(function(e){var t=e.id,n=e.content;return w.createElement(R,{key:t,id:t},n)}))});V.displayName="InputField",exports.InputField=V,require("./style.production.css");

package/InputField/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),a=require("@prom-ui/core/Input"),i=require("@prom-ui/core/useForwardRef"),u=require("@babel/runtime/helpers/taggedTemplateLiteral"),o=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),l=require("@prom-ui/core/BodyProvider"),c=require("@prom-ui/icons/EyeOpen"),s=require("@prom-ui/icons/EyeClose"),f=require("@prom-ui/core/Spinner"),p=require("@prom-ui/icons/Ok"),v=require("@prom-ui/icons/Cancel");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var b,_,g,y=h(e),q=h(t),E=h(r),w=m(n),B=h(u),T=function(e){var t=e.inputType,r=e.onChange,n=l.useBodyStoreTTag().t;return"text"===t?w.createElement(o.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return r("password")},title:n(b||(b=B.default(["Скрыть пароль"]))),tabIndex:-1,"data-qaid":"input_field_hide_password","data-testid":"input_field_hide_password"},w.createElement(d.Icon,{"icon-as":c.SvgEyeOpen,"icon-color":"black-700","icon-events":"none",style:{width:16,height:16}})):w.createElement(o.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return r("text")},title:n(_||(_=B.default(["Показать пароль"]))),tabIndex:-1,"data-qaid":"input_field_show_password","data-testid":"input_field_show_password"},w.createElement(d.Icon,{"icon-as":s.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},C=function(){return w.createElement(f.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},O=function(){return w.createElement(d.Icon,{"icon-as":p.SvgOk,"icon-color":"green-800","icon-events":"none","data-qaid":"input_field_correct_value","data-testid":"input_field_correct_value",style:{width:16,height:16}})},I=function(e){var t=l.useBodyStoreTTag().t;return w.createElement(o.Button,y.default({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:t(g||(g=B.default(["Очистить"]))),tabIndex:-1,"data-qaid":"input_field_clear_value","data-testid":"input_field_clear_value"},e),w.createElement(d.Icon,{"icon-as":v.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},x="EVTeN",N="rfpBC",S="GeS6- oqO-V",j="Cl38- oqO-V",k="hSs8w",A="bwxYk",F="bTTTw",R=function(e){var t=e.id,r=e.children;return w.createElement("div",{id:t,className:k,"data-qaid":"input_field_error","data-testid":"input_field_error"},r)};function P(e,t,r,n){if(r){var a=t;if("click"===t.type){var i=e.cloneNode(!0);return a=Object.create(t,{target:{value:i},currentTarget:{value:i}}),i.value="",void r(a)}if(void 0!==n)return a=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=n,void r(a);r(a)}}function V(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var L=["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error","label","isLabelRequired"],W=w.forwardRef((function(e,t){var r=e.addonBefore,n=e.addonAfter,u=e.addonBeforeWidth,o=void 0===u?40:u,d=e.addonAfterWidth,l=void 0===d?40:d,c=e.error,s=void 0!==c&&c,f=e.label,p=e.isLabelRequired,v=E.default(e,L),h=w.useId(),m=w.useRef(!1),b=w.useRef(!1),_=w.useRef(!1),g=i.useForwardRef(t,null),B=w.useState(v.type),k=q.default(B,2),W=k[0],M=k[1],z=w.useState(V(v.value||v.defaultValue)),D=q.default(z,2),G=D[0],Y=D[1];w.useEffect((function(){if(m.current){var e=V(v.value);e!==G&&Y(e)}else m.current=!0}),[v.value]);var H=null;H="password"===v.type&&"togglePassword"===n?w.createElement(T,{inputType:W,onChange:function(e){return M(e)}}):"clearValue"===n?G?null:w.createElement(I,{onClick:function(e){var t;V(v.value)||v.onChange?g.current&&(Y(!0),g.current.focus(),P(g.current,e,v.onChange),V(v.value)&&(g.current.value="")):null===(t=g.current)||void 0===t||t.focus()},onMouseEnter:function(){b.current=!0,_.current=!0},onTouchStart:function(){b.current=!0,_.current=!0},onMouseLeave:function(){b.current=!1,_.current=!1},onTouchEnd:function(){b.current=!1,_.current=!1}}):"correctValue"===n?w.createElement(O,null):"loading"===n?w.createElement(C,null):n;var J,K=(null==v?void 0:v.id)||h,Q=function(e,t){var r=[];return Array.isArray(t)?r=t.filter((function(e){return Boolean(e)})).map((function(t,r){return{id:"".concat(e,"-error-").concat(r),content:t}})):"string"==typeof t&&Boolean(t)&&(r=[{id:"".concat(e,"-error-0"),content:t}]),r}(K,s),U=!!f,X=!!r,Z=!!H,$=(J=Q,Array.isArray(J)&&J.length>0),ee=$||!0===s,te=Boolean((null==v?void 0:v.required)||p);return w.createElement("div",{className:v.className,style:v.style,"data-qaid":v["data-qaid"]||"input_field","data-testid":v["data-testid"]||"input_field"},U&&w.createElement("div",{className:A},w.createElement("label",{"data-qaid":"input_field_label","data-testid":"input_field_label",htmlFor:K},f),te&&w.createElement(w.Fragment,null," ",w.createElement("span",{className:F,"data-qaid":"input_field_label_required","data-testid":"input_field_label_required"},"*"))),w.createElement("div",{className:x},w.createElement(a.Input,y.default({ref:g,"input-theme":ee?"red":"white","aria-invalid":ee,"aria-required":te,"aria-describedby":$?Q.map((function(e){return e.id})).join(" "):void 0},v,{id:K,"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:X?o:void 0,paddingRight:Z?l:void 0},className:N,type:W,onFocus:function(e){!b.current&&v.onFocus&&v.onFocus(e),b.current=!1},onBlur:function(e){!_.current&&v.onBlur&&v.onBlur(e),_.current=!1},onChange:function(e){Y(V(e.target.value)),P(e.currentTarget,e,v.onChange)}})),X&&w.createElement("div",{className:S,style:{width:o}},r),Z&&w.createElement("div",{className:j,style:{width:l}},H)),$&&Q.map((function(e){var t=e.id,r=e.content;return w.createElement(R,{key:t,id:t},r)})))}));W.displayName="InputField",exports.InputField=W,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("react"),a=require("@prom-ui/core/Input"),i=require("@prom-ui/core/useForwardRef"),u=require("@babel/runtime/helpers/taggedTemplateLiteral"),o=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),l=require("@prom-ui/core/BodyProvider"),c=require("@prom-ui/icons/EyeOpen"),s=require("@prom-ui/icons/EyeClose"),f=require("@prom-ui/core/Spinner"),p=require("@prom-ui/icons/Ok"),v=require("@prom-ui/icons/Cancel");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var b,_,g,y=h(e),q=h(t),E=h(r),w=m(n),B=h(u),T=function(e){var t=e.inputType,r=e.onChange,n=l.useBodyStoreTTag().t;return"text"===t?w.createElement(o.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return r("password")},title:n(b||(b=B.default(["Скрыть пароль"]))),tabIndex:-1,"data-qaid":"input_field_hide_password","data-testid":"input_field_hide_password"},w.createElement(d.Icon,{"icon-as":c.SvgEyeOpen,"icon-color":"black-700","icon-events":"none",style:{width:16,height:16}})):w.createElement(o.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return r("text")},title:n(_||(_=B.default(["Показать пароль"]))),tabIndex:-1,"data-qaid":"input_field_show_password","data-testid":"input_field_show_password"},w.createElement(d.Icon,{"icon-as":s.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},C=function(){return w.createElement(f.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},O=function(){return w.createElement(d.Icon,{"icon-as":p.SvgOk,"icon-color":"green-800","icon-events":"none","data-qaid":"input_field_correct_value","data-testid":"input_field_correct_value",style:{width:16,height:16}})},I=function(e){var t=l.useBodyStoreTTag().t;return w.createElement(o.Button,y.default({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:t(g||(g=B.default(["Очистить"]))),tabIndex:-1,"data-qaid":"input_field_clear_value","data-testid":"input_field_clear_value"},e),w.createElement(d.Icon,{"icon-as":v.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},x="EVTeN",N="rfpBC",S="GeS6- oqO-V",j="Cl38- oqO-V",k="hSs8w",A="bwxYk",F="bTTTw",R=function(e){var t=e.id,r=e.children;return w.createElement("div",{id:t,className:k,"data-qaid":"input_field_error","data-testid":"input_field_error"},r)};function P(e,t,r,n){if(r){var a=t;if("click"===t.type){var i=e.cloneNode(!0);return a=Object.create(t,{target:{value:i},currentTarget:{value:i}}),i.value="",void r(a)}if(void 0!==n)return a=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=n,void r(a);r(a)}}function V(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var L=["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error","label","isLabelRequired"],W=w.forwardRef(function(e,t){var r=e.addonBefore,n=e.addonAfter,u=e.addonBeforeWidth,o=void 0===u?40:u,d=e.addonAfterWidth,l=void 0===d?40:d,c=e.error,s=void 0!==c&&c,f=e.label,p=e.isLabelRequired,v=E.default(e,L),h=w.useId(),m=w.useRef(!1),b=w.useRef(!1),_=w.useRef(!1),g=i.useForwardRef(t,null),B=w.useState(v.type),k=q.default(B,2),W=k[0],M=k[1],z=w.useState(V(v.value||v.defaultValue)),D=q.default(z,2),G=D[0],Y=D[1];w.useEffect(function(){if(m.current){var e=V(v.value);e!==G&&Y(e)}else m.current=!0},[v.value]);var H=null;H="password"===v.type&&"togglePassword"===n?w.createElement(T,{inputType:W,onChange:function(e){return M(e)}}):"clearValue"===n?G?null:w.createElement(I,{onClick:function(e){var t;V(v.value)||v.onChange?g.current&&(Y(!0),g.current.focus(),P(g.current,e,v.onChange),V(v.value)&&(g.current.value="")):null===(t=g.current)||void 0===t||t.focus()},onMouseEnter:function(){b.current=!0,_.current=!0},onTouchStart:function(){b.current=!0,_.current=!0},onMouseLeave:function(){b.current=!1,_.current=!1},onTouchEnd:function(){b.current=!1,_.current=!1}}):"correctValue"===n?w.createElement(O,null):"loading"===n?w.createElement(C,null):n;var J,K=(null==v?void 0:v.id)||h,Q=function(e,t){var r=[];return Array.isArray(t)?r=t.filter(function(e){return Boolean(e)}).map(function(t,r){return{id:"".concat(e,"-error-").concat(r),content:t}}):"string"==typeof t&&Boolean(t)&&(r=[{id:"".concat(e,"-error-0"),content:t}]),r}(K,s),U=!!f,X=!!r,Z=!!H,$=(J=Q,Array.isArray(J)&&J.length>0),ee=$||!0===s,te=Boolean((null==v?void 0:v.required)||p);return w.createElement("div",{className:v.className,style:v.style,"data-qaid":v["data-qaid"]||"input_field","data-testid":v["data-testid"]||"input_field"},U&&w.createElement("div",{className:A},w.createElement("label",{"data-qaid":"input_field_label","data-testid":"input_field_label",htmlFor:K},f),te&&w.createElement(w.Fragment,null," ",w.createElement("span",{className:F,"data-qaid":"input_field_label_required","data-testid":"input_field_label_required"},"*"))),w.createElement("div",{className:x},w.createElement(a.Input,y.default({ref:g,"input-theme":ee?"red":"white","aria-invalid":ee,"aria-required":te,"aria-describedby":$?Q.map(function(e){return e.id}).join(" "):void 0},v,{id:K,"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:X?o:void 0,paddingRight:Z?l:void 0},className:N,type:W,onFocus:function(e){!b.current&&v.onFocus&&v.onFocus(e),b.current=!1},onBlur:function(e){!_.current&&v.onBlur&&v.onBlur(e),_.current=!1},onChange:function(e){Y(V(e.target.value)),P(e.currentTarget,e,v.onChange)}})),X&&w.createElement("div",{className:S,style:{width:o}},r),Z&&w.createElement("div",{className:j,style:{width:l}},H)),$&&Q.map(function(e){var t=e.id,r=e.content;return w.createElement(R,{key:t,id:t},r)}))});W.displayName="InputField",exports.InputField=W,require("./style.production.v2.css");

package/InputField/index.d.ts

@@ -4,11 +4,11 @@ import type { InputProps } from '@prom-ui/core/Input';
 export type InputFieldProps = {
     /** Заголовок */
     label?: React.ReactNode;
-    /** Ошибка */
+    /** Помилка */
     error?: boolean | string | string[];
-    /** Дополнение слева */
+    /** Доповнення зліва */
     addonBefore?: React.ReactNode;
-    /** Дополнение справа
+    /** Доповнення справа
      * <br>
      * - `togglePassword`
      * <br>
@@ -18,9 +18,18 @@ export type InputFieldProps = {
      * <br>
      * - `loading` */
     addonAfter?: React.ReactNode;
+    /** Ширина лівого доповнення у px або CSS-рядком */
     addonBeforeWidth?: string | number;
+    /** Ширина правого доповнення у px або CSS-рядком */
     addonAfterWidth?: string | number;
-    /** Добавляет красную звездочку заголовку */
+    /** Додає червону зірочку до заголовку */
     isLabelRequired?: boolean;
 };
+/**
+ * Поле вводу з підтримкою підпису, помилок та доповнень зліва/справа.
+ * Приймає всі пропси `Input`.
+ * @example
+ * import { InputField } from '@prom-ui/core/InputField'
+ * <InputField label='Email' error='Невірний формат' addonAfter='clearValue' />
+ */
 export declare const InputField: CreateBlock<'input', 'input', InputProps & InputFieldProps>;

package/InputField/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/InputField",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/KeyPress/cjs/index.development.js

@@ -32,6 +32,14 @@ var KeyPressApp = function KeyPressApp(_ref) {
   useKeyPress.useKeyPress(code, onKeyDown, onKeyUp);
   return null;
 };
+
+/**
+ * Підписується на глобальні події `keydown`/`keyup` і викликає колбеки.
+ * Рендерить `null` — суто поведінковий компонент.
+ * @example
+ * import { KeyPress } from '@prom-ui/core/KeyPress'
+ * <KeyPress code='Escape' onKeyDown={() => closeModal()} />
+ */
 var KeyPress = function KeyPress(_ref2) {
   var _ref2$isActive = _ref2.isActive,
     isActive = _ref2$isActive === void 0 ? true : _ref2$isActive,

package/KeyPress/cjs/index.development.v2.js

@@ -32,6 +32,14 @@ var KeyPressApp = function KeyPressApp(_ref) {
   useKeyPress.useKeyPress(code, onKeyDown, onKeyUp);
   return null;
 };
+
+/**
+ * Підписується на глобальні події `keydown`/`keyup` і викликає колбеки.
+ * Рендерить `null` — суто поведінковий компонент.
+ * @example
+ * import { KeyPress } from '@prom-ui/core/KeyPress'
+ * <KeyPress code='Escape' onKeyDown={() => closeModal()} />
+ */
 var KeyPress = function KeyPress(_ref2) {
   var _ref2$isActive = _ref2.isActive,
     isActive = _ref2$isActive === void 0 ? true : _ref2$isActive,

package/KeyPress/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/core/useKeyPress");function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var n=t(e),o=function(e){var t=e.code,n=e.onKeyDown,o=e.onKeyUp;return r.useKeyPress(t,n,o),null},u=function(e){var r=e.isActive,t=void 0===r||r,u=e.code,c=e.onKeyDown,s=void 0===c?function(){}:c,i=e.onKeyUp,f=void 0===i?function(){}:i;return t?n.createElement(o,{code:u,onKeyDown:s,onKeyUp:f}):null};u.displayName="KeyPress",Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function(){return r.useKeyPress}}),exports.KeyPress=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/core/useKeyPress");function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var n=t(e),o=function(e){var t=e.code,n=e.onKeyDown,o=e.onKeyUp;return r.useKeyPress(t,n,o),null},u=function(e){var r=e.isActive,t=void 0===r||r,u=e.code,c=e.onKeyDown,s=void 0===c?function(){}:c,i=e.onKeyUp,f=void 0===i?function(){}:i;return t?n.createElement(o,{code:u,onKeyDown:s,onKeyUp:f}):null};u.displayName="KeyPress",Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function(){return r.useKeyPress}}),exports.KeyPress=u;

package/KeyPress/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/core/useKeyPress");function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var n=t(e),o=function(e){var t=e.code,n=e.onKeyDown,o=e.onKeyUp;return r.useKeyPress(t,n,o),null},u=function(e){var r=e.isActive,t=void 0===r||r,u=e.code,c=e.onKeyDown,s=void 0===c?function(){}:c,i=e.onKeyUp,f=void 0===i?function(){}:i;return t?n.createElement(o,{code:u,onKeyDown:s,onKeyUp:f}):null};u.displayName="KeyPress",Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function(){return r.useKeyPress}}),exports.KeyPress=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/core/useKeyPress");function t(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var n=t(e),o=function(e){var t=e.code,n=e.onKeyDown,o=e.onKeyUp;return r.useKeyPress(t,n,o),null},u=function(e){var r=e.isActive,t=void 0===r||r,u=e.code,c=e.onKeyDown,s=void 0===c?function(){}:c,i=e.onKeyUp,f=void 0===i?function(){}:i;return t?n.createElement(o,{code:u,onKeyDown:s,onKeyUp:f}):null};u.displayName="KeyPress",Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function(){return r.useKeyPress}}),exports.KeyPress=u;

package/KeyPress/index.d.ts

@@ -1,14 +1,21 @@
 import * as React from 'react';
 import { useKeyPress } from '@prom-ui/core/useKeyPress';
 export type KeyPressProps = {
-    /** Если передать `false` компонент перестанет работать */
+    /** Якщо передати `false`, компонент перестане працювати */
     isActive?: boolean;
-    /** Принимает значение `event.key` клавишы, можно посмотреть здесь https://keycode.info/ */
+    /** Значення `event.key` клавіші, перелік на https://keycode.info/ */
     code: string;
-    /** Срабатывает при нажатии клавиши */
+    /** Спрацьовує при натисканні клавіші */
     onKeyDown?: (e: KeyboardEvent) => void;
-    /** Срабатывает при отпускании клавиши */
+    /** Спрацьовує при відпусканні клавіші */
     onKeyUp?: (e: KeyboardEvent) => void;
 };
+/**
+ * Підписується на глобальні події `keydown`/`keyup` і викликає колбеки.
+ * Рендерить `null` — суто поведінковий компонент.
+ * @example
+ * import { KeyPress } from '@prom-ui/core/KeyPress'
+ * <KeyPress code='Escape' onKeyDown={() => closeModal()} />
+ */
 export declare const KeyPress: React.FC<KeyPressProps>;
 export { useKeyPress };

package/KeyPress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/KeyPress",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Label/cjs/index.development.js

@@ -7,7 +7,15 @@ var evokit = require('@prom-ui/core/evokit');
 var css = {"ek-label":"Label__ek-label___lhZTR","ek-label_theme_violet-50":"Label__ek-label_theme_violet-50___5tD0W","ek-label_theme_green-50":"Label__ek-label_theme_green-50___iA1-Y","ek-label_theme_yellow-50":"Label__ek-label_theme_yellow-50___4hJvX","ek-label_theme_yellow-500":"Label__ek-label_theme_yellow-500___t--sy","ek-label_theme_orange-50":"Label__ek-label_theme_orange-50___z2DeF","ek-label_theme_black-300":"Label__ek-label_theme_black-300___epNBs","ek-label_theme_red-50":"Label__ek-label_theme_red-50___fJGEU","ek-label_theme_blue-50":"Label__ek-label_theme_blue-50___2aYRM"};
 
 /**
- * Лейба для категоризации или разметки.
+ * Лейба для категоризації або розмітки контенту.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Label } from '@prom-ui/core/Label';
+ *
+ * <Label label-theme='violet-50'>Новинка</Label>
+ * <Label label-theme='red-50'>Акція</Label>
  */
 var Label = evokit.createBlock('span', 'label', ['theme'], {
   css: css

package/Label/cjs/index.development.v2.js

@@ -7,7 +7,15 @@ var evokit = require('@prom-ui/core/evokit');
 var css = {"ek-label":"Label__ek-label___e1XmU","ek-label_theme_violet-50":"Label__ek-label_theme_violet-50___EhjDk","ek-label_theme_green-50":"Label__ek-label_theme_green-50___-AI7m","ek-label_theme_yellow-50":"Label__ek-label_theme_yellow-50___9WGFc","ek-label_theme_yellow-500":"Label__ek-label_theme_yellow-500___Tb-ao","ek-label_theme_orange-50":"Label__ek-label_theme_orange-50___qa1A3","ek-label_theme_black-300":"Label__ek-label_theme_black-300___FRtMD","ek-label_theme_red-50":"Label__ek-label_theme_red-50___a-bVG","ek-label_theme_blue-50":"Label__ek-label_theme_blue-50___EkDFs"};
 
 /**
- * Лейба для категоризации или разметки.
+ * Лейба для категоризації або розмітки контенту.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Label } from '@prom-ui/core/Label';
+ *
+ * <Label label-theme='violet-50'>Новинка</Label>
+ * <Label label-theme='red-50'>Акція</Label>
  */
 var Label = evokit.createBlock('span', 'label', ['theme'], {
   css: css

package/Label/index.d.ts

@@ -1,9 +1,22 @@
 import { type EvokitProp } from '@prom-ui/core/evokit';
 export type LabelProps = {
-    /** Цвет лейбы, default: `black-300` */
+    /**
+     * Колір лейби. Дефолт: `'black-300'`.
+     * @example 'violet-50'
+     * @example 'green-50'
+     * @example 'red-50'
+     */
     'label-theme'?: EvokitProp<'violet-50' | 'green-50' | 'yellow-50' | 'yellow-500' | 'orange-50' | 'black-300' | 'red-50' | 'blue-50'>;
 };
 /**
- * Лейба для категоризации или разметки.
+ * Лейба для категоризації або розмітки контенту.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Label } from '@prom-ui/core/Label';
+ *
+ * <Label label-theme='violet-50'>Новинка</Label>
+ * <Label label-theme='red-50'>Акція</Label>
  */
 export declare const Label: import("@prom-ui/core/evokit").CreateBlock<"span", "label", LabelProps>;

package/Label/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Label",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Line/cjs/index.development.js

@@ -6,6 +6,17 @@ var evokit = require('@prom-ui/core/evokit');
 
 var css = {"ek-line":"Line__ek-line___OKJZ4","ek-line_display_block":"Line__ek-line_display_block___fJte1","ek-line_display_block@large":"Line__ek-line_display_block--large___WWak3","ek-line_display_none":"Line__ek-line_display_none___vTP7A","ek-line_display_none@large":"Line__ek-line_display_none--large___-o6ah","ek-line_indent_none":"Line__ek-line_indent_none___aW6a-","ek-line_indent_none@large":"Line__ek-line_indent_none--large___k3HOm","ek-line_indent_xxs":"Line__ek-line_indent_xxs___OwBBv","ek-line_indent_xxs@large":"Line__ek-line_indent_xxs--large___UEcaS","ek-line_indent_xs":"Line__ek-line_indent_xs___qOMgL","ek-line_indent_xs@large":"Line__ek-line_indent_xs--large___x1Qmz","ek-line_indent_s":"Line__ek-line_indent_s___YuAwW","ek-line_indent_s@large":"Line__ek-line_indent_s--large___6tne-","ek-line_indent_m":"Line__ek-line_indent_m___jt1Cw","ek-line_indent_m@large":"Line__ek-line_indent_m--large___cWsX6","ek-line_indent_l":"Line__ek-line_indent_l___WkkIZ","ek-line_indent_l@large":"Line__ek-line_indent_l--large___sM-X0","ek-line_indent_xl":"Line__ek-line_indent_xl___zP5cI","ek-line_indent_xl@large":"Line__ek-line_indent_xl--large___tKk6-","ek-line_indent_xxl":"Line__ek-line_indent_xxl___wt6v-","ek-line_indent_xxl@large":"Line__ek-line_indent_xxl--large___iJk-B","ek-line_style_solid":"Line__ek-line_style_solid___6fLuE","ek-line_style_solid@large":"Line__ek-line_style_solid--large___hJX5C","ek-line_style_dotted":"Line__ek-line_style_dotted___wS-t1","ek-line_style_dotted@large":"Line__ek-line_style_dotted--large___Yzb2f","ek-line_style_dashed":"Line__ek-line_style_dashed___pasEd","ek-line_style_dashed@large":"Line__ek-line_style_dashed--large___1SywE","ek-line_color_black-200":"Line__ek-line_color_black-200___yWS95","ek-line_color_black-200@large":"Line__ek-line_color_black-200--large___ItHfw","ek-line_color_black-300":"Line__ek-line_color_black-300___v7ftF","ek-line_color_black-300@large":"Line__ek-line_color_black-300--large___bU-mt","ek-line_color_black-400":"Line__ek-line_color_black-400___PO51G","ek-line_color_black-400@large":"Line__ek-line_color_black-400--large___ue9NS","ek-line_color_black-700":"Line__ek-line_color_black-700___7BZal","ek-line_color_black-700@large":"Line__ek-line_color_black-700--large___L7g8R"};
 
+/**
+ * Горизонтальний роздільник (`<hr>`).
+ *
+ * Медіа-суфікси: `@large`
+ *
+ * @example
+ * import { Line } from '@prom-ui/core/Line';
+ *
+ * <Line line-color='black-200' line-indent='m' />
+ * <Line line-style='dashed' line-color='black-300' />
+ */
 var Line = evokit.createBlock('hr', 'line', ['display', 'indent', 'style', 'color'], {
   css: css
 });

package/Line/cjs/index.development.v2.js

@@ -6,6 +6,17 @@ var evokit = require('@prom-ui/core/evokit');
 
 var css = {"ek-line":"Line__ek-line___z32EM","ek-line_display_block":"Line__ek-line_display_block___ka-PB","ek-line_display_block@large":"Line__ek-line_display_block--large___8KjKO","ek-line_display_none":"Line__ek-line_display_none___pSLqO","ek-line_display_none@large":"Line__ek-line_display_none--large___-59ng","ek-line_indent_none":"Line__ek-line_indent_none___OAELA","ek-line_indent_none@large":"Line__ek-line_indent_none--large___-Yh47","ek-line_indent_xxs":"Line__ek-line_indent_xxs___Ak0KY","ek-line_indent_xxs@large":"Line__ek-line_indent_xxs--large___c9fVI","ek-line_indent_xs":"Line__ek-line_indent_xs___y3lge","ek-line_indent_xs@large":"Line__ek-line_indent_xs--large___4vuf-","ek-line_indent_s":"Line__ek-line_indent_s___dP5yZ","ek-line_indent_s@large":"Line__ek-line_indent_s--large___1OfIB","ek-line_indent_m":"Line__ek-line_indent_m___qDmYz","ek-line_indent_m@large":"Line__ek-line_indent_m--large___gaMRl","ek-line_indent_l":"Line__ek-line_indent_l___YP-94","ek-line_indent_l@large":"Line__ek-line_indent_l--large___vh6KW","ek-line_indent_xl":"Line__ek-line_indent_xl___lU8kD","ek-line_indent_xl@large":"Line__ek-line_indent_xl--large___H3SQ2","ek-line_indent_xxl":"Line__ek-line_indent_xxl___pqhtb","ek-line_indent_xxl@large":"Line__ek-line_indent_xxl--large___ui3BI","ek-line_style_solid":"Line__ek-line_style_solid___zc53x","ek-line_style_solid@large":"Line__ek-line_style_solid--large___rrAQV","ek-line_style_dotted":"Line__ek-line_style_dotted___g3juA","ek-line_style_dotted@large":"Line__ek-line_style_dotted--large___tTIU5","ek-line_style_dashed":"Line__ek-line_style_dashed___phx9E","ek-line_style_dashed@large":"Line__ek-line_style_dashed--large___Rp3ta","ek-line_color_black-200":"Line__ek-line_color_black-200___YaLTe","ek-line_color_black-200@large":"Line__ek-line_color_black-200--large___NDeJe","ek-line_color_black-300":"Line__ek-line_color_black-300___37UI-","ek-line_color_black-300@large":"Line__ek-line_color_black-300--large___rLplx","ek-line_color_black-400":"Line__ek-line_color_black-400___I7uwg","ek-line_color_black-400@large":"Line__ek-line_color_black-400--large___vJAEv","ek-line_color_black-700":"Line__ek-line_color_black-700___SNFFz","ek-line_color_black-700@large":"Line__ek-line_color_black-700--large___fauPi"};
 
+/**
+ * Горизонтальний роздільник (`<hr>`).
+ *
+ * Медіа-суфікси: `@large`
+ *
+ * @example
+ * import { Line } from '@prom-ui/core/Line';
+ *
+ * <Line line-color='black-200' line-indent='m' />
+ * <Line line-style='dashed' line-color='black-300' />
+ */
 var Line = evokit.createBlock('hr', 'line', ['display', 'indent', 'style', 'color'], {
   css: css
 });

package/Line/index.d.ts

@@ -5,10 +5,45 @@ type LineIndent = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl
 type LineStyle = EvokitMediaSufix<'solid' | 'dotted' | 'dashed', LineMediaSufix>;
 type LineColor = EvokitMediaSufix<'black-200' | 'black-300' | 'black-400' | 'black-700', LineMediaSufix>;
 export type LineProps = {
+    /**
+     * Колір горизонтального роздільника. Підтримує медіа-суфікси.
+     * @example 'black-200'
+     * @example 'black-400'
+     * @example 'black-300@large'
+     */
     'line-color'?: EvokitProp<LineColor>;
+    /**
+     * `display` роздільника. Підтримує медіа-суфікси.
+     * @example 'block'
+     * @example 'none@large'
+     */
     'line-display'?: EvokitProp<LineDisplay>;
+    /**
+     * Відступи зверху та знизу від роздільника. Підтримує медіа-суфікси.
+     * Розміри: none | xxs | xs | s | m | l | xl | xxl
+     * @example 'm'
+     * @example 'l'
+     * @example 's@large'
+     */
     'line-indent'?: EvokitProp<LineIndent>;
+    /**
+     * Стиль лінії роздільника. Підтримує медіа-суфікси.
+     * @example 'solid'
+     * @example 'dotted'
+     * @example 'dashed@large'
+     */
     'line-style'?: EvokitProp<LineStyle>;
 };
+/**
+ * Горизонтальний роздільник (`<hr>`).
+ *
+ * Медіа-суфікси: `@large`
+ *
+ * @example
+ * import { Line } from '@prom-ui/core/Line';
+ *
+ * <Line line-color='black-200' line-indent='m' />
+ * <Line line-style='dashed' line-color='black-300' />
+ */
 export declare const Line: import("@prom-ui/core/evokit").CreateBlock<"hr", "line", LineProps>;
 export {};

package/Line/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Line",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Link/cjs/index.development.js

@@ -7,11 +7,17 @@ var evokit = require('@prom-ui/core/evokit');
 var css = {"ek-link":"Link__ek-link___se07P","ek-link_display_block":"Link__ek-link_display_block___7DWh6","ek-link_display_inline-block":"Link__ek-link_display_inline-block___lcBYL","ek-link_display_inline":"Link__ek-link_display_inline___IXDQF","ek-link_display_none":"Link__ek-link_display_none___NgoHK","ek-link_size_none":"Link__ek-link_size_none___iopC-","ek-link_size_inherit":"Link__ek-link_size_inherit___pWhi3","ek-link_size_small":"Link__ek-link_size_small___FTvW8","ek-link_size_default":"Link__ek-link_size_default___fU--F","ek-link_size_big":"Link__ek-link_size_big___nczvU","ek-link_size_h1":"Link__ek-link_size_h1___cTI-7","ek-link_size_h2":"Link__ek-link_size_h2___h8dKJ","ek-link_size_h3":"Link__ek-link_size_h3___QAV0P","ek-link_size_h4":"Link__ek-link_size_h4___tjfoz","ek-link_size_h5":"Link__ek-link_size_h5___MExtb","ek-link_size_h6":"Link__ek-link_size_h6___0-qIJ","ek-link_weight_default":"Link__ek-link_weight_default___wXs2z","ek-link_weight_thin":"Link__ek-link_weight_thin___ybk9j","ek-link_weight_light":"Link__ek-link_weight_light___iSeTt","ek-link_weight_medium":"Link__ek-link_weight_medium___mot36","ek-link_weight_bold":"Link__ek-link_weight_bold___WsBCw","ek-link_weight_black":"Link__ek-link_weight_black___Xfr5x","ek-link_weight_100":"Link__ek-link_weight_100___lB1Fe","ek-link_weight_200":"Link__ek-link_weight_200___PBdS-","ek-link_weight_300":"Link__ek-link_weight_300___Gto-o","ek-link_weight_400":"Link__ek-link_weight_400___wfRZm","ek-link_weight_500":"Link__ek-link_weight_500___ECAlj","ek-link_weight_600":"Link__ek-link_weight_600___nBT3m","ek-link_weight_700":"Link__ek-link_weight_700___Obg6Z","ek-link_weight_800":"Link__ek-link_weight_800___XoGtf","ek-link_weight_900":"Link__ek-link_weight_900___1wYSI","ek-link_valign_baseline":"Link__ek-link_valign_baseline___xgawj","ek-link_valign_bottom":"Link__ek-link_valign_bottom___W3Lot","ek-link_valign_middle":"Link__ek-link_valign_middle___8uiIO","ek-link_valign_sub":"Link__ek-link_valign_sub___KB1Pl","ek-link_valign_super":"Link__ek-link_valign_super___-sMS6","ek-link_valign_text-bottom":"Link__ek-link_valign_text-bottom___zuYTn","ek-link_valign_text-top":"Link__ek-link_valign_text-top___Gz9CB","ek-link_valign_top":"Link__ek-link_valign_top___poBhl","ek-link_lheight_default":"Link__ek-link_lheight_default___IUFKX","ek-link_lheight_medium":"Link__ek-link_lheight_medium___ktEn4","ek-link_lheight_large":"Link__ek-link_lheight_large___SXvi-","ek-link_style_solid":"Link__ek-link_style_solid___NORl6","ek-link_style_dotted":"Link__ek-link_style_dotted___Zkrc5","ek-link_style_dashed":"Link__ek-link_style_dashed___0eZQ-","ek-link_style_multi-line":"Link__ek-link_style_multi-line___tCOeZ","ek-link_wrap_normal":"Link__ek-link_wrap_normal___QJJfR","ek-link_wrap_nowrap":"Link__ek-link_wrap_nowrap___1moZq","ek-link_wrap_pre":"Link__ek-link_wrap_pre___Ukq58","ek-link_wrap_pre-wrap":"Link__ek-link_wrap_pre-wrap___B8s-H","ek-link_wrap_pre-line":"Link__ek-link_wrap_pre-line___p7dIa","ek-link_wrap_break":"Link__ek-link_wrap_break___tTyeW","ek-link_wrap_ellipsis":"Link__ek-link_wrap_ellipsis___iuo87","ek-link_color_white":"Link__ek-link_color_white___or7LB","ek-link_color_black-300":"Link__ek-link_color_black-300___5bFCY","ek-link_color_black-400":"Link__ek-link_color_black-400___I-KVN","ek-link_color_black-600":"Link__ek-link_color_black-600___vgqdx","ek-link_color_blue-500":"Link__ek-link_color_blue-500___sSXTB","ek-link_color_red-500":"Link__ek-link_color_red-500___Vfnmv","ek-link_color_violet-500":"Link__ek-link_color_violet-500___Xa3SA","ek-text_blackhole_ellipsis-inline-block":"Link__ek-text_blackhole_ellipsis-inline-block___goTZT","ek-link_blackhole_full-hover":"Link__ek-link_blackhole_full-hover___aV5Sw"};
 
 /**
- * Компонент `Link` представляет собой обертку над стандартным HTML-элементом `<a>`.
- * Он используется для создания ссылок, которые могут быть оформлены с помощью
- * стилей и настроек из [evokit-link](https://evokit.net/#/packages/evokit-link/).
+ * Стилізоване посилання (`<a>`) з підтримкою evokit-пропсів.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Link } from '@prom-ui/core/Link';
+ *
+ * <Link href='/catalog' link-color='violet-500' link-weight='bold'>
+ *     Каталог
+ * </Link>
  */
-
 var Link = evokit.createBlock('a', 'link', ['blackhole', 'color', 'display', 'lheight', 'size', 'style', 'valign', 'weight', 'wrap'], {
   css: css
 }, {

package/Link/cjs/index.development.v2.js

@@ -7,11 +7,17 @@ var evokit = require('@prom-ui/core/evokit');
 var css = {"ek-link":"Link__ek-link___hudul","ek-link_display_block":"Link__ek-link_display_block___vkdwF","ek-link_display_inline-block":"Link__ek-link_display_inline-block___gQcaB","ek-link_display_inline":"Link__ek-link_display_inline___L1oYw","ek-link_display_none":"Link__ek-link_display_none___nMx1p","ek-link_size_none":"Link__ek-link_size_none___0sm7m","ek-link_size_inherit":"Link__ek-link_size_inherit___P-KNU","ek-link_size_small":"Link__ek-link_size_small___UiaP9","ek-link_size_default":"Link__ek-link_size_default___stYLw","ek-link_size_big":"Link__ek-link_size_big___DTXqx","ek-link_size_h1":"Link__ek-link_size_h1___ocKDm","ek-link_size_h2":"Link__ek-link_size_h2___GeGwE","ek-link_size_h3":"Link__ek-link_size_h3___JfesQ","ek-link_size_h4":"Link__ek-link_size_h4___MObPk","ek-link_size_h5":"Link__ek-link_size_h5___iTxXP","ek-link_size_h6":"Link__ek-link_size_h6___cOw-n","ek-link_weight_default":"Link__ek-link_weight_default___b5Uji","ek-link_weight_thin":"Link__ek-link_weight_thin___qIX09","ek-link_weight_light":"Link__ek-link_weight_light___1pe6U","ek-link_weight_medium":"Link__ek-link_weight_medium___VhGT3","ek-link_weight_bold":"Link__ek-link_weight_bold___GbDOO","ek-link_weight_black":"Link__ek-link_weight_black___Aci3R","ek-link_weight_100":"Link__ek-link_weight_100___JLRfa","ek-link_weight_200":"Link__ek-link_weight_200___8HbON","ek-link_weight_300":"Link__ek-link_weight_300___CoUhG","ek-link_weight_400":"Link__ek-link_weight_400___BP-0b","ek-link_weight_500":"Link__ek-link_weight_500___zzYiO","ek-link_weight_600":"Link__ek-link_weight_600___mFOXY","ek-link_weight_700":"Link__ek-link_weight_700___yhDaI","ek-link_weight_800":"Link__ek-link_weight_800___g4AzF","ek-link_weight_900":"Link__ek-link_weight_900___efQSY","ek-link_valign_baseline":"Link__ek-link_valign_baseline___obi8o","ek-link_valign_bottom":"Link__ek-link_valign_bottom___-UycB","ek-link_valign_middle":"Link__ek-link_valign_middle___Pszjy","ek-link_valign_sub":"Link__ek-link_valign_sub___Tbnzt","ek-link_valign_super":"Link__ek-link_valign_super___swGTA","ek-link_valign_text-bottom":"Link__ek-link_valign_text-bottom___-vNz7","ek-link_valign_text-top":"Link__ek-link_valign_text-top___oYlJ5","ek-link_valign_top":"Link__ek-link_valign_top___LFToM","ek-link_lheight_default":"Link__ek-link_lheight_default___KPBWz","ek-link_lheight_medium":"Link__ek-link_lheight_medium___JH3aD","ek-link_lheight_large":"Link__ek-link_lheight_large___lcfK-","ek-link_style_solid":"Link__ek-link_style_solid___0ZyAI","ek-link_style_dotted":"Link__ek-link_style_dotted___nlLHp","ek-link_style_dashed":"Link__ek-link_style_dashed___qP-4m","ek-link_style_multi-line":"Link__ek-link_style_multi-line___zYySS","ek-link_wrap_normal":"Link__ek-link_wrap_normal___AZx-Z","ek-link_wrap_nowrap":"Link__ek-link_wrap_nowrap___PbNLq","ek-link_wrap_pre":"Link__ek-link_wrap_pre___EQRRP","ek-link_wrap_pre-wrap":"Link__ek-link_wrap_pre-wrap___rtWLg","ek-link_wrap_pre-line":"Link__ek-link_wrap_pre-line___PsAg7","ek-link_wrap_break":"Link__ek-link_wrap_break___pEPJY","ek-link_wrap_ellipsis":"Link__ek-link_wrap_ellipsis___4XA7I","ek-link_color_white":"Link__ek-link_color_white___1kyqx","ek-link_color_black-300":"Link__ek-link_color_black-300___moGxX","ek-link_color_black-400":"Link__ek-link_color_black-400___vopwf","ek-link_color_black-600":"Link__ek-link_color_black-600___ltz9n","ek-link_color_blue-500":"Link__ek-link_color_blue-500___FYRiJ","ek-link_color_red-500":"Link__ek-link_color_red-500___P5vl2","ek-link_color_violet-500":"Link__ek-link_color_violet-500___tmVRm","ek-text_blackhole_ellipsis-inline-block":"Link__ek-text_blackhole_ellipsis-inline-block___C8n-h","ek-link_blackhole_full-hover":"Link__ek-link_blackhole_full-hover___-EbJz"};
 
 /**
- * Компонент `Link` представляет собой обертку над стандартным HTML-элементом `<a>`.
- * Он используется для создания ссылок, которые могут быть оформлены с помощью
- * стилей и настроек из [evokit-link](https://evokit.net/#/packages/evokit-link/).
+ * Стилізоване посилання (`<a>`) з підтримкою evokit-пропсів.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Link } from '@prom-ui/core/Link';
+ *
+ * <Link href='/catalog' link-color='violet-500' link-weight='bold'>
+ *     Каталог
+ * </Link>
  */
-
 var Link = evokit.createBlock('a', 'link', ['blackhole', 'color', 'display', 'lheight', 'size', 'style', 'valign', 'weight', 'wrap'], {
   css: css
 }, {

package/Link/cjs/style.development.css

@@ -216,8 +216,7 @@
 .Link__ek-link_wrap_break___tTyeW {
   word-wrap: break-word;
   word-break: break-word;
-  -webkit-hyphens: auto;
-          hyphens: auto;
+  hyphens: auto;
 }
 .Link__ek-link_wrap_ellipsis___iuo87 {
   display: inline-block;

package/Link/cjs/style.development.v2.css

@@ -216,8 +216,7 @@
 .Link__ek-link_wrap_break___pEPJY {
   word-wrap: break-word;
   word-break: break-word;
-  -webkit-hyphens: auto;
-          hyphens: auto;
+  hyphens: auto;
 }
 .Link__ek-link_wrap_ellipsis___4XA7I {
   display: inline-block;

package/Link/cjs/style.production.css

@@ -1 +1 @@
-.se07P{display:inline;color:inherit;line-height:var(--pds-line-height);text-decoration:none}._7DWh6{display:block}.lcBYL{display:inline-block}.IXDQF{display:inline}.NgoHK{display:none}.iopC-{font-size:0}.pWhi3{font-size:inherit}.FTvW8{font-size:var(--pds-font-size-small)}.fU--F{font-size:var(--pds-font-size-default)}.nczvU{font-size:var(--pds-font-size-big)}.cTI-7{font-size:var(--pds-font-size-h1)}.h8dKJ{font-size:var(--pds-font-size-h2)}.QAV0P{font-size:var(--pds-font-size-h3)}.tjfoz{font-size:var(--pds-font-size-h4)}.MExtb{font-size:var(--pds-font-size-h5)}._0-qIJ{font-size:var(--pds-font-size-h6)}.wXs2z{font-weight:400}.ybk9j{font-weight:100}.iSeTt{font-weight:300}.mot36{font-weight:500}.WsBCw{font-weight:700}.Xfr5x{font-weight:900}.lB1Fe{font-weight:100}.PBdS-{font-weight:200}.Gto-o{font-weight:300}.wfRZm{font-weight:400}.ECAlj{font-weight:500}.nBT3m{font-weight:600}.Obg6Z{font-weight:700}.XoGtf{font-weight:800}._1wYSI{font-weight:900}.xgawj{vertical-align:baseline}.W3Lot{vertical-align:bottom}._8uiIO{vertical-align:middle}.KB1Pl{vertical-align:sub}.-sMS6{vertical-align:super}.zuYTn{vertical-align:text-bottom}.Gz9CB{vertical-align:text-top}.poBhl{vertical-align:top}.IUFKX{line-height:var(--pds-line-height)}.ktEn4{line-height:1.25em}.SXvi-{line-height:1.5em}.NORl6{border-bottom:1px solid}.Zkrc5{border-bottom:1px dotted}._0eZQ-{border-bottom:1px dashed}.tCOeZ{position:relative;display:inline-block}.tCOeZ::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}.QJJfR{white-space:normal}._1moZq{white-space:nowrap}.Ukq58{white-space:pre}.B8s-H{white-space:pre-wrap}.p7dIa{white-space:pre-line}.tTyeW{word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.iuo87{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.or7LB{color:var(--white)}._5bFCY{color:var(--black-300)}.I-KVN{color:var(--black-400)}.vgqdx{color:var(--black-600)}.sSXTB{color:var(--blue-500)}.Vfnmv{color:var(--red-500)}.Xa3SA{color:var(--violet-500)}.goTZT{display:inline-block!important;max-width:100%}.aV5Sw::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}@media (hover:hover) and (pointer:fine){.se07P:hover{cursor:pointer;text-decoration:underline}.NORl6:hover{text-decoration:none;border-bottom-color:transparent}.Zkrc5:hover{text-decoration:none;border-bottom-color:transparent}._0eZQ-:hover{text-decoration:none;border-bottom-color:transparent}}
+.se07P{display:inline;color:inherit;line-height:var(--pds-line-height);text-decoration:none}._7DWh6{display:block}.lcBYL{display:inline-block}.IXDQF{display:inline}.NgoHK{display:none}.iopC-{font-size:0}.pWhi3{font-size:inherit}.FTvW8{font-size:var(--pds-font-size-small)}.fU--F{font-size:var(--pds-font-size-default)}.nczvU{font-size:var(--pds-font-size-big)}.cTI-7{font-size:var(--pds-font-size-h1)}.h8dKJ{font-size:var(--pds-font-size-h2)}.QAV0P{font-size:var(--pds-font-size-h3)}.tjfoz{font-size:var(--pds-font-size-h4)}.MExtb{font-size:var(--pds-font-size-h5)}._0-qIJ{font-size:var(--pds-font-size-h6)}.wXs2z{font-weight:400}.ybk9j{font-weight:100}.iSeTt{font-weight:300}.mot36{font-weight:500}.WsBCw{font-weight:700}.Xfr5x{font-weight:900}.lB1Fe{font-weight:100}.PBdS-{font-weight:200}.Gto-o{font-weight:300}.wfRZm{font-weight:400}.ECAlj{font-weight:500}.nBT3m{font-weight:600}.Obg6Z{font-weight:700}.XoGtf{font-weight:800}._1wYSI{font-weight:900}.xgawj{vertical-align:baseline}.W3Lot{vertical-align:bottom}._8uiIO{vertical-align:middle}.KB1Pl{vertical-align:sub}.-sMS6{vertical-align:super}.zuYTn{vertical-align:text-bottom}.Gz9CB{vertical-align:text-top}.poBhl{vertical-align:top}.IUFKX{line-height:var(--pds-line-height)}.ktEn4{line-height:1.25em}.SXvi-{line-height:1.5em}.NORl6{border-bottom:1px solid}.Zkrc5{border-bottom:1px dotted}._0eZQ-{border-bottom:1px dashed}.tCOeZ{position:relative;display:inline-block}.tCOeZ::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}.QJJfR{white-space:normal}._1moZq{white-space:nowrap}.Ukq58{white-space:pre}.B8s-H{white-space:pre-wrap}.p7dIa{white-space:pre-line}.tTyeW{word-wrap:break-word;word-break:break-word;hyphens:auto}.iuo87{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.or7LB{color:var(--white)}._5bFCY{color:var(--black-300)}.I-KVN{color:var(--black-400)}.vgqdx{color:var(--black-600)}.sSXTB{color:var(--blue-500)}.Vfnmv{color:var(--red-500)}.Xa3SA{color:var(--violet-500)}.goTZT{display:inline-block!important;max-width:100%}.aV5Sw::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}@media (hover:hover) and (pointer:fine){.se07P:hover{cursor:pointer;text-decoration:underline}.NORl6:hover{text-decoration:none;border-bottom-color:transparent}.Zkrc5:hover{text-decoration:none;border-bottom-color:transparent}._0eZQ-:hover{text-decoration:none;border-bottom-color:transparent}}

package/Link/cjs/style.production.v2.css

@@ -1 +1 @@
-.hudul{display:inline;color:inherit;line-height:var(--pds-line-height);text-decoration:none}.vkdwF{display:block}.gQcaB{display:inline-block}.L1oYw{display:inline}.nMx1p{display:none}._0sm7m{font-size:0}.P-KNU{font-size:inherit}.UiaP9{font-size:var(--pds-font-size-small)}.stYLw{font-size:var(--pds-font-size-default)}.DTXqx{font-size:var(--pds-font-size-big)}.ocKDm{font-size:var(--pds-font-size-h1)}.GeGwE{font-size:var(--pds-font-size-h2)}.JfesQ{font-size:var(--pds-font-size-h3)}.MObPk{font-size:var(--pds-font-size-h4)}.iTxXP{font-size:var(--pds-font-size-h5)}.cOw-n{font-size:var(--pds-font-size-h6)}.b5Uji{font-weight:400}.qIX09{font-weight:100}._1pe6U{font-weight:300}.VhGT3{font-weight:500}.GbDOO{font-weight:700}.Aci3R{font-weight:900}.JLRfa{font-weight:100}._8HbON{font-weight:200}.CoUhG{font-weight:300}.BP-0b{font-weight:400}.zzYiO{font-weight:500}.mFOXY{font-weight:600}.yhDaI{font-weight:700}.g4AzF{font-weight:800}.efQSY{font-weight:900}.obi8o{vertical-align:baseline}.-UycB{vertical-align:bottom}.Pszjy{vertical-align:middle}.Tbnzt{vertical-align:sub}.swGTA{vertical-align:super}.-vNz7{vertical-align:text-bottom}.oYlJ5{vertical-align:text-top}.LFToM{vertical-align:top}.KPBWz{line-height:var(--pds-line-height)}.JH3aD{line-height:1.25em}.lcfK-{line-height:1.5em}._0ZyAI{border-bottom:1px solid}.nlLHp{border-bottom:1px dotted}.qP-4m{border-bottom:1px dashed}.zYySS{position:relative;display:inline-block}.zYySS::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}.AZx-Z{white-space:normal}.PbNLq{white-space:nowrap}.EQRRP{white-space:pre}.rtWLg{white-space:pre-wrap}.PsAg7{white-space:pre-line}.pEPJY{word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}._4XA7I{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._1kyqx{color:var(--white)}.moGxX{color:var(--black-300)}.vopwf{color:var(--black-400)}.ltz9n{color:var(--black-600)}.FYRiJ{color:var(--blue-500)}.P5vl2{color:var(--red-500)}.tmVRm{color:var(--violet-500)}.C8n-h{display:inline-block!important;max-width:100%}.-EbJz::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}@media (hover:hover) and (pointer:fine){.hudul:hover{cursor:pointer;text-decoration:underline}._0ZyAI:hover{text-decoration:none;border-bottom-color:transparent}.nlLHp:hover{text-decoration:none;border-bottom-color:transparent}.qP-4m:hover{text-decoration:none;border-bottom-color:transparent}}
+.hudul{display:inline;color:inherit;line-height:var(--pds-line-height);text-decoration:none}.vkdwF{display:block}.gQcaB{display:inline-block}.L1oYw{display:inline}.nMx1p{display:none}._0sm7m{font-size:0}.P-KNU{font-size:inherit}.UiaP9{font-size:var(--pds-font-size-small)}.stYLw{font-size:var(--pds-font-size-default)}.DTXqx{font-size:var(--pds-font-size-big)}.ocKDm{font-size:var(--pds-font-size-h1)}.GeGwE{font-size:var(--pds-font-size-h2)}.JfesQ{font-size:var(--pds-font-size-h3)}.MObPk{font-size:var(--pds-font-size-h4)}.iTxXP{font-size:var(--pds-font-size-h5)}.cOw-n{font-size:var(--pds-font-size-h6)}.b5Uji{font-weight:400}.qIX09{font-weight:100}._1pe6U{font-weight:300}.VhGT3{font-weight:500}.GbDOO{font-weight:700}.Aci3R{font-weight:900}.JLRfa{font-weight:100}._8HbON{font-weight:200}.CoUhG{font-weight:300}.BP-0b{font-weight:400}.zzYiO{font-weight:500}.mFOXY{font-weight:600}.yhDaI{font-weight:700}.g4AzF{font-weight:800}.efQSY{font-weight:900}.obi8o{vertical-align:baseline}.-UycB{vertical-align:bottom}.Pszjy{vertical-align:middle}.Tbnzt{vertical-align:sub}.swGTA{vertical-align:super}.-vNz7{vertical-align:text-bottom}.oYlJ5{vertical-align:text-top}.LFToM{vertical-align:top}.KPBWz{line-height:var(--pds-line-height)}.JH3aD{line-height:1.25em}.lcfK-{line-height:1.5em}._0ZyAI{border-bottom:1px solid}.nlLHp{border-bottom:1px dotted}.qP-4m{border-bottom:1px dashed}.zYySS{position:relative;display:inline-block}.zYySS::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0}.AZx-Z{white-space:normal}.PbNLq{white-space:nowrap}.EQRRP{white-space:pre}.rtWLg{white-space:pre-wrap}.PsAg7{white-space:pre-line}.pEPJY{word-wrap:break-word;word-break:break-word;hyphens:auto}._4XA7I{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._1kyqx{color:var(--white)}.moGxX{color:var(--black-300)}.vopwf{color:var(--black-400)}.ltz9n{color:var(--black-600)}.FYRiJ{color:var(--blue-500)}.P5vl2{color:var(--red-500)}.tmVRm{color:var(--violet-500)}.C8n-h{display:inline-block!important;max-width:100%}.-EbJz::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}@media (hover:hover) and (pointer:fine){.hudul:hover{cursor:pointer;text-decoration:underline}._0ZyAI:hover{text-decoration:none;border-bottom-color:transparent}.nlLHp:hover{text-decoration:none;border-bottom-color:transparent}.qP-4m:hover{text-decoration:none;border-bottom-color:transparent}}

package/Link/index.d.ts

@@ -9,20 +9,78 @@ type LinkWeight = EvokitWithoutMediaSufix<'default' | 'thin' | 'light' | 'medium
 type LinkWrap = EvokitWithoutMediaSufix<'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break' | 'ellipsis'>;
 type LinkBlackhole = 'ellipsis-inline-block' | 'full-hover';
 export type LinkProps = {
+    /**
+     * Колір тексту посилання.
+     * @example 'violet-500'
+     * @example 'black-700'
+     */
     'link-color'?: EvokitProp<LinkThemes>;
+    /**
+     * `display` посилання.
+     * @example 'inline'
+     * @example 'block'
+     * @example 'none'
+     */
     'link-display'?: EvokitProp<LinkDisplay>;
+    /**
+     * Висота рядка (`line-height`).
+     * @example 'default'
+     * @example 'large'
+     */
     'link-lheight'?: EvokitProp<LinkLheight>;
+    /**
+     * Розмір шрифту. `h1`–`h6` відповідають розміру відповідного HTML-заголовка.
+     * Значення: none | inherit | default | small | big | h1 | h2 | h3 | h4 | h5 | h6
+     * @example 'default'
+     * @example 'h4'
+     */
     'link-size'?: EvokitProp<LinkSize>;
+    /**
+     * Тип підкреслення посилання. `'multi-line'` — підкреслення для багаторядкового посилання.
+     * @example 'solid'
+     * @example 'dotted'
+     * @example 'multi-line'
+     */
     'link-style'?: EvokitProp<LinkStyle>;
+    /**
+     * Вертикальне вирівнювання (`vertical-align`).
+     * @example 'middle'
+     * @example 'top'
+     */
     'link-valign'?: EvokitProp<LinkValign>;
+    /**
+     * Жирність тексту (`font-weight`).
+     * @example 'bold'
+     * @example 'medium'
+     * @example 700
+     */
     'link-weight'?: EvokitProp<LinkWeight>;
+    /**
+     * Перенос та обрізання тексту.
+     * @example 'nowrap'
+     * @example 'ellipsis'
+     */
     'link-wrap'?: EvokitProp<LinkWrap>;
+    /**
+     * Додаткові CSS-модифікатори.
+     * - `'ellipsis-inline-block'` — `inline-block` з обрізанням тексту та `max-width: 100%`
+     * - `'full-hover'` — псевдоелемент `::after` розтягується на весь найближчий `position: relative` контейнер
+     * @example 'ellipsis-inline-block'
+     * @example ['ellipsis-inline-block', 'full-hover']
+     */
     'link-blackhole'?: EvokitProp<LinkBlackhole>;
 };
 /**
- * Компонент `Link` представляет собой обертку над стандартным HTML-элементом `<a>`.
- * Он используется для создания ссылок, которые могут быть оформлены с помощью
- * стилей и настроек из [evokit-link](https://evokit.net/#/packages/evokit-link/).
+ * Стилізоване посилання (`<a>`) з підтримкою evokit-пропсів.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Link } from '@prom-ui/core/Link';
+ *
+ * <Link href='/catalog' link-color='violet-500' link-weight='bold'>
+ *     Каталог
+ * </Link>
  */
 export declare const Link: import("@prom-ui/core/evokit").CreateBlock<"a", "link", LinkProps>;
 export {};

package/Link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Link",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [