@salutejs/plasma-new-hope 0.335.0-canary.2203.17433640523.0 → 0.335.0

package/es/components/Attach/Attach.css

@@ -39,14 +39,15 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.Button_styles_uku5l7_bzw1898__3538ea16{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uku5l7_bzw1898__3538ea16.Button_styles_uku5l7_buttonContentRelaxed__3538ea16{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
-.Button_styles_uku5l7_bdfuqwe__3538ea16{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_uku5l7_l9ypozh__3538ea16{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
-.Button_styles_uku5l7_l4dfhbg__3538ea16{position:absolute;}
-.Button_styles_uku5l7_srdlazt__3538ea16{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_uku5l7_s7rggv0__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s7rggv0-0);}
-.Button_styles_uku5l7_s1rjh7ra__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
-.Button_styles_uku5l7_b9ga1dj__3538ea16{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uku5l7_b9ga1dj__3538ea16{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_buttonSquare__3538ea16{width:var(--plasma-button-height);padding:0;}
+.Button_styles_wo15lb_bzw1898__45fe6281{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_wo15lb_bzw1898__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
+.Button_styles_wo15lb_sdfuqwe__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-button-additional-content-margin);}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonHasValue__45fe6281{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.Button_styles_wo15lb_b9ypozh__45fe6281{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_wo15lb_l4dfhbg__45fe6281{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.Button_styles_wo15lb_lrdlazt__45fe6281{position:absolute;}
+.Button_styles_wo15lb_s7rggv0__45fe6281{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_wo15lb_s1rjh7ra__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.Button_styles_wo15lb_s9ga1dj__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.Button_styles_wo15lb_babf779__45fe6281{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_wo15lb_babf779__45fe6281{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_buttonSquare__45fe6281{width:var(--plasma-button-height);padding:0;}
 
 .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
 

package/es/components/Attach/components/AttachButton/AttachButton.css

@@ -20,14 +20,15 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.Button_styles_uku5l7_bzw1898__3538ea16{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uku5l7_bzw1898__3538ea16.Button_styles_uku5l7_buttonContentRelaxed__3538ea16{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
-.Button_styles_uku5l7_bdfuqwe__3538ea16{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_uku5l7_l9ypozh__3538ea16{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
-.Button_styles_uku5l7_l4dfhbg__3538ea16{position:absolute;}
-.Button_styles_uku5l7_srdlazt__3538ea16{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_uku5l7_s7rggv0__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s7rggv0-0);}
-.Button_styles_uku5l7_s1rjh7ra__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
-.Button_styles_uku5l7_b9ga1dj__3538ea16{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uku5l7_b9ga1dj__3538ea16{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_buttonSquare__3538ea16{width:var(--plasma-button-height);padding:0;}
+.Button_styles_wo15lb_bzw1898__45fe6281{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_wo15lb_bzw1898__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
+.Button_styles_wo15lb_sdfuqwe__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-button-additional-content-margin);}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonHasValue__45fe6281{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.Button_styles_wo15lb_b9ypozh__45fe6281{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_wo15lb_l4dfhbg__45fe6281{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.Button_styles_wo15lb_lrdlazt__45fe6281{position:absolute;}
+.Button_styles_wo15lb_s7rggv0__45fe6281{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_wo15lb_s1rjh7ra__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.Button_styles_wo15lb_s9ga1dj__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.Button_styles_wo15lb_babf779__45fe6281{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_wo15lb_babf779__45fe6281{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_buttonSquare__45fe6281{width:var(--plasma-button-height);padding:0;}
 
 .Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
 

package/es/components/Button/Button.css

@@ -15,11 +15,12 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.Button_styles_uku5l7_bzw1898__3538ea16{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uku5l7_bzw1898__3538ea16.Button_styles_uku5l7_buttonContentRelaxed__3538ea16{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
-.Button_styles_uku5l7_bdfuqwe__3538ea16{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_uku5l7_l9ypozh__3538ea16{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
-.Button_styles_uku5l7_l4dfhbg__3538ea16{position:absolute;}
-.Button_styles_uku5l7_srdlazt__3538ea16{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_uku5l7_s7rggv0__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s7rggv0-0);}
-.Button_styles_uku5l7_s1rjh7ra__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
-.Button_styles_uku5l7_b9ga1dj__3538ea16{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uku5l7_b9ga1dj__3538ea16{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_buttonSquare__3538ea16{width:var(--plasma-button-height);padding:0;}
+.Button_styles_wo15lb_bzw1898__45fe6281{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_wo15lb_bzw1898__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
+.Button_styles_wo15lb_sdfuqwe__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-button-additional-content-margin);}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonHasValue__45fe6281{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.Button_styles_wo15lb_b9ypozh__45fe6281{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_wo15lb_l4dfhbg__45fe6281{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.Button_styles_wo15lb_lrdlazt__45fe6281{position:absolute;}
+.Button_styles_wo15lb_s7rggv0__45fe6281{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_wo15lb_s1rjh7ra__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.Button_styles_wo15lb_s9ga1dj__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.Button_styles_wo15lb_babf779__45fe6281{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_wo15lb_babf779__45fe6281{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_buttonSquare__45fe6281{width:var(--plasma-button-height);padding:0;}

package/es/components/Button/Button.js

@@ -1,5 +1,6 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
+import cls from 'classnames';
 import { convertRoundnessMatrix } from '../../utils/roundness.js';
 import { cx } from '../../utils/index.js';
 import { base as base$1 } from './variations/_view/base.js';
@@ -8,11 +9,11 @@ import { base as base$3 } from './variations/_disabled/base.js';
 import { base as base$4 } from './variations/_focused/base.js';
 import { base as base$6 } from './variations/_stretching/base.js';
 import { base as base$5 } from './variations/_blurred/base.js';
-import { LoadWrap, StyledContentLeft, ButtonText, ButtonValue, StyledContentRight, Loader, StyledSpinner, base } from './Button.styles.js';
+import { LoadWrap, StyledContentLeft, ButtonText, StyledAdditionalContent, ButtonValue, StyledContentRight, Loader, StyledSpinner, base } from './Button.styles.js';
 import { tokens, classes } from './Button.tokens.js';
 
 var _StyledSpinner;
-var _excluded = ["children", "view", "size", "text", "value", "contentLeft", "contentRight", "contentPlacing", "isLoading", "loader", "stretch", "square", "pin", "disabled", "focused", "outlined", "className", "blur", "style", "stretching"];
+var _excluded = ["children", "view", "size", "text", "value", "contentLeft", "contentRight", "contentPlacing", "isLoading", "loader", "stretch", "square", "pin", "disabled", "focused", "outlined", "className", "blur", "style", "stretching", "additionalContent"];
 var buttonRoot = function buttonRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var children = props.children,
@@ -37,6 +38,7 @@ var buttonRoot = function buttonRoot(Root) {
       style = props.style,
       _props$stretching = props.stretching,
       stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
+      additionalContent = props.additionalContent,
       rest = _objectWithoutProperties(props, _excluded);
     var txt = typeof children === 'string' ? children : text;
     var hasRightContentMargin = Boolean(children || txt || value || contentRight);
@@ -70,8 +72,10 @@ var buttonRoot = function buttonRoot(Root) {
     }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, {
       hasContentMargin: hasRightContentMargin
     }, contentLeft), txt ? /*#__PURE__*/React.createElement(ButtonText, {
-      className: contentRelaxedClass
-    }, txt) : children, value && /*#__PURE__*/React.createElement(ButtonValue, null, value), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, {
+      className: !additionalContent ? contentRelaxedClass : ''
+    }, txt) : children, additionalContent && /*#__PURE__*/React.createElement(StyledAdditionalContent, {
+      className: cls(contentRelaxedClass, _defineProperty({}, classes.buttonHasValue, Boolean(value)))
+    }, additionalContent), value && /*#__PURE__*/React.createElement(ButtonValue, null, value), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, {
       hasContentMargin: hasLeftContentMargin
     }, contentRight)), isLoading && /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))));
   });

package/es/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n    base,\n    ButtonText,\n    ButtonValue,\n    Loader,\n    LoadWrap,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n    forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            text,\n            value,\n            contentLeft,\n            contentRight,\n            contentPlacing = 'default',\n            isLoading,\n            loader,\n            stretch,\n            square,\n            pin,\n            disabled,\n            focused,\n            outlined,\n            className,\n            blur,\n            style,\n            stretching = 'auto',\n            ...rest\n        } = props;\n\n        const txt = typeof children === 'string' ? children : text;\n        const hasRightContentMargin = Boolean(children || txt || value || contentRight);\n        const hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);\n\n        const stretchingClass = stretch\n            ? classes.filledStretching\n            : classes[`${stretching}Stretching` as keyof typeof classes];\n        const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n        const squareClass = square ? classes.buttonSquare : undefined;\n        const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n        const buttonBorderRadius = pin\n            ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n            : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n        const contentPlacingMapper: ContentPlacementMapper = {\n            default: 'center',\n            relaxed: 'space-between',\n        };\n\n        const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                view={view}\n                size={size}\n                value={value}\n                disabled={disabled}\n                focused={focused || outlined}\n                className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}\n                style={\n                    {\n                        ...style,\n                        '--plasma_computed-btn-br': buttonBorderRadius,\n                        '--plasma_private-blur': blur,\n                    } as CSSProperties\n                }\n                {...rest}\n            >\n                <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n                    {contentLeft && (\n                        <StyledContentLeft hasContentMargin={hasRightContentMargin}>{contentLeft}</StyledContentLeft>\n                    )}\n                    {txt ? <ButtonText className={contentRelaxedClass}>{txt}</ButtonText> : children}\n                    {value && <ButtonValue>{value}</ButtonValue>}\n                    {contentRight && (\n                        <StyledContentRight hasContentMargin={hasLeftContentMargin}>{contentRight}</StyledContentRight>\n                    )}\n                </LoadWrap>\n                {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n            </Root>\n        );\n    });\n\nexport const buttonConfig = {\n    name: 'Button',\n    tag: 'button',\n    layout: buttonRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n            // TODO: isLoading => disabled\n        },\n        blurred: {\n            css: blurredCSS,\n        },\n        stretching: {\n            css: stretchingCSS,\n        },\n    },\n    defaults: {\n        view: 'secondary',\n        size: 'm',\n        stretching: 'auto',\n    },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","rest","_objectWithoutProperties","_excluded","txt","hasRightContentMargin","Boolean","hasLeftContentMargin","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","hasContentMargin","ButtonText","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n    base,\n    ButtonText,\n    ButtonValue,\n    Loader,\n    LoadWrap,\n    StyledAdditionalContent,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n    forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            text,\n            value,\n            contentLeft,\n            contentRight,\n            contentPlacing = 'default',\n            isLoading,\n            loader,\n            stretch,\n            square,\n            pin,\n            disabled,\n            focused,\n            outlined,\n            className,\n            blur,\n            style,\n            stretching = 'auto',\n            additionalContent,\n            ...rest\n        } = props;\n\n        const txt = typeof children === 'string' ? children : text;\n        const hasRightContentMargin = Boolean(children || txt || value || contentRight);\n        const hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);\n\n        const stretchingClass = stretch\n            ? classes.filledStretching\n            : classes[`${stretching}Stretching` as keyof typeof classes];\n        const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n        const squareClass = square ? classes.buttonSquare : undefined;\n        const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n        const buttonBorderRadius = pin\n            ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n            : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n        const contentPlacingMapper: ContentPlacementMapper = {\n            default: 'center',\n            relaxed: 'space-between',\n        };\n\n        const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                view={view}\n                size={size}\n                value={value}\n                disabled={disabled}\n                focused={focused || outlined}\n                className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}\n                style={\n                    {\n                        ...style,\n                        '--plasma_computed-btn-br': buttonBorderRadius,\n                        '--plasma_private-blur': blur,\n                    } as CSSProperties\n                }\n                {...rest}\n            >\n                <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n                    {contentLeft && (\n                        <StyledContentLeft hasContentMargin={hasRightContentMargin}>{contentLeft}</StyledContentLeft>\n                    )}\n                    {txt ? (\n                        <ButtonText className={!additionalContent ? contentRelaxedClass : ''}>{txt}</ButtonText>\n                    ) : (\n                        children\n                    )}\n                    {additionalContent && (\n                        <StyledAdditionalContent\n                            className={cls(contentRelaxedClass, {\n                                [classes.buttonHasValue]: Boolean(value),\n                            })}\n                        >\n                            {additionalContent}\n                        </StyledAdditionalContent>\n                    )}\n                    {value && <ButtonValue>{value}</ButtonValue>}\n                    {contentRight && (\n                        <StyledContentRight hasContentMargin={hasLeftContentMargin}>{contentRight}</StyledContentRight>\n                    )}\n                </LoadWrap>\n                {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n            </Root>\n        );\n    });\n\nexport const buttonConfig = {\n    name: 'Button',\n    tag: 'button',\n    layout: buttonRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n            // TODO: isLoading => disabled\n        },\n        blurred: {\n            css: blurredCSS,\n        },\n        stretching: {\n            css: stretchingCSS,\n        },\n    },\n    defaults: {\n        view: 'secondary',\n        size: 'm',\n        stretching: 'auto',\n    },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","additionalContent","rest","_objectWithoutProperties","_excluded","txt","hasRightContentMargin","Boolean","hasLeftContentMargin","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","hasContentMargin","ButtonText","StyledAdditionalContent","cls","_defineProperty","buttonHasValue","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}

package/es/components/Button/Button.styles.js

@@ -1,4 +1,4 @@
-import './Button.styles_uku5l7.css';
+import './Button.styles_wo15lb.css';
 import { styled } from '@linaria/react';
 import { tokens } from './Button.tokens.js';
 import { component, mergeConfig } from '../../engines/common.js';
@@ -12,20 +12,25 @@ var ButtonText = /*#__PURE__*/styled('span')({
   "class": "bzw1898",
   propsAsIs: false
 });
+var StyledAdditionalContent = /*#__PURE__*/styled('div')({
+  name: "StyledAdditionalContent",
+  "class": "sdfuqwe",
+  propsAsIs: false
+});
 var ButtonValue = /*#__PURE__*/styled('span')({
   name: "ButtonValue",
-  "class": "bdfuqwe",
+  "class": "b9ypozh",
   propsAsIs: false
 });
 
 // TODO: #720
-var _exp7 = function _exp7() {
+var _exp11 = function _exp11() {
   return function (_ref) {
     var isLoading = _ref.isLoading;
     return isLoading ? '0' : '1';
   };
 };
-var _exp8 = function _exp8() {
+var _exp12 = function _exp12() {
   return function (_ref2) {
     var contentPlacing = _ref2.contentPlacing;
     return contentPlacing;
@@ -33,27 +38,27 @@ var _exp8 = function _exp8() {
 };
 var LoadWrap = /*#__PURE__*/styled('div')({
   name: "LoadWrap",
-  "class": "l9ypozh",
+  "class": "l4dfhbg",
   propsAsIs: false,
   vars: {
-    "l9ypozh-0": [/*#__PURE__*/_exp7()],
-    "l9ypozh-1": [/*#__PURE__*/_exp8()]
+    "l4dfhbg-0": [/*#__PURE__*/_exp11()],
+    "l4dfhbg-1": [/*#__PURE__*/_exp12()]
   }
 });
 var Loader = /*#__PURE__*/styled('div')({
   name: "Loader",
-  "class": "l4dfhbg",
+  "class": "lrdlazt",
   propsAsIs: false
 });
-var _exp9 = function _exp9() {
+var _exp13 = function _exp13() {
   return Spinner;
 };
-var StyledSpinner = /*#__PURE__*/styled(_exp9())({
+var StyledSpinner = /*#__PURE__*/styled(_exp13())({
   name: "StyledSpinner",
-  "class": "srdlazt",
+  "class": "s7rggv0",
   propsAsIs: true
 });
-var _exp16 = function _exp16() {
+var _exp20 = function _exp20() {
   return function (_ref3) {
     var hasContentMargin = _ref3.hasContentMargin;
     return hasContentMargin ? "var(".concat(tokens.buttonLeftContentMargin, ")") : 0;
@@ -61,13 +66,13 @@ var _exp16 = function _exp16() {
 };
 var StyledContentLeft = /*#__PURE__*/styled('div')({
   name: "StyledContentLeft",
-  "class": "s7rggv0",
+  "class": "s1rjh7ra",
   propsAsIs: false,
   vars: {
-    "s7rggv0-0": [/*#__PURE__*/_exp16()]
+    "s1rjh7ra-0": [/*#__PURE__*/_exp20()]
   }
 });
-var _exp19 = function _exp19() {
+var _exp23 = function _exp23() {
   return function (_ref4) {
     var hasContentMargin = _ref4.hasContentMargin;
     return hasContentMargin ? "var(".concat(tokens.buttonRightContentMargin, ")") : 0;
@@ -75,13 +80,13 @@ var _exp19 = function _exp19() {
 };
 var StyledContentRight = /*#__PURE__*/styled('div')({
   name: "StyledContentRight",
-  "class": "s1rjh7ra",
+  "class": "s9ga1dj",
   propsAsIs: false,
   vars: {
-    "s1rjh7ra-0": [/*#__PURE__*/_exp19()]
+    "s9ga1dj-0": [/*#__PURE__*/_exp23()]
   }
 });
-var base = "b9ga1dj";
+var base = "babf779";
 
-export { ButtonText, ButtonValue, LoadWrap, Loader, StyledContentLeft, StyledContentRight, StyledSpinner, base };
+export { ButtonText, ButtonValue, LoadWrap, Loader, StyledAdditionalContent, StyledContentLeft, StyledContentRight, StyledSpinner, base };
 //# sourceMappingURL=Button.styles.js.map

package/es/components/Button/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { classes, tokens } from './Button.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const ButtonText = styled.span`\n    min-width: 4ch;\n    flex-shrink: 2;\n    \n    color: var(${tokens.buttonTextColor});\n\n    ${applyEllipsis()}\n\n\n    &.${String(classes.contentRelaxed)} {\n        text-align: start;\n        flex-grow: 2;\n    }\n`;\n\nexport const ButtonValue = styled.span`\n    color: var(${tokens.buttonValueColor});\n\n    margin: var(${tokens.buttonValueMargin});\n\n    min-width: 4ch;\n\n    ${applyEllipsis()}\n`;\n\n// TODO: #720\nexport const LoadWrap = styled.div<{ contentPlacing: string; isLoading?: boolean }>`\n    opacity: ${({ isLoading }) => (isLoading ? '0' : '1')};\n    display: flex;\n    align-items: inherit;\n    justify-content: ${({ contentPlacing }) => contentPlacing};\n    height: 100%;\n    width: 100%;\n`;\n\nexport const Loader = styled.div`\n    position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n    ${spinnerTokens.size}: var(${tokens.buttonSpinnerSize});\n    ${spinnerTokens.color}: var(${tokens.buttonSpinnerColor});\n`;\n\nexport const StyledContentLeft = styled.div<{ hasContentMargin?: boolean }>`\n    display: flex;\n    align-self: var(${tokens.buttonLeftContentAlignSelf});\n    color: var(${tokens.buttonIconColor});\n\n    margin: ${({ hasContentMargin }) => (hasContentMargin ? `var(${tokens.buttonLeftContentMargin})` : 0)};\n`;\n\nexport const StyledContentRight = styled.div<{ hasContentMargin?: boolean }>`\n    display: flex;\n    align-self: var(${tokens.buttonRightContentAlignSelf});\n    color: var(${tokens.buttonIconColor});\n\n    margin: ${({ hasContentMargin }) => (hasContentMargin ? `var(${tokens.buttonRightContentMargin})` : 0)};\n`;\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    a& {\n        text-decoration: none;\n    }\n\n    /* NOTE:\n        --plasma_computed-btn-br-radius is defined in Button.tsx\n    */\n    --plasma_private-btn-br: var(--plasma_computed-btn-br);\n    border-radius: var(--plasma_private-btn-br);\n\n    &&.${String(classes.buttonSquare)} {\n        width: var(${tokens.buttonHeight});\n        padding: 0;\n    }\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    a& {\n        text-decoration: none;\n    }\n\n    /* NOTE:\n        --plasma_computed-btn-br-radius is defined in Button.tsx\n    */\n    --plasma_private-btn-br: var(--plasma_computed-btn-br);\n    border-radius: var(--plasma_private-btn-br);\n\n    &&.${String(classes.buttonSquare)} {\n        width: var(${tokens.buttonHeight});\n        padding: 0;\n    }\n\n    color: var(${tokens.buttonColor});\n    background: var(${tokens.buttonBackgroundColor});\n\n    :hover {\n        color: var(${tokens.buttonColorHover}, var(${tokens.buttonColor}));\n        background: var(${tokens.buttonBackgroundColorHover}, var(${tokens.buttonBackgroundColor}));\n\n        scale: var(${tokens.buttonScaleHover});\n    }\n\n    :active {\n        color: var(${tokens.buttonColorActive}, var(${tokens.buttonColor}));\n        background: var(${tokens.buttonBackgroundColorActive}, var(${tokens.buttonBackgroundColor}));\n\n        scale: var(${tokens.buttonScaleActive});\n    }\n\n    height: var(${tokens.buttonHeight});\n    width: var(${tokens.buttonWidth});\n\n    /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n    padding: 0 var(${tokens.buttonPadding}, calc(var(${tokens.buttonHeight}) * 1.618 / 4));\n\n    font-family: var(${tokens.buttonFontFamily});\n    font-size: var(${tokens.buttonFontSize});\n    font-style: var(${tokens.buttonFontStyle});\n    font-weight: var(${tokens.buttonFontWeight});\n    letter-spacing: var(${tokens.buttonLetterSpacing});\n    line-height: var(${tokens.buttonLineHeight});\n\n    /* TODO: #710 make it token API ? */\n    --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: '-0.125rem',\n        outlineSize: 'var(--plasma_private-btn-outline-size)',\n        outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',\n        outlineColor: `var(${tokens.buttonFocusColor})`,\n    })}\n\n    &[disabled] {\n        opacity: var(${tokens.buttonDisabledOpacity});\n        cursor: not-allowed;\n\n        :hover,\n        :active {\n            scale: none;\n\n            color: var(${tokens.buttonColor});\n            background: var(${tokens.buttonBackgroundColor});\n        }\n    }\n\n    &.${classes.fixedStretching} {\n        width: var(${tokens.buttonWidth});\n    }\n    &.${classes.filledStretching} {\n        width: 100%;\n    }\n    &.${classes.autoStretching} {\n        width: fit-content;\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","ButtonText","styled","name","class","propsAsIs","ButtonValue","_exp7","_ref","isLoading","_exp8","_ref2","contentPlacing","LoadWrap","vars","Loader","_exp9","StyledSpinner","_exp16","_ref3","hasContentMargin","concat","tokens","buttonLeftContentMargin","StyledContentLeft","_exp19","_ref4","buttonRightContentMargin","StyledContentRight","base"],"mappings":"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"}
+{"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { classes, tokens } from './Button.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const ButtonText = styled.span`\n    min-width: 4ch;\n\n    &.${String(classes.contentRelaxed)} {\n        flex-grow: 2;\n        text-align: start;\n    }\n\n    color: var(${tokens.buttonTextColor});\n\n    ${applyEllipsis()}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n    display: flex;\n    align-items: center;\n    margin: var(${tokens.buttonAdditionalContentMargin});\n\n    &.${String(classes.contentRelaxed)} {\n        text-align: start;\n        flex-grow: 2;\n    }\n\n    &.${classes.buttonHasValue} {\n        margin-right: var(${tokens.buttonAdditionalContentMarginRightWidthValue});\n    }\n`;\n\nexport const ButtonValue = styled.span`\n    color: var(${tokens.buttonValueColor});\n\n    margin: var(${tokens.buttonValueMargin});\n\n    min-width: 4ch;\n\n    ${applyEllipsis()}\n`;\n\n// TODO: #720\nexport const LoadWrap = styled.div<{ contentPlacing: string; isLoading?: boolean }>`\n    opacity: ${({ isLoading }) => (isLoading ? '0' : '1')};\n    display: flex;\n    align-items: inherit;\n    justify-content: ${({ contentPlacing }) => contentPlacing};\n    height: 100%;\n    width: 100%;\n`;\n\nexport const Loader = styled.div`\n    position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n    ${spinnerTokens.size}: var(${tokens.buttonSpinnerSize});\n    ${spinnerTokens.color}: var(${tokens.buttonSpinnerColor});\n`;\n\nexport const StyledContentLeft = styled.div<{ hasContentMargin?: boolean }>`\n    display: flex;\n    align-self: var(${tokens.buttonLeftContentAlignSelf});\n    color: var(${tokens.buttonIconColor});\n\n    margin: ${({ hasContentMargin }) => (hasContentMargin ? `var(${tokens.buttonLeftContentMargin})` : 0)};\n`;\n\nexport const StyledContentRight = styled.div<{ hasContentMargin?: boolean }>`\n    display: flex;\n    align-self: var(${tokens.buttonRightContentAlignSelf});\n    color: var(${tokens.buttonIconColor});\n\n    margin: ${({ hasContentMargin }) => (hasContentMargin ? `var(${tokens.buttonRightContentMargin})` : 0)};\n`;\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    a& {\n        text-decoration: none;\n    }\n\n    /* NOTE:\n        --plasma_computed-btn-br-radius is defined in Button.tsx\n    */\n    --plasma_private-btn-br: var(--plasma_computed-btn-br);\n    border-radius: var(--plasma_private-btn-br);\n\n    &&.${String(classes.buttonSquare)} {\n        width: var(${tokens.buttonHeight});\n        padding: 0;\n    }\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    a& {\n        text-decoration: none;\n    }\n\n    /* NOTE:\n        --plasma_computed-btn-br-radius is defined in Button.tsx\n    */\n    --plasma_private-btn-br: var(--plasma_computed-btn-br);\n    border-radius: var(--plasma_private-btn-br);\n\n    &&.${String(classes.buttonSquare)} {\n        width: var(${tokens.buttonHeight});\n        padding: 0;\n    }\n\n    color: var(${tokens.buttonColor});\n    background: var(${tokens.buttonBackgroundColor});\n\n    :hover {\n        color: var(${tokens.buttonColorHover}, var(${tokens.buttonColor}));\n        background: var(${tokens.buttonBackgroundColorHover}, var(${tokens.buttonBackgroundColor}));\n\n        scale: var(${tokens.buttonScaleHover});\n    }\n\n    :active {\n        color: var(${tokens.buttonColorActive}, var(${tokens.buttonColor}));\n        background: var(${tokens.buttonBackgroundColorActive}, var(${tokens.buttonBackgroundColor}));\n\n        scale: var(${tokens.buttonScaleActive});\n    }\n\n    height: var(${tokens.buttonHeight});\n    width: var(${tokens.buttonWidth});\n\n    /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n    padding: 0 var(${tokens.buttonPadding}, calc(var(${tokens.buttonHeight}) * 1.618 / 4));\n\n    font-family: var(${tokens.buttonFontFamily});\n    font-size: var(${tokens.buttonFontSize});\n    font-style: var(${tokens.buttonFontStyle});\n    font-weight: var(${tokens.buttonFontWeight});\n    letter-spacing: var(${tokens.buttonLetterSpacing});\n    line-height: var(${tokens.buttonLineHeight});\n\n    /* TODO: #710 make it token API ? */\n    --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: '-0.125rem',\n        outlineSize: 'var(--plasma_private-btn-outline-size)',\n        outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',\n        outlineColor: `var(${tokens.buttonFocusColor})`,\n    })}\n\n    &[disabled] {\n        opacity: var(${tokens.buttonDisabledOpacity});\n        cursor: not-allowed;\n\n        :hover,\n        :active {\n            scale: none;\n\n            color: var(${tokens.buttonColor});\n            background: var(${tokens.buttonBackgroundColor});\n        }\n    }\n\n    &.${classes.fixedStretching} {\n        width: var(${tokens.buttonWidth});\n    }\n    &.${classes.filledStretching} {\n        width: 100%;\n    }\n    &.${classes.autoStretching} {\n        width: fit-content;\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","ButtonText","styled","name","class","propsAsIs","StyledAdditionalContent","ButtonValue","_exp11","_ref","isLoading","_exp12","_ref2","contentPlacing","LoadWrap","vars","Loader","_exp13","StyledSpinner","_exp20","_ref3","hasContentMargin","concat","tokens","buttonLeftContentMargin","StyledContentLeft","_exp23","_ref4","buttonRightContentMargin","StyledContentRight","base"],"mappings":"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"}

package/es/components/Button/Button.styles_wo15lb.css

@@ -0,0 +1,9 @@
+.bzw1898{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bzw1898.button-content-relaxed{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
+.sdfuqwe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-button-additional-content-margin);}.sdfuqwe.button-content-relaxed{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.sdfuqwe.button-has-value{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.b9ypozh{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.l4dfhbg{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.lrdlazt{position:absolute;}
+.s7rggv0{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.s1rjh7ra{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.s9ga1dj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.babf779{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.babf779{-webkit-text-decoration:none;text-decoration:none;}.babf779.babf779.button-square{width:var(--plasma-button-height);padding:0;}

package/es/components/Button/Button.tokens.js

@@ -6,7 +6,8 @@ var classes = {
   contentRelaxed: 'button-content-relaxed',
   buttonSquare: 'button-square',
   buttonItem: 'button-item',
-  buttonLoading: 'button-loading'
+  buttonLoading: 'button-loading',
+  buttonHasValue: 'button-has-value'
 };
 var tokens = {
   buttonColor: '--plasma-button-color',
@@ -36,7 +37,9 @@ var tokens = {
   buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',
   buttonRightContentMargin: '--plasma-button-right-content-margin',
   buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',
+  buttonAdditionalContentMargin: '--plasma-button-additional-content-margin',
   buttonValueMargin: '--plasma-button-value-margin',
+  buttonAdditionalContentMarginRightWidthValue: '--plasma-button-additional-content-margin-right-width-value',
   buttonDisabledOpacity: '--plasma-button-disabled-opacity',
   buttonFocusColor: '--plasma-button-focus-color',
   buttonSpinnerColor: '--plasma-button-spinner-color',

package/es/components/Button/Button.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.tokens.js","sources":["../../../src/components/Button/Button.tokens.ts"],"sourcesContent":["export const classes = {\n    buttonStretch: 'button-stretch',\n    autoStretching: 'button-stretching-auto',\n    filledStretching: 'button-stretching-filled',\n    fixedStretching: 'button-stretching-fixed',\n    contentRelaxed: 'button-content-relaxed',\n    buttonSquare: 'button-square',\n    buttonItem: 'button-item',\n    buttonLoading: 'button-loading',\n};\n\nexport const tokens = {\n    buttonColor: '--plasma-button-color',\n    buttonTextColor: '--plasma-button-text-color',\n    buttonIconColor: '--plasma-button-icon-color',\n    buttonValueColor: '--plasma-button-value-color',\n    buttonBackgroundColor: '--plasma-button-background-color',\n    buttonColorHover: '--plasma-button-color-hover',\n    buttonBackgroundColorHover: '--plasma-button-background-color-hover',\n    buttonColorActive: '--plasma-button-color-active',\n    buttonBackgroundColorActive: '--plasma-button-background-color-active',\n    buttonLoadingBackgroundColor: '--plasma-button-loading-background-color',\n\n    buttonScaleHover: '--plasma-button-scale-hover',\n    buttonScaleActive: '---plasma-button-scale-active',\n    buttonHeight: '--plasma-button-height',\n    buttonWidth: '--plasma-button-width',\n    buttonPadding: '--plasma-button-padding',\n    buttonRadius: '--plasma-button-radius',\n    buttonRadiusCircle: '--plasma-button-radius-circle',\n\n    buttonFontFamily: '--plasma-button-font-family',\n    buttonFontSize: '--plasma-button-font-size',\n    buttonFontStyle: '--plasma-button-font-style',\n    buttonFontWeight: '--plasma-button-font-weight',\n    buttonLetterSpacing: '--plasma-button-letter-spacing',\n    buttonLineHeight: '--plasma-button-line-height',\n\n    buttonLeftContentMargin: '--plasma-button-left-content-margin',\n    buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',\n    buttonRightContentMargin: '--plasma-button-right-content-margin',\n    buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',\n    buttonValueMargin: '--plasma-button-value-margin',\n\n    buttonDisabledOpacity: '--plasma-button-disabled-opacity',\n    buttonFocusColor: '--plasma-button-focus-color',\n\n    buttonSpinnerColor: '--plasma-button-spinner-color',\n    buttonSpinnerSize: '--plasma-button-spinner-size',\n};\n"],"names":["classes","buttonStretch","autoStretching","filledStretching","fixedStretching","contentRelaxed","buttonSquare","buttonItem","buttonLoading","tokens","buttonColor","buttonTextColor","buttonIconColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonLoadingBackgroundColor","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonLeftContentMargin","buttonLeftContentAlignSelf","buttonRightContentMargin","buttonRightContentAlignSelf","buttonValueMargin","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,gBAAgB,EAAE,0BAA0B;AAC5CC,EAAAA,eAAe,EAAE,yBAAyB;AAC1CC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAA;AACnB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,0BAA0B,EAAE,wCAAwC;AACpEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,2BAA2B,EAAE,yCAAyC;AACtEC,EAAAA,4BAA4B,EAAE,0CAA0C;AAExEC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,aAAa,EAAE,yBAAyB;AACxCC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,kBAAkB,EAAE,+BAA+B;AAEnDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,wBAAwB,EAAE,sCAAsC;AAChEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,iBAAiB,EAAE,8BAA8B;AAEjDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,iBAAiB,EAAE,8BAAA;AACvB;;;;"}
+{"version":3,"file":"Button.tokens.js","sources":["../../../src/components/Button/Button.tokens.ts"],"sourcesContent":["export const classes = {\n    buttonStretch: 'button-stretch',\n    autoStretching: 'button-stretching-auto',\n    filledStretching: 'button-stretching-filled',\n    fixedStretching: 'button-stretching-fixed',\n    contentRelaxed: 'button-content-relaxed',\n    buttonSquare: 'button-square',\n    buttonItem: 'button-item',\n    buttonLoading: 'button-loading',\n    buttonHasValue: 'button-has-value',\n};\n\nexport const tokens = {\n    buttonColor: '--plasma-button-color',\n    buttonTextColor: '--plasma-button-text-color',\n    buttonIconColor: '--plasma-button-icon-color',\n    buttonValueColor: '--plasma-button-value-color',\n    buttonBackgroundColor: '--plasma-button-background-color',\n    buttonColorHover: '--plasma-button-color-hover',\n    buttonBackgroundColorHover: '--plasma-button-background-color-hover',\n    buttonColorActive: '--plasma-button-color-active',\n    buttonBackgroundColorActive: '--plasma-button-background-color-active',\n    buttonLoadingBackgroundColor: '--plasma-button-loading-background-color',\n\n    buttonScaleHover: '--plasma-button-scale-hover',\n    buttonScaleActive: '---plasma-button-scale-active',\n    buttonHeight: '--plasma-button-height',\n    buttonWidth: '--plasma-button-width',\n    buttonPadding: '--plasma-button-padding',\n    buttonRadius: '--plasma-button-radius',\n    buttonRadiusCircle: '--plasma-button-radius-circle',\n\n    buttonFontFamily: '--plasma-button-font-family',\n    buttonFontSize: '--plasma-button-font-size',\n    buttonFontStyle: '--plasma-button-font-style',\n    buttonFontWeight: '--plasma-button-font-weight',\n    buttonLetterSpacing: '--plasma-button-letter-spacing',\n    buttonLineHeight: '--plasma-button-line-height',\n\n    buttonLeftContentMargin: '--plasma-button-left-content-margin',\n    buttonLeftContentAlignSelf: '--plasma-button-left-content-align-self',\n    buttonRightContentMargin: '--plasma-button-right-content-margin',\n    buttonRightContentAlignSelf: '--plasma-button-right-content-align-self',\n    buttonAdditionalContentMargin: '--plasma-button-additional-content-margin',\n    buttonValueMargin: '--plasma-button-value-margin',\n    buttonAdditionalContentMarginRightWidthValue: '--plasma-button-additional-content-margin-right-width-value',\n\n    buttonDisabledOpacity: '--plasma-button-disabled-opacity',\n    buttonFocusColor: '--plasma-button-focus-color',\n\n    buttonSpinnerColor: '--plasma-button-spinner-color',\n    buttonSpinnerSize: '--plasma-button-spinner-size',\n};\n"],"names":["classes","buttonStretch","autoStretching","filledStretching","fixedStretching","contentRelaxed","buttonSquare","buttonItem","buttonLoading","buttonHasValue","tokens","buttonColor","buttonTextColor","buttonIconColor","buttonValueColor","buttonBackgroundColor","buttonColorHover","buttonBackgroundColorHover","buttonColorActive","buttonBackgroundColorActive","buttonLoadingBackgroundColor","buttonScaleHover","buttonScaleActive","buttonHeight","buttonWidth","buttonPadding","buttonRadius","buttonRadiusCircle","buttonFontFamily","buttonFontSize","buttonFontStyle","buttonFontWeight","buttonLetterSpacing","buttonLineHeight","buttonLeftContentMargin","buttonLeftContentAlignSelf","buttonRightContentMargin","buttonRightContentAlignSelf","buttonAdditionalContentMargin","buttonValueMargin","buttonAdditionalContentMarginRightWidthValue","buttonDisabledOpacity","buttonFocusColor","buttonSpinnerColor","buttonSpinnerSize"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,gBAAgB,EAAE,0BAA0B;AAC5CC,EAAAA,eAAe,EAAE,yBAAyB;AAC1CC,EAAAA,cAAc,EAAE,wBAAwB;AACxCC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,cAAc,EAAE,kBAAA;AACpB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,0BAA0B,EAAE,wCAAwC;AACpEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,2BAA2B,EAAE,yCAAyC;AACtEC,EAAAA,4BAA4B,EAAE,0CAA0C;AAExEC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,aAAa,EAAE,yBAAyB;AACxCC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,kBAAkB,EAAE,+BAA+B;AAEnDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,wBAAwB,EAAE,sCAAsC;AAChEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,6BAA6B,EAAE,2CAA2C;AAC1EC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,4CAA4C,EAAE,6DAA6D;AAE3GC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAE/CC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,iBAAiB,EAAE,8BAAA;AACvB;;;;"}

package/es/components/Calendar/CalendarBase/CalendarBase.css

@@ -7,14 +7,15 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.Button_styles_uku5l7_bzw1898__3538ea16{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uku5l7_bzw1898__3538ea16.Button_styles_uku5l7_buttonContentRelaxed__3538ea16{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
-.Button_styles_uku5l7_bdfuqwe__3538ea16{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_uku5l7_l9ypozh__3538ea16{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
-.Button_styles_uku5l7_l4dfhbg__3538ea16{position:absolute;}
-.Button_styles_uku5l7_srdlazt__3538ea16{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_uku5l7_s7rggv0__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s7rggv0-0);}
-.Button_styles_uku5l7_s1rjh7ra__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
-.Button_styles_uku5l7_b9ga1dj__3538ea16{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uku5l7_b9ga1dj__3538ea16{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_buttonSquare__3538ea16{width:var(--plasma-button-height);padding:0;}
+.Button_styles_wo15lb_bzw1898__45fe6281{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_wo15lb_bzw1898__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
+.Button_styles_wo15lb_sdfuqwe__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-button-additional-content-margin);}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonHasValue__45fe6281{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.Button_styles_wo15lb_b9ypozh__45fe6281{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_wo15lb_l4dfhbg__45fe6281{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.Button_styles_wo15lb_lrdlazt__45fe6281{position:absolute;}
+.Button_styles_wo15lb_s7rggv0__45fe6281{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_wo15lb_s1rjh7ra__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.Button_styles_wo15lb_s9ga1dj__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.Button_styles_wo15lb_babf779__45fe6281{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_wo15lb_babf779__45fe6281{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_buttonSquare__45fe6281{width:var(--plasma-button-height);padding:0;}
 
 .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
 

package/es/components/Calendar/CalendarDouble/CalendarDouble.css

@@ -7,14 +7,15 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.Button_styles_uku5l7_bzw1898__3538ea16{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uku5l7_bzw1898__3538ea16.Button_styles_uku5l7_buttonContentRelaxed__3538ea16{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
-.Button_styles_uku5l7_bdfuqwe__3538ea16{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_uku5l7_l9ypozh__3538ea16{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
-.Button_styles_uku5l7_l4dfhbg__3538ea16{position:absolute;}
-.Button_styles_uku5l7_srdlazt__3538ea16{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_uku5l7_s7rggv0__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s7rggv0-0);}
-.Button_styles_uku5l7_s1rjh7ra__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
-.Button_styles_uku5l7_b9ga1dj__3538ea16{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uku5l7_b9ga1dj__3538ea16{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_buttonSquare__3538ea16{width:var(--plasma-button-height);padding:0;}
+.Button_styles_wo15lb_bzw1898__45fe6281{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_wo15lb_bzw1898__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
+.Button_styles_wo15lb_sdfuqwe__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-button-additional-content-margin);}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonHasValue__45fe6281{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.Button_styles_wo15lb_b9ypozh__45fe6281{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_wo15lb_l4dfhbg__45fe6281{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.Button_styles_wo15lb_lrdlazt__45fe6281{position:absolute;}
+.Button_styles_wo15lb_s7rggv0__45fe6281{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_wo15lb_s1rjh7ra__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.Button_styles_wo15lb_s9ga1dj__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.Button_styles_wo15lb_babf779__45fe6281{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_wo15lb_babf779__45fe6281{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_buttonSquare__45fe6281{width:var(--plasma-button-height);padding:0;}
 
 .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
 

package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css

@@ -7,14 +7,15 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.Button_styles_uku5l7_bzw1898__3538ea16{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uku5l7_bzw1898__3538ea16.Button_styles_uku5l7_buttonContentRelaxed__3538ea16{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
-.Button_styles_uku5l7_bdfuqwe__3538ea16{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_uku5l7_l9ypozh__3538ea16{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
-.Button_styles_uku5l7_l4dfhbg__3538ea16{position:absolute;}
-.Button_styles_uku5l7_srdlazt__3538ea16{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_uku5l7_s7rggv0__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s7rggv0-0);}
-.Button_styles_uku5l7_s1rjh7ra__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
-.Button_styles_uku5l7_b9ga1dj__3538ea16{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uku5l7_b9ga1dj__3538ea16{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_buttonSquare__3538ea16{width:var(--plasma-button-height);padding:0;}
+.Button_styles_wo15lb_bzw1898__45fe6281{min-width:4ch;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_wo15lb_bzw1898__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;text-align:start;}
+.Button_styles_wo15lb_sdfuqwe__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-button-additional-content-margin);}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonContentRelaxed__45fe6281{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_wo15lb_sdfuqwe__45fe6281.Button_styles_wo15lb_buttonHasValue__45fe6281{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.Button_styles_wo15lb_b9ypozh__45fe6281{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_wo15lb_l4dfhbg__45fe6281{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.Button_styles_wo15lb_lrdlazt__45fe6281{position:absolute;}
+.Button_styles_wo15lb_s7rggv0__45fe6281{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_wo15lb_s1rjh7ra__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.Button_styles_wo15lb_s9ga1dj__45fe6281{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.Button_styles_wo15lb_babf779__45fe6281{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_wo15lb_babf779__45fe6281{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_babf779__45fe6281.Button_styles_wo15lb_buttonSquare__45fe6281{width:var(--plasma-button-height);padding:0;}
 
 .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}