@prom-ui/core 1.2.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/Avatar/package.json +1 -1
  2. package/Backdrop/package.json +1 -1
  3. package/Body/package.json +1 -1
  4. package/BodyContext/package.json +1 -1
  5. package/BodyProvider/package.json +1 -1
  6. package/Box/package.json +1 -1
  7. package/Button/cjs/style.development.css +1 -1
  8. package/Button/cjs/style.development.v2.css +1 -1
  9. package/Button/cjs/style.production.css +1 -1
  10. package/Button/cjs/style.production.v2.css +1 -1
  11. package/Button/package.json +1 -1
  12. package/ButtonPageUp/package.json +1 -1
  13. package/Checkbox/package.json +1 -1
  14. package/Flex/package.json +1 -1
  15. package/Grid/package.json +1 -1
  16. package/Icon/package.json +1 -1
  17. package/Image/package.json +1 -1
  18. package/ImageEmoji/package.json +1 -1
  19. package/Input/package.json +1 -1
  20. package/InputField/addons/ErrorText.d.ts +1 -0
  21. package/InputField/cjs/index.development.js +46 -9
  22. package/InputField/cjs/index.development.v2.js +46 -9
  23. package/InputField/cjs/index.production.js +1 -1
  24. package/InputField/cjs/index.production.v2.js +1 -1
  25. package/InputField/package.json +1 -1
  26. package/InputField/utils.d.ts +4 -0
  27. package/KeyPress/package.json +1 -1
  28. package/Line/package.json +1 -1
  29. package/Link/package.json +1 -1
  30. package/List/package.json +1 -1
  31. package/Media/package.json +1 -1
  32. package/OutsideClick/package.json +1 -1
  33. package/Overlay/package.json +1 -1
  34. package/Picture/package.json +1 -1
  35. package/Portal/package.json +1 -1
  36. package/QRCode/package.json +1 -1
  37. package/Rating/package.json +1 -1
  38. package/RatingSelect/package.json +1 -1
  39. package/SafeQuery/package.json +1 -1
  40. package/Scroll/package.json +1 -1
  41. package/ScrollControls/package.json +1 -1
  42. package/SimpleSlider/cjs/index.development.js +3 -2
  43. package/SimpleSlider/cjs/index.development.v2.js +3 -2
  44. package/SimpleSlider/cjs/index.production.js +1 -1
  45. package/SimpleSlider/cjs/index.production.v2.js +1 -1
  46. package/SimpleSlider/package.json +1 -1
  47. package/Skeleton/package.json +1 -1
  48. package/Spinner/package.json +1 -1
  49. package/Text/package.json +1 -1
  50. package/TextEmoji/package.json +1 -1
  51. package/Tooltip/package.json +1 -1
  52. package/Tumbler/package.json +1 -1
  53. package/base/colors.css +356 -0
  54. package/package.json +2 -2
  55. package/useBodyTTag/package.json +1 -1
  56. package/useDebounce/package.json +1 -1
  57. package/useId/package.json +1 -1
  58. package/useIsMounted/package.json +1 -1
  59. package/useKeyPress/package.json +1 -1
  60. package/useMedia/package.json +1 -1
  61. package/useOutsideClick/package.json +1 -1
  62. package/usePortal/package.json +1 -1
  63. package/useScrollPosition/package.json +1 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-easy-swipe"),n=require("classnames");require("intersection-observer");var r=require("@prom-ui/core/Icon"),o=require("@prom-ui/core/useBodyTTag"),i=require("@prom-ui/icons/Left"),a=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 s=u(e),l=c(t),f=c(n),d=function(){return d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var p,m,y,h=function(e){return!!e&&/\d\/\d/.test(e)},b=function(e,t){return Math.abs((e%t+t)%t)},x=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},w=function(e){var t=e.width,n=e.height,r=e.ratio,o=e.style,i=h(r);return d({width:t,height:i?"auto":n,maxWidth:i?"100%":"none",aspectRatio:i?r:void 0},o)},g=function(e){var t=e.index,n=e.childrenCount,r=e.duration,o=e.offset,i="number"==typeof o,a=i?o:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:i?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},O="WuTIM",E="G8BYu",j="_94Eq7",N="UqTOk I5yQD LXJjI",k="BbLNv I5yQD LXJjI",C="_89h6n",I="E7g4J",S="v-ZWk",q="cbWCu",P="_7N4yb LXJjI",L="yssoj",T="ig5DV",_=s.forwardRef((function(t,n){var c,u,_,B,D,R,M=t.showIndex,H=void 0===M?0:M,J=t.autoPlay,W=void 0===J?0:J,X=t.children,Q=t.className,z=t.duration,A=void 0===z?500:z,F=t.height,G=t.infinite,U=void 0!==G&&G,V=t.ratio,Y=t.style,Z=t.width,K=t.onChangeIndex,$=t.onClickDot,ee=t.onClickItem,te=t.onClickButtonNext,ne=t.onClickButtonPrev,re=t.onSwipeNext,oe=t.onSwipePrev,ie=t.showOnHoverButtons,ae=void 0!==ie&&ie,ce=t.showOnHoverDots,ue=void 0!==ce&&ce,se=t.isDotsTransparent,le=void 0!==se&&se,fe=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(t,["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"]),de=o.useBodyTTag().t,ve=s.useRef(null),pe=s.useRef(!1),me=s.useState(!1),ye=me[0],he=me[1],be=s.useState({index:H,offset:void 0}),xe=be[0],we=be[1],ge=s.Children.count(X),Oe=s.Children.toArray(X),Ee=!U&&0===xe.index,je=!U&&xe.index===ge-1,Ne=ge>1,ke=ge>1,Ce=!ye&&W>0,Ie=xe.index-1,Se=xe.index+1,qe=b(xe.index,ge),Pe=b(Ie,ge),Le=b(Se,ge),Te=(_=function(){pe.current||je||we({index:Se,offset:void 0})},B=W,D=e.useRef(null),[function(){R(),D.current=setTimeout(_,B)},R=function(){clearTimeout(D.current)}]),_e=Te[0],Be=Te[1],De=function(){pe.current=!0,Be()},Re=function(){pe.current=!1,Ce&&_e(),xe.index in Oe||we({index:qe,offset:0}),"function"==typeof K&&K(qe)};return s.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?_e():Be()}));return null===(e=ve.current)||void 0===e||e.addEventListener("transitionstart",De),null===(t=ve.current)||void 0===t||t.addEventListener("transitionend",Re),Ce&&ve.current&&n.observe(ve.current),function(){var e,t;null===(e=ve.current)||void 0===e||e.removeEventListener("transitionstart",De),null===(t=ve.current)||void 0===t||t.removeEventListener("transitionend",Re),Be(),n.disconnect()}}),[xe.index,Ce]),s.useEffect((function(){H!==xe.index&&we({index:H,offset:void 0})}),[H]),s.createElement(l.default,d({ref:n,onSwipeLeft:function(){pe.current||je||("function"==typeof re&&re(Le),we({index:Se,offset:void 0}))},onSwipeRight:function(){pe.current||Ee||("function"==typeof oe&&oe(Pe),we({index:Ie,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(pe.current||t.touches&&t.touches.length>1)){var r=n;(Ee&&n>0||je&&n<0)&&(r=0),we({index:xe.index,offset:r})}},className:f.default(O,Q,(c={},c[L]=ae,c[T]=ue,c)),style:w({width:Z,height:F,ratio:V,style:Y}),onSwipeStart:function(){return he(!0)},onSwipeEnd:function(){return he(!1)},onMouseEnter:function(){return he(!0)},onMouseLeave:function(){return he(!1)}},fe),h(V)&&s.createElement("div",{style:x(V)}),s.createElement("ul",{ref:ve,className:E,style:g({index:U?xe.index+1:xe.index,childrenCount:U?ge+2:ge,duration:A,offset:xe.offset})},U&&s.createElement("li",{className:j},Oe[Oe.length-1]),Oe.map((function(e,t){return s.createElement("li",{key:e.key,className:j,onClick:function(){"function"==typeof ee&&ee(t)},"data-qaid":"image_slider_".concat(t)},e)})),U&&s.createElement("li",{className:j},Oe[0])),Ne&&s.createElement(s.Fragment,null,s.createElement("button",{type:"button",className:N,onClick:function(){pe.current||Ee||("function"==typeof ne&&ne(Pe),we({index:Ie,offset:void 0}))},disabled:Ee,"aria-label":de(p||(p=v(["Показать предыдущий баннер"],["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},s.createElement(r.Icon,{className:C,"icon-as":i.Left})),s.createElement("button",{type:"button",className:k,onClick:function(){pe.current||je||("function"==typeof te&&te(Le),we({index:Se,offset:void 0}))},disabled:je,"aria-label":de(m||(m=v(["Показать следующий баннер"],["Показать следующий баннер"]))),"data-qaid":"next_image"},s.createElement(r.Icon,{className:C,"icon-as":a.Right}))),ke&&s.createElement("ul",{className:f.default(I,(u={},u[S]=le,u))},Oe.map((function(e,t){var n=t+1;return s.createElement("li",{className:q,key:e.key},s.createElement("button",{type:"button",className:P,onClick:function(){return e=t,void(pe.current||("function"==typeof $&&$(e),we({index:e,offset:void 0})));var e},disabled:t===qe,"aria-label":de(y||(y=v(["Показать баннер номер ",""],["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));exports.SimpleSlider=_,require("./style.production.css");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-easy-swipe"),n=require("classnames");require("intersection-observer");var r=require("@prom-ui/core/Icon"),i=require("@prom-ui/core/useBodyTTag"),o=require("@prom-ui/icons/Left"),a=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 s=u(e),l=c(t),f=c(n),d=function(){return d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var p,m,y,h=function(e){return!!e&&/\d\/\d/.test(e)},b=function(e,t){return Math.abs((e%t+t)%t)},x=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},g=function(e){var t=e.width,n=e.height,r=e.ratio,i=e.style,o=h(r);return d({width:t,height:o?"auto":n,maxWidth:o?"100%":"none",aspectRatio:o?r:void 0},i)},w=function(e){var t=e.index,n=e.childrenCount,r=e.duration,i=e.offset,o="number"==typeof i,a=o?i:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:o?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},O="WuTIM",E="G8BYu",j="_94Eq7",k="UqTOk I5yQD LXJjI",N="BbLNv I5yQD LXJjI",C="_89h6n",I="E7g4J",S="v-ZWk",q="cbWCu",P="_7N4yb LXJjI",_="yssoj",L="ig5DV",T=s.forwardRef((function(t,n){var c,u,T,B,D,R,M=t.showIndex,H=void 0===M?0:M,J=t.autoPlay,W=void 0===J?0:J,X=t.children,Q=t.className,z=t.duration,A=void 0===z?500:z,F=t.height,G=t.infinite,U=void 0!==G&&G,V=t.ratio,Y=t.style,Z=t.width,K=t.onChangeIndex,$=t.onClickDot,ee=t.onClickItem,te=t.onClickButtonNext,ne=t.onClickButtonPrev,re=t.onSwipeNext,ie=t.onSwipePrev,oe=t.showOnHoverButtons,ae=void 0!==oe&&oe,ce=t.showOnHoverDots,ue=void 0!==ce&&ce,se=t.isDotsTransparent,le=void 0!==se&&se,fe=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(t,["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"]),de=i.useBodyTTag().t,ve=s.useRef(null),pe=s.useRef(!1),me=s.useState(!1),ye=me[0],he=me[1],be=s.useState({index:H,offset:void 0}),xe=be[0],ge=be[1],we=s.Children.toArray(X),Oe=we.length,Ee=!U&&0===xe.index,je=!U&&xe.index===Oe-1,ke=Oe>1,Ne=Oe>1,Ce=!ye&&W>0,Ie=xe.index-1,Se=xe.index+1,qe=b(xe.index,Oe),Pe=b(Ie,Oe),_e=b(Se,Oe),Le=(T=function(){pe.current||je||ge({index:Se,offset:void 0})},B=W,D=e.useRef(null),[function(){R(),D.current=setTimeout(T,B)},R=function(){clearTimeout(D.current)}]),Te=Le[0],Be=Le[1],De=function(){pe.current=!0,Be()},Re=function(){pe.current=!1,Ce&&Te(),xe.index in we||ge({index:qe,offset:0}),"function"==typeof K&&K(qe)};return s.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Te():Be()}));return null===(e=ve.current)||void 0===e||e.addEventListener("transitionstart",De),null===(t=ve.current)||void 0===t||t.addEventListener("transitionend",Re),Ce&&ve.current&&n.observe(ve.current),function(){var e,t;null===(e=ve.current)||void 0===e||e.removeEventListener("transitionstart",De),null===(t=ve.current)||void 0===t||t.removeEventListener("transitionend",Re),Be(),n.disconnect()}}),[xe.index,Ce]),s.useEffect((function(){H!==xe.index&&ge({index:H,offset:void 0})}),[H]),s.createElement(l.default,d({ref:n,onSwipeLeft:function(){pe.current||je||("function"==typeof re&&re(_e),ge({index:Se,offset:void 0}))},onSwipeRight:function(){pe.current||Ee||("function"==typeof ie&&ie(Pe),ge({index:Ie,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(pe.current||t.touches&&t.touches.length>1)){var r=n;(Ee&&n>0||je&&n<0)&&(r=0),ge({index:xe.index,offset:r})}},className:f.default(O,Q,(c={},c[_]=ae,c[L]=ue,c)),style:g({width:Z,height:F,ratio:V,style:Y}),onSwipeStart:function(){return he(!0)},onSwipeEnd:function(){return he(!1)},onMouseEnter:function(){return he(!0)},onMouseLeave:function(){return he(!1)}},fe),h(V)&&s.createElement("div",{style:x(V)}),s.createElement("ul",{ref:ve,className:E,style:w({index:U?xe.index+1:xe.index,childrenCount:U?Oe+2:Oe,duration:A,offset:xe.offset}),"data-testid":"simple_slider_track"},U&&s.createElement("li",{className:j},we[we.length-1]),we.map((function(e,t){return s.createElement("li",{key:e.key,className:j,onClick:function(){"function"==typeof ee&&ee(t)},"data-qaid":"image_slider_".concat(t)},e)})),U&&s.createElement("li",{className:j},we[0])),ke&&s.createElement(s.Fragment,null,s.createElement("button",{type:"button",className:k,onClick:function(){pe.current||Ee||("function"==typeof ne&&ne(Pe),ge({index:Ie,offset:void 0}))},disabled:Ee,"aria-label":de(p||(p=v(["Показать предыдущий баннер"],["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},s.createElement(r.Icon,{className:C,"icon-as":o.Left})),s.createElement("button",{type:"button",className:N,onClick:function(){pe.current||je||("function"==typeof te&&te(_e),ge({index:Se,offset:void 0}))},disabled:je,"aria-label":de(m||(m=v(["Показать следующий баннер"],["Показать следующий баннер"]))),"data-qaid":"next_image"},s.createElement(r.Icon,{className:C,"icon-as":a.Right}))),Ne&&s.createElement("ul",{className:f.default(I,(u={},u[S]=le,u))},we.map((function(e,t){var n=t+1;return s.createElement("li",{className:q,key:e.key},s.createElement("button",{type:"button",className:P,onClick:function(){return e=t,void(pe.current||("function"==typeof $&&$(e),ge({index:e,offset:void 0})));var e},disabled:t===qe,"aria-label":de(y||(y=v(["Показать баннер номер ",""],["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));exports.SimpleSlider=T,require("./style.production.css");
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-easy-swipe"),n=require("classnames");require("intersection-observer");var r=require("@prom-ui/core/Icon"),o=require("@prom-ui/core/useBodyTTag"),i=require("@prom-ui/icons/Left"),a=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 s=u(e),f=c(t),l=c(n),d=function(){return d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var p,m,y,h=function(e){return!!e&&/\d\/\d/.test(e)},b=function(e,t){return Math.abs((e%t+t)%t)},x=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},g=function(e){var t=e.width,n=e.height,r=e.ratio,o=e.style,i=h(r);return d({width:t,height:i?"auto":n,maxWidth:i?"100%":"none",aspectRatio:i?r:void 0},o)},w=function(e){var t=e.index,n=e.childrenCount,r=e.duration,o=e.offset,i="number"==typeof o,a=i?o:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:i?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},E="bXdCd",O="igqgQ",k="_7TgGX",C="_543BF cQvz3 gHpEr",N="uU4Gw cQvz3 gHpEr",j="LD9ov",P="GA591",S="fybKk",q="d4JnV",I="UPQSI gHpEr",_="_0cn-k",L="q4PLm",T=s.forwardRef((function(t,n){var c,u,T,B,D,R,H=t.showIndex,M=void 0===H?0:H,Q=t.autoPlay,z=void 0===Q?0:Q,G=t.children,X=t.className,A=t.duration,F=void 0===A?500:A,U=t.height,J=t.infinite,K=void 0!==J&&J,V=t.ratio,W=t.style,Y=t.width,Z=t.onChangeIndex,$=t.onClickDot,ee=t.onClickItem,te=t.onClickButtonNext,ne=t.onClickButtonPrev,re=t.onSwipeNext,oe=t.onSwipePrev,ie=t.showOnHoverButtons,ae=void 0!==ie&&ie,ce=t.showOnHoverDots,ue=void 0!==ce&&ce,se=t.isDotsTransparent,fe=void 0!==se&&se,le=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(t,["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"]),de=o.useBodyTTag().t,ve=s.useRef(null),pe=s.useRef(!1),me=s.useState(!1),ye=me[0],he=me[1],be=s.useState({index:M,offset:void 0}),xe=be[0],ge=be[1],we=s.Children.count(G),Ee=s.Children.toArray(G),Oe=!K&&0===xe.index,ke=!K&&xe.index===we-1,Ce=we>1,Ne=we>1,je=!ye&&z>0,Pe=xe.index-1,Se=xe.index+1,qe=b(xe.index,we),Ie=b(Pe,we),_e=b(Se,we),Le=(T=function(){pe.current||ke||ge({index:Se,offset:void 0})},B=z,D=e.useRef(null),[function(){R(),D.current=setTimeout(T,B)},R=function(){clearTimeout(D.current)}]),Te=Le[0],Be=Le[1],De=function(){pe.current=!0,Be()},Re=function(){pe.current=!1,je&&Te(),xe.index in Ee||ge({index:qe,offset:0}),"function"==typeof Z&&Z(qe)};return s.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Te():Be()}));return null===(e=ve.current)||void 0===e||e.addEventListener("transitionstart",De),null===(t=ve.current)||void 0===t||t.addEventListener("transitionend",Re),je&&ve.current&&n.observe(ve.current),function(){var e,t;null===(e=ve.current)||void 0===e||e.removeEventListener("transitionstart",De),null===(t=ve.current)||void 0===t||t.removeEventListener("transitionend",Re),Be(),n.disconnect()}}),[xe.index,je]),s.useEffect((function(){M!==xe.index&&ge({index:M,offset:void 0})}),[M]),s.createElement(f.default,d({ref:n,onSwipeLeft:function(){pe.current||ke||("function"==typeof re&&re(_e),ge({index:Se,offset:void 0}))},onSwipeRight:function(){pe.current||Oe||("function"==typeof oe&&oe(Ie),ge({index:Pe,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(pe.current||t.touches&&t.touches.length>1)){var r=n;(Oe&&n>0||ke&&n<0)&&(r=0),ge({index:xe.index,offset:r})}},className:l.default(E,X,(c={},c[_]=ae,c[L]=ue,c)),style:g({width:Y,height:U,ratio:V,style:W}),onSwipeStart:function(){return he(!0)},onSwipeEnd:function(){return he(!1)},onMouseEnter:function(){return he(!0)},onMouseLeave:function(){return he(!1)}},le),h(V)&&s.createElement("div",{style:x(V)}),s.createElement("ul",{ref:ve,className:O,style:w({index:K?xe.index+1:xe.index,childrenCount:K?we+2:we,duration:F,offset:xe.offset})},K&&s.createElement("li",{className:k},Ee[Ee.length-1]),Ee.map((function(e,t){return s.createElement("li",{key:e.key,className:k,onClick:function(){"function"==typeof ee&&ee(t)},"data-qaid":"image_slider_".concat(t)},e)})),K&&s.createElement("li",{className:k},Ee[0])),Ce&&s.createElement(s.Fragment,null,s.createElement("button",{type:"button",className:C,onClick:function(){pe.current||Oe||("function"==typeof ne&&ne(Ie),ge({index:Pe,offset:void 0}))},disabled:Oe,"aria-label":de(p||(p=v(["Показать предыдущий баннер"],["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},s.createElement(r.Icon,{className:j,"icon-as":i.Left})),s.createElement("button",{type:"button",className:N,onClick:function(){pe.current||ke||("function"==typeof te&&te(_e),ge({index:Se,offset:void 0}))},disabled:ke,"aria-label":de(m||(m=v(["Показать следующий баннер"],["Показать следующий баннер"]))),"data-qaid":"next_image"},s.createElement(r.Icon,{className:j,"icon-as":a.Right}))),Ne&&s.createElement("ul",{className:l.default(P,(u={},u[S]=fe,u))},Ee.map((function(e,t){var n=t+1;return s.createElement("li",{className:q,key:e.key},s.createElement("button",{type:"button",className:I,onClick:function(){return e=t,void(pe.current||("function"==typeof $&&$(e),ge({index:e,offset:void 0})));var e},disabled:t===qe,"aria-label":de(y||(y=v(["Показать баннер номер ",""],["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));exports.SimpleSlider=T,require("./style.production.v2.css");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-easy-swipe"),n=require("classnames");require("intersection-observer");var r=require("@prom-ui/core/Icon"),i=require("@prom-ui/core/useBodyTTag"),o=require("@prom-ui/icons/Left"),a=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 s=u(e),l=c(t),f=c(n),d=function(){return d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var p,m,y,h=function(e){return!!e&&/\d\/\d/.test(e)},b=function(e,t){return Math.abs((e%t+t)%t)},x=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},g=function(e){var t=e.width,n=e.height,r=e.ratio,i=e.style,o=h(r);return d({width:t,height:o?"auto":n,maxWidth:o?"100%":"none",aspectRatio:o?r:void 0},i)},w=function(e){var t=e.index,n=e.childrenCount,r=e.duration,i=e.offset,o="number"==typeof i,a=o?i:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:o?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},E="bXdCd",O="igqgQ",k="_7TgGX",C="_543BF cQvz3 gHpEr",N="uU4Gw cQvz3 gHpEr",j="LD9ov",P="GA591",S="fybKk",q="d4JnV",I="UPQSI gHpEr",_="_0cn-k",L="q4PLm",T=s.forwardRef((function(t,n){var c,u,T,B,D,R,H=t.showIndex,M=void 0===H?0:H,Q=t.autoPlay,z=void 0===Q?0:Q,G=t.children,X=t.className,A=t.duration,F=void 0===A?500:A,U=t.height,J=t.infinite,K=void 0!==J&&J,V=t.ratio,W=t.style,Y=t.width,Z=t.onChangeIndex,$=t.onClickDot,ee=t.onClickItem,te=t.onClickButtonNext,ne=t.onClickButtonPrev,re=t.onSwipeNext,ie=t.onSwipePrev,oe=t.showOnHoverButtons,ae=void 0!==oe&&oe,ce=t.showOnHoverDots,ue=void 0!==ce&&ce,se=t.isDotsTransparent,le=void 0!==se&&se,fe=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(t,["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"]),de=i.useBodyTTag().t,ve=s.useRef(null),pe=s.useRef(!1),me=s.useState(!1),ye=me[0],he=me[1],be=s.useState({index:M,offset:void 0}),xe=be[0],ge=be[1],we=s.Children.toArray(G),Ee=we.length,Oe=!K&&0===xe.index,ke=!K&&xe.index===Ee-1,Ce=Ee>1,Ne=Ee>1,je=!ye&&z>0,Pe=xe.index-1,Se=xe.index+1,qe=b(xe.index,Ee),Ie=b(Pe,Ee),_e=b(Se,Ee),Le=(T=function(){pe.current||ke||ge({index:Se,offset:void 0})},B=z,D=e.useRef(null),[function(){R(),D.current=setTimeout(T,B)},R=function(){clearTimeout(D.current)}]),Te=Le[0],Be=Le[1],De=function(){pe.current=!0,Be()},Re=function(){pe.current=!1,je&&Te(),xe.index in we||ge({index:qe,offset:0}),"function"==typeof Z&&Z(qe)};return s.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Te():Be()}));return null===(e=ve.current)||void 0===e||e.addEventListener("transitionstart",De),null===(t=ve.current)||void 0===t||t.addEventListener("transitionend",Re),je&&ve.current&&n.observe(ve.current),function(){var e,t;null===(e=ve.current)||void 0===e||e.removeEventListener("transitionstart",De),null===(t=ve.current)||void 0===t||t.removeEventListener("transitionend",Re),Be(),n.disconnect()}}),[xe.index,je]),s.useEffect((function(){M!==xe.index&&ge({index:M,offset:void 0})}),[M]),s.createElement(l.default,d({ref:n,onSwipeLeft:function(){pe.current||ke||("function"==typeof re&&re(_e),ge({index:Se,offset:void 0}))},onSwipeRight:function(){pe.current||Oe||("function"==typeof ie&&ie(Ie),ge({index:Pe,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(pe.current||t.touches&&t.touches.length>1)){var r=n;(Oe&&n>0||ke&&n<0)&&(r=0),ge({index:xe.index,offset:r})}},className:f.default(E,X,(c={},c[_]=ae,c[L]=ue,c)),style:g({width:Y,height:U,ratio:V,style:W}),onSwipeStart:function(){return he(!0)},onSwipeEnd:function(){return he(!1)},onMouseEnter:function(){return he(!0)},onMouseLeave:function(){return he(!1)}},fe),h(V)&&s.createElement("div",{style:x(V)}),s.createElement("ul",{ref:ve,className:O,style:w({index:K?xe.index+1:xe.index,childrenCount:K?Ee+2:Ee,duration:F,offset:xe.offset}),"data-testid":"simple_slider_track"},K&&s.createElement("li",{className:k},we[we.length-1]),we.map((function(e,t){return s.createElement("li",{key:e.key,className:k,onClick:function(){"function"==typeof ee&&ee(t)},"data-qaid":"image_slider_".concat(t)},e)})),K&&s.createElement("li",{className:k},we[0])),Ce&&s.createElement(s.Fragment,null,s.createElement("button",{type:"button",className:C,onClick:function(){pe.current||Oe||("function"==typeof ne&&ne(Ie),ge({index:Pe,offset:void 0}))},disabled:Oe,"aria-label":de(p||(p=v(["Показать предыдущий баннер"],["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},s.createElement(r.Icon,{className:j,"icon-as":o.Left})),s.createElement("button",{type:"button",className:N,onClick:function(){pe.current||ke||("function"==typeof te&&te(_e),ge({index:Se,offset:void 0}))},disabled:ke,"aria-label":de(m||(m=v(["Показать следующий баннер"],["Показать следующий баннер"]))),"data-qaid":"next_image"},s.createElement(r.Icon,{className:j,"icon-as":a.Right}))),Ne&&s.createElement("ul",{className:f.default(P,(u={},u[S]=le,u))},we.map((function(e,t){var n=t+1;return s.createElement("li",{className:q,key:e.key},s.createElement("button",{type:"button",className:I,onClick:function(){return e=t,void(pe.current||("function"==typeof $&&$(e),ge({index:e,offset:void 0})));var e},disabled:t===qe,"aria-label":de(y||(y=v(["Показать баннер номер ",""],["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));exports.SimpleSlider=T,require("./style.production.v2.css");
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/SimpleSlider",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Skeleton",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Spinner",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
package/Text/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Text",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/TextEmoji",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Tooltip",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Tumbler",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
package/base/colors.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* all colors */
1
2
  :root {
2
3
  --white: #ffffff;
3
4
 
@@ -78,3 +79,358 @@
78
79
  --red-100: #ffcbbd;
79
80
  --red-50: #ffe9e8;
80
81
  }
82
+
83
+ /* button violet */
84
+ :root {
85
+ /* violet */
86
+ --pds-button-violet-background: var(--violet-500);
87
+ --pds-button-violet-border: var(--violet-500);
88
+ --pds-button-violet-color: var(--white);
89
+ --pds-button-violet-background-hover: var(--violet-700);
90
+ --pds-button-violet-border-hover: var(--violet-700);
91
+ --pds-button-violet-color-hover: var(--white);
92
+ --pds-button-violet-background-active: var(--violet-700);
93
+ --pds-button-violet-border-active: var(--violet-700);
94
+ --pds-button-violet-color-active: var(--white);
95
+ --pds-button-violet-background-focus: var(--violet-700);
96
+ --pds-button-violet-border-focus: var(--violet-700);
97
+ --pds-button-violet-color-focus: var(--white);
98
+ --pds-button-violet-background-disabled: var(--pds-button-violet-background);
99
+ --pds-button-violet-border-disabled: var(--pds-button-violet-border);
100
+ --pds-button-violet-color-disabled: var(--pds-button-violet-color);
101
+
102
+ /* violet-second */
103
+ --pds-button-violet-second-background: var(--white);
104
+ --pds-button-violet-second-border: var(--violet-500);
105
+ --pds-button-violet-second-color: var(--violet-500);
106
+ --pds-button-violet-second-background-hover: var(--violet-50);
107
+ --pds-button-violet-second-border-hover: var(--violet-500);
108
+ --pds-button-violet-second-color-hover: var(--violet-500);
109
+ --pds-button-violet-second-background-active: var(--violet-50);
110
+ --pds-button-violet-second-border-active: var(--violet-500);
111
+ --pds-button-violet-second-color-active: var(--violet-500);
112
+ --pds-button-violet-second-background-focus: var(--violet-50);
113
+ --pds-button-violet-second-border-focus: var(--violet-500);
114
+ --pds-button-violet-second-color-focus: var(--violet-500);
115
+ --pds-button-violet-second-background-disabled: var(--pds-button-violet-second-background);
116
+ --pds-button-violet-second-border-disabled: var(--pds-button-violet-second-border);
117
+ --pds-button-violet-second-color-disabled: var(--pds-button-violet-second-color);
118
+
119
+ /* violet-transparent */
120
+ --pds-button-violet-transparent-background: transparent;
121
+ --pds-button-violet-transparent-border: var(--violet-500);
122
+ --pds-button-violet-transparent-color: var(--violet-500);
123
+ --pds-button-violet-transparent-background-hover: rgba(123, 4, 223, 0.1);
124
+ --pds-button-violet-transparent-border-hover: var(--violet-500);
125
+ --pds-button-violet-transparent-color-hover: var(--violet-500);
126
+ --pds-button-violet-transparent-background-active: rgba(123, 4, 223, 0.1);
127
+ --pds-button-violet-transparent-border-active: var(--violet-500);
128
+ --pds-button-violet-transparent-color-active: var(--violet-500);
129
+ --pds-button-violet-transparent-background-focus: rgba(123, 4, 223, 0.1);
130
+ --pds-button-violet-transparent-border-focus: var(--violet-500);
131
+ --pds-button-violet-transparent-color-focus: var(--violet-500);
132
+ --pds-button-violet-transparent-background-disabled: var(--pds-button-violet-transparent-background);
133
+ --pds-button-violet-transparent-border-disabled: var(--pds-button-violet-transparent-border);
134
+ --pds-button-violet-transparent-color-disabled: var(--pds-button-violet-transparent-color);
135
+
136
+ /* violet-inherit */
137
+ --pds-button-violet-inherit-background: transparent;
138
+ --pds-button-violet-inherit-border: transparent;
139
+ --pds-button-violet-inherit-color: var(--violet-500);
140
+ --pds-button-violet-inherit-background-hover: rgba(123, 4, 223, 0.1);
141
+ --pds-button-violet-inherit-border-hover: transparent;
142
+ --pds-button-violet-inherit-color-hover: var(--violet-500);
143
+ --pds-button-violet-inherit-background-active: rgba(123, 4, 223, 0.1);
144
+ --pds-button-violet-inherit-border-active: transparent;
145
+ --pds-button-violet-inherit-color-active: var(--violet-500);
146
+ --pds-button-violet-inherit-background-focus: rgba(123, 4, 223, 0.1);
147
+ --pds-button-violet-inherit-border-focus: transparent;
148
+ --pds-button-violet-inherit-color-focus: var(--violet-500);
149
+ --pds-button-violet-inherit-background-disabled: var(--pds-button-violet-inherit-background);
150
+ --pds-button-violet-inherit-border-disabled: var(--pds-button-violet-inherit-border);
151
+ --pds-button-violet-inherit-color-disabled: var(--pds-button-violet-inherit-color);
152
+ }
153
+
154
+ /* button white */
155
+ :root {
156
+ /* white */
157
+ --pds-button-white-background: var(--white);
158
+ --pds-button-white-border: var(--black-500);
159
+ --pds-button-white-color: var(--black-900);
160
+ --pds-button-white-background-hover: var(--black-50);
161
+ --pds-button-white-border-hover: var(--black-600);
162
+ --pds-button-white-color-hover: var(--black-900);
163
+ --pds-button-white-background-active: var(--black-200);
164
+ --pds-button-white-border-active: var(--black-700);
165
+ --pds-button-white-color-active: var(--black-900);
166
+ --pds-button-white-background-focus: var(--black-50);
167
+ --pds-button-white-border-focus: var(--black-600);
168
+ --pds-button-white-color-focus: var(--black-900);
169
+ --pds-button-white-background-disabled: var(--pds-button-white-background);
170
+ --pds-button-white-border-disabled: var(--pds-button-white-border);
171
+ --pds-button-white-color-disabled: var(--pds-button-white-color);
172
+
173
+ /* white-second */
174
+ --pds-button-white-second-background: var(--white);
175
+ --pds-button-white-second-border: var(--black-400);
176
+ --pds-button-white-second-color: var(--black-900);
177
+ --pds-button-white-second-background-hover: var(--black-300);
178
+ --pds-button-white-second-border-hover: var(--black-400);
179
+ --pds-button-white-second-color-hover: var(--black-900);
180
+ --pds-button-white-second-background-active: var(--black-400);
181
+ --pds-button-white-second-border-active: var(--black-500);
182
+ --pds-button-white-second-color-active: var(--black-900);
183
+ --pds-button-white-second-background-focus: var(--black-300);
184
+ --pds-button-white-second-border-focus: var(--black-400);
185
+ --pds-button-white-second-color-focus: var(--black-900);
186
+ --pds-button-white-second-background-disabled: var(--pds-button-white-second-background);
187
+ --pds-button-white-second-border-disabled: var(--pds-button-white-second-border);
188
+ --pds-button-white-second-color-disabled: var(--pds-button-white-second-color);
189
+
190
+ /* white-transparent */
191
+ --pds-button-white-transparent-background: transparent;
192
+ --pds-button-white-transparent-border: var(--pds-button-white-second-border);
193
+ --pds-button-white-transparent-color: var(--pds-button-white-second-color);
194
+ --pds-button-white-transparent-background-hover: var(--pds-button-white-second-background-hover);
195
+ --pds-button-white-transparent-border-hover: var(--pds-button-white-second-border-hover);
196
+ --pds-button-white-transparent-color-hover: var(--pds-button-white-second-color-hover);
197
+ --pds-button-white-transparent-background-active: var(--pds-button-white-second-background-active);
198
+ --pds-button-white-transparent-border-active: var(--pds-button-white-second-border-active);
199
+ --pds-button-white-transparent-color-active: var(--pds-button-white-second-color-active);
200
+ --pds-button-white-transparent-background-focus: var(--pds-button-white-second-background-focus);
201
+ --pds-button-white-transparent-border-focus: var(--pds-button-white-second-border-focus);
202
+ --pds-button-white-transparent-color-focus: var(--pds-button-white-second-color-focus);
203
+ --pds-button-white-transparent-background-disabled: var(--pds-button-white-transparent-background);
204
+ --pds-button-white-transparent-border-disabled: var(--pds-button-white-transparent-border);
205
+ --pds-button-white-transparent-color-disabled: var(--pds-button-white-transparent-color);
206
+
207
+ /* white-inherit */
208
+ --pds-button-white-inherit-background: rgba(255, 255, 255, 0);
209
+ --pds-button-white-inherit-border: transparent;
210
+ --pds-button-white-inherit-color: rgba(255, 255, 255, 1);
211
+ --pds-button-white-inherit-background-hover: rgba(255, 255, 255, 0.2);
212
+ --pds-button-white-inherit-border-hover: transparent;
213
+ --pds-button-white-inherit-color-hover: rgba(255, 255, 255, 1);
214
+ --pds-button-white-inherit-background-active: rgba(255, 255, 255, 0.3);
215
+ --pds-button-white-inherit-border-active: transparent;
216
+ --pds-button-white-inherit-color-active: rgba(255, 255, 255, 1);
217
+ --pds-button-white-inherit-background-focus: rgba(255, 255, 255, 0.2);
218
+ --pds-button-white-inherit-border-focus: transparent;
219
+ --pds-button-white-inherit-color-focus: rgba(255, 255, 255, 1);
220
+ --pds-button-white-inherit-background-disabled: var(--pds-button-white-inherit-background);
221
+ --pds-button-white-inherit-border-disabled: var(--pds-button-white-inherit-border);
222
+ --pds-button-white-inherit-color-disabled: var(--pds-button-white-inherit-color);
223
+ }
224
+
225
+ /* button yellow */
226
+ :root {
227
+ /* yellow */
228
+ --pds-button-yellow-background: var(--yellow-500);
229
+ --pds-button-yellow-border: var(--yellow-500);
230
+ --pds-button-yellow-color: var(--black-900);
231
+ --pds-button-yellow-background-hover: var(--yellow-700);
232
+ --pds-button-yellow-border-hover: var(--yellow-700);
233
+ --pds-button-yellow-color-hover: var(--black-900);
234
+ --pds-button-yellow-background-active: var(--yellow-700);
235
+ --pds-button-yellow-border-active: var(--yellow-700);
236
+ --pds-button-yellow-color-active: var(--black-900);
237
+ --pds-button-yellow-background-focus: var(--yellow-700);
238
+ --pds-button-yellow-border-focus: var(--yellow-700);
239
+ --pds-button-yellow-color-focus: var(--black-900);
240
+ --pds-button-yellow-background-disabled: var(--pds-button-yellow-background);
241
+ --pds-button-yellow-border-disabled: var(--pds-button-yellow-border);
242
+ --pds-button-yellow-color-disabled: var(--pds-button-yellow-color);
243
+
244
+ /* yellow-second */
245
+ --pds-button-yellow-second-background: var(--white);
246
+ --pds-button-yellow-second-border: var(--yellow-500);
247
+ --pds-button-yellow-second-color: var(--black-900);
248
+ --pds-button-yellow-second-background-hover: var(--yellow-50);
249
+ --pds-button-yellow-second-border-hover: var(--yellow-500);
250
+ --pds-button-yellow-second-color-hover: var(--black-900);
251
+ --pds-button-yellow-second-background-active: var(--yellow-50);
252
+ --pds-button-yellow-second-border-active: var(--yellow-500);
253
+ --pds-button-yellow-second-color-active: var(--black-900);
254
+ --pds-button-yellow-second-background-focus: var(--yellow-50);
255
+ --pds-button-yellow-second-border-focus: var(--yellow-500);
256
+ --pds-button-yellow-second-color-focus: var(--black-900);
257
+ --pds-button-yellow-second-background-disabled: var(--pds-button-yellow-second-background);
258
+ --pds-button-yellow-second-border-disabled: var(--pds-button-yellow-second-border);
259
+ --pds-button-yellow-second-color-disabled: var(--pds-button-yellow-second-color);
260
+
261
+ /* yellow-transparent */
262
+ --pds-button-yellow-transparent-background: transparent;
263
+ --pds-button-yellow-transparent-border: var(--yellow-500);
264
+ --pds-button-yellow-transparent-color: var(--black-900);
265
+ --pds-button-yellow-transparent-background-hover: rgba(255, 212, 0, 0.12);
266
+ --pds-button-yellow-transparent-border-hover: var(--yellow-500);
267
+ --pds-button-yellow-transparent-color-hover: var(--black-900);
268
+ --pds-button-yellow-transparent-background-active: rgba(255, 212, 0, 0.12);
269
+ --pds-button-yellow-transparent-border-active: var(--yellow-500);
270
+ --pds-button-yellow-transparent-color-active: var(--black-900);
271
+ --pds-button-yellow-transparent-background-focus: rgba(255, 212, 0, 0.12);
272
+ --pds-button-yellow-transparent-border-focus: var(--yellow-500);
273
+ --pds-button-yellow-transparent-color-focus: var(--black-900);
274
+ --pds-button-yellow-transparent-background-disabled: var(--pds-button-yellow-transparent-background);
275
+ --pds-button-yellow-transparent-border-disabled: var(--pds-button-yellow-transparent-border);
276
+ --pds-button-yellow-transparent-color-disabled: var(--pds-button-yellow-transparent-color);
277
+
278
+ /* yellow-inherit */
279
+ --pds-button-yellow-inherit-background: transparent;
280
+ --pds-button-yellow-inherit-border: transparent;
281
+ --pds-button-yellow-inherit-color: var(--yellow-500);
282
+ --pds-button-yellow-inherit-background-hover: rgba(255, 212, 0, 0.12);
283
+ --pds-button-yellow-inherit-border-hover: transparent;
284
+ --pds-button-yellow-inherit-color-hover: var(--yellow-500);
285
+ --pds-button-yellow-inherit-background-active: rgba(255, 212, 0, 0.12);
286
+ --pds-button-yellow-inherit-border-active: transparent;
287
+ --pds-button-yellow-inherit-color-active: var(--yellow-500);
288
+ --pds-button-yellow-inherit-background-focus: rgba(255, 212, 0, 0.12);
289
+ --pds-button-yellow-inherit-border-focus: transparent;
290
+ --pds-button-yellow-inherit-color-focus: var(--yellow-500);
291
+ --pds-button-yellow-inherit-background-disabled: var(--pds-button-yellow-inherit-background);
292
+ --pds-button-yellow-inherit-border-disabled: var(--pds-button-yellow-inherit-border);
293
+ --pds-button-yellow-inherit-color-disabled: var(--pds-button-yellow-inherit-color);
294
+ }
295
+
296
+ /* button black */
297
+ :root {
298
+ /* black */
299
+ --pds-button-black-background: var(--black-900);
300
+ --pds-button-black-border: var(--black-900);
301
+ --pds-button-black-color: var(--white);
302
+ --pds-button-black-background-hover: var(--black-800);
303
+ --pds-button-black-border-hover: var(--black-800);
304
+ --pds-button-black-color-hover: var(--white);
305
+ --pds-button-black-background-active: var(--black-900);
306
+ --pds-button-black-border-active: var(--black-900);
307
+ --pds-button-black-color-active: var(--white);
308
+ --pds-button-black-background-focus: var(--black-800);
309
+ --pds-button-black-border-focus: var(--black-900);
310
+ --pds-button-black-color-focus: var(--white);
311
+ --pds-button-black-background-disabled: var(--pds-button-black-background);
312
+ --pds-button-black-border-disabled: var(--pds-button-black-border);
313
+ --pds-button-black-color-disabled: var(--pds-button-black-color);
314
+
315
+ /* black-second */
316
+ --pds-button-black-second-background: var(--white);
317
+ --pds-button-black-second-border: var(--black-500);
318
+ --pds-button-black-second-color: var(--black-900);
319
+ --pds-button-black-second-background-hover: var(--black-100);
320
+ --pds-button-black-second-border-hover: var(--black-600);
321
+ --pds-button-black-second-color-hover: var(--black-900);
322
+ --pds-button-black-second-background-active: var(--black-300);
323
+ --pds-button-black-second-border-active: var(--black-700);
324
+ --pds-button-black-second-color-active: var(--black-900);
325
+ --pds-button-black-second-background-focus: var(--black-500);
326
+ --pds-button-black-second-border-focus: var(--black-600);
327
+ --pds-button-black-second-color-focus: var(--black-900);
328
+ --pds-button-black-second-background-disabled: var(--pds-button-black-second-background);
329
+ --pds-button-black-second-border-disabled: var(--pds-button-black-second-border);
330
+ --pds-button-black-second-color-disabled: var(--pds-button-black-second-color);
331
+
332
+ /* black-transparent */
333
+ --pds-button-black-transparent-background: transparent;
334
+ --pds-button-black-transparent-border: var(--pds-button-black-second-border);
335
+ --pds-button-black-transparent-color: var(--pds-button-black-second-color);
336
+ --pds-button-black-transparent-background-hover: var(--pds-button-black-second-background-hover);
337
+ --pds-button-black-transparent-border-hover: var(--pds-button-black-second-border-hover);
338
+ --pds-button-black-transparent-color-hover: var(--pds-button-black-second-color-hover);
339
+ --pds-button-black-transparent-background-active: var(--pds-button-black-second-background-active);
340
+ --pds-button-black-transparent-border-active: var(--pds-button-black-second-border-active);
341
+ --pds-button-black-transparent-color-active: var(--pds-button-black-second-color-active);
342
+ --pds-button-black-transparent-background-focus: var(--pds-button-black-second-background-focus);
343
+ --pds-button-black-transparent-border-focus: var(--pds-button-black-second-border-focus);
344
+ --pds-button-black-transparent-color-focus: var(--pds-button-black-second-color-focus);
345
+ --pds-button-black-transparent-background-disabled: var(--pds-button-black-transparent-background);
346
+ --pds-button-black-transparent-border-disabled: var(--pds-button-black-transparent-border);
347
+ --pds-button-black-transparent-color-disabled: var(--pds-button-black-transparent-color);
348
+
349
+ /* black-inherit */
350
+ --pds-button-black-inherit-background: rgba(1, 1, 27, 0);
351
+ --pds-button-black-inherit-border: transparent;
352
+ --pds-button-black-inherit-color: var(--black-900);
353
+ --pds-button-black-inherit-background-hover: rgba(1, 1, 27, 0.05);
354
+ --pds-button-black-inherit-border-hover: transparent;
355
+ --pds-button-black-inherit-color-hover: var(--black-900);
356
+ --pds-button-black-inherit-background-active: rgba(1, 1, 27, 0.15);
357
+ --pds-button-black-inherit-border-active: transparent;
358
+ --pds-button-black-inherit-color-active: var(--black-900);
359
+ --pds-button-black-inherit-background-focus: rgba(1, 1, 27, 0.05);
360
+ --pds-button-black-inherit-border-focus: transparent;
361
+ --pds-button-black-inherit-color-focus: var(--black-900);
362
+ --pds-button-black-inherit-background-disabled: var(--pds-button-black-inherit-background);
363
+ --pds-button-black-inherit-border-disabled: var(--pds-button-black-inherit-border);
364
+ --pds-button-black-inherit-color-disabled: var(--pds-button-black-inherit-color);
365
+ }
366
+
367
+ /* button gray */
368
+ :root {
369
+ /* gray */
370
+ --pds-button-gray-background: var(--black-300);
371
+ --pds-button-gray-border: var(--black-300);
372
+ --pds-button-gray-color: var(--black-900);
373
+ --pds-button-gray-background-hover: var(--black-400);
374
+ --pds-button-gray-border-hover: var(--black-400);
375
+ --pds-button-gray-color-hover: var(--black-900);
376
+ --pds-button-gray-background-active: var(--black-400);
377
+ --pds-button-gray-border-active: var(--black-400);
378
+ --pds-button-gray-color-active: var(--black-900);
379
+ --pds-button-gray-background-focus: var(--black-400);
380
+ --pds-button-gray-border-focus: var(--black-400);
381
+ --pds-button-gray-color-focus: var(--black-900);
382
+ --pds-button-gray-background-disabled: var(--pds-button-gray-background);
383
+ --pds-button-gray-border-disabled: var(--pds-button-gray-border);
384
+ --pds-button-gray-color-disabled: var(--pds-button-gray-color);
385
+
386
+ /* gray-second */
387
+ --pds-button-gray-second-background: var(--white);
388
+ --pds-button-gray-second-border: var(--black-500);
389
+ --pds-button-gray-second-color: var(--black-900);
390
+ --pds-button-gray-second-background-hover: var(--black-300);
391
+ --pds-button-gray-second-border-hover: var(--black-500);
392
+ --pds-button-gray-second-color-hover: var(--black-900);
393
+ --pds-button-gray-second-background-active: var(--black-300);
394
+ --pds-button-gray-second-border-active: var(--black-500);
395
+ --pds-button-gray-second-color-active: var(--black-900);
396
+ --pds-button-gray-second-background-focus: var(--black-300);
397
+ --pds-button-gray-second-border-focus: var(--black-500);
398
+ --pds-button-gray-second-color-focus: var(--black-900);
399
+ --pds-button-gray-second-background-disabled: var(--pds-button-gray-second-background);
400
+ --pds-button-gray-second-border-disabled: var(--pds-button-gray-second-border);
401
+ --pds-button-gray-second-color-disabled: var(--pds-button-gray-second-color);
402
+
403
+ /* gray-transparent */
404
+ --pds-button-gray-transparent-background: transparent;
405
+ --pds-button-gray-transparent-border: var(--black-500);
406
+ --pds-button-gray-transparent-color: var(--black-900);
407
+ --pds-button-gray-transparent-background-hover: rgba(125, 125, 145, 0.12);
408
+ --pds-button-gray-transparent-border-hover: var(--black-500);
409
+ --pds-button-gray-transparent-color-hover: var(--black-900);
410
+ --pds-button-gray-transparent-background-active: rgba(125, 125, 145, 0.12);
411
+ --pds-button-gray-transparent-border-active: var(--black-500);
412
+ --pds-button-gray-transparent-color-active: var(--black-900);
413
+ --pds-button-gray-transparent-background-focus: rgba(125, 125, 145, 0.12);
414
+ --pds-button-gray-transparent-border-focus: var(--black-500);
415
+ --pds-button-gray-transparent-color-focus: var(--black-900);
416
+ --pds-button-gray-transparent-background-disabled: var(--pds-button-gray-transparent-background);
417
+ --pds-button-gray-transparent-border-disabled: var(--pds-button-gray-transparent-border);
418
+ --pds-button-gray-transparent-color-disabled: var(--pds-button-gray-transparent-color);
419
+
420
+ /* gray-inherit */
421
+ --pds-button-gray-inherit-background: transparent;
422
+ --pds-button-gray-inherit-border: transparent;
423
+ --pds-button-gray-inherit-color: var(--black-900);
424
+ --pds-button-gray-inherit-background-hover: rgba(125, 125, 145, 0.12);
425
+ --pds-button-gray-inherit-border-hover: transparent;
426
+ --pds-button-gray-inherit-color-hover: var(--black-900);
427
+ --pds-button-gray-inherit-background-active: rgba(125, 125, 145, 0.12);
428
+ --pds-button-gray-inherit-border-active: transparent;
429
+ --pds-button-gray-inherit-color-active: var(--black-900);
430
+ --pds-button-gray-inherit-background-focus: rgba(125, 125, 145, 0.12);
431
+ --pds-button-gray-inherit-border-focus: transparent;
432
+ --pds-button-gray-inherit-color-focus: var(--black-900);
433
+ --pds-button-gray-inherit-background-disabled: var(--pds-button-gray-inherit-background);
434
+ --pds-button-gray-inherit-border-disabled: var(--pds-button-gray-inherit-border);
435
+ --pds-button-gray-inherit-color-disabled: var(--pds-button-gray-inherit-color);
436
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@prom-ui/core",
3
3
  "author": "e.marchenko",
4
- "version": "1.2.0",
4
+ "version": "1.3.1",
5
5
  "description": "core ui blocks",
6
6
  "scripts": {
7
7
  "test": "jest --verbose ./src",
@@ -70,5 +70,5 @@
70
70
  "optional": true
71
71
  }
72
72
  },
73
- "gitHead": "58b9e1bcf75c30a9c8efb0ac15ad8deb4ae8a2be"
73
+ "gitHead": "a4e802a2cdd5181abc4547285c4bb2e11686a85b"
74
74
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/useBodyTTag",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/useDebounce",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/useId",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/useIsMounted",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/useKeyPress",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/useMedia",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/useOutsideClick",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/usePortal",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/useScrollPosition",
3
- "version": "1.2.0",
3
+ "version": "1.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [