@central-design-system/components 2.26.0 → 2.27.0

package/dist/CdsRadioButton/styles.css

@@ -1,5 +1,5 @@
 /*!
-  * CDS v2.25.0 (https://cds.b2b-center.ru/)
+  * CDS v2.26.0 (https://cds.b2b-center.ru/)
   *
   * @package @central-design-system/components
   * @author  Design System Team <cds@b2b-center.ru>
@@ -7,9 +7,9 @@
   */
 .cds-ico,.cds-ico svg{width:1rem;height:1rem}
 
-.cds-input{position:relative;display:block}.cds-input input{display:block;outline:none !important;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-input input::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-input input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-input input:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-input input:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input__prefix{display:flex;align-items:center;position:absolute;left:.5rem;top:0;bottom:0}.cds-input__suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-input__suffix i+button,.cds-input__suffix i+i{margin-left:.5rem}.cds-input--wprefix input{padding-left:2.5rem}.cds-input--wsuffix input{padding-right:2.5rem}.cds-input--max-suffix input{padding-right:4rem}.cds-input__alert-icon{fill:var(--cds-color-feedback-error-100)}.cds-input__counter{position:absolute;top:-1.25rem;right:0;color:var(--cds-color-text-description);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%;width:auto}.cds-input__description{color:var(--cds-color-text-description);margin-bottom:.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-input__error{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem;width:75%}.cds-input__label{display:block;cursor:pointer;margin-bottom:.25rem;color:var(--cds-color-text-label);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-state-invalid input{border-color:var(--cds-color-feedback-error-100)}.cds-state-invalid input:hover,.cds-state-invalid input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__label{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__suffix i:not(.cds-input__alert-icon),.cds-state-disabled .cds-input__prefix i:not(.cds-input__alert-icon){fill:var(--cds-color-disabled-02)}
+.cds-input{position:relative;display:block}.cds-input input{display:block;outline:none !important;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-input input::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}@media (max-width: 42rem){.cds-input input{font-size:var(--cds-font-body-size-xs)}}.cds-input input:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-input input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-input input:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-input input:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input__prefix{display:flex;align-items:center;position:absolute;left:.5rem;top:0;bottom:0}.cds-input__suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-input__suffix i+button,.cds-input__suffix i+i{margin-left:.5rem}.cds-input--wprefix input{padding-left:2.5rem}.cds-input--wsuffix input{padding-right:2.5rem}.cds-input--max-suffix input{padding-right:4rem}.cds-input__alert-icon{fill:var(--cds-color-feedback-error-100)}.cds-input__counter{position:absolute;top:-1.25rem;right:0;color:var(--cds-color-text-description);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%;width:auto}.cds-input__description{color:var(--cds-color-text-description);margin-bottom:.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-input__error{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem;width:75%}.cds-input__label{display:block;cursor:pointer;margin-bottom:.25rem;color:var(--cds-color-text-label);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-state-invalid input{border-color:var(--cds-color-feedback-error-100)}.cds-state-invalid input:hover,.cds-state-invalid input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__label{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__suffix i:not(.cds-input__alert-icon),.cds-state-disabled .cds-input__prefix i:not(.cds-input__alert-icon){fill:var(--cds-color-disabled-02)}
 
 .cds-text-input__field .cds-skeleton{border-radius:var(--cds-border-radius-s)}
 
-@media (max-width: 42rem){.cds-radio-button{align-self:baseline;overflow-x:scroll}}.cds-radio-button__label{margin-bottom:.75rem;color:var(--cds-color-text-label);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-radio-button__description{margin-top:-.5rem;margin-bottom:1rem}.cds-radio-button__label-radio{z-index:2;display:flex;align-items:center;cursor:pointer;position:relative;padding-left:1.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-radio-button__label-radio:after,.cds-radio-button__label-radio:before{position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-radio-button__label-radio:before{width:1rem;height:1rem;border-radius:50%;border:var(--cds-border-element-01) var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary);left:0;top:0;bottom:0;margin:auto}.cds-radio-button__label-radio:hover:before{border-color:var(--cds-color-interactive-01-hover);background-color:var(--cds-color-interactive-02-hover)}.cds-radio-button__description-radio{padding-left:1.5rem;margin-top:.125rem;width:100%}.cds-radio-button input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-radio-button input:focus+label:before{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-radio-button input:checked+label:before{background-color:var(--cds-color-background-field-primary)}.cds-radio-button input:checked+label:after{width:.5rem;height:.5rem;top:0;bottom:0;left:4px;margin:auto;background-color:var(--cds-color-background-element-primary);border-radius:50%}.cds-radio-button input:checked+label:hover:before{border-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-hover)}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__container{position:relative;display:flex;align-items:flex-start}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item{margin-right:1rem;margin-bottom:0}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item input{left:0}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item:last-child{margin-right:0}.cds-radio-button__container{display:block}.cds-radio-button__item{margin-right:0;margin-bottom:.5rem}.cds-radio-button__item:last-child{margin-bottom:0}.cds-radio-button__item.cds-state-disabled input,.cds-radio-button__item.cds-state-disabled label{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-radio-button__item.cds-state-disabled label:before{border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-radio-button__item.cds-state-disabled label:after{background-color:var(--cds-color-disabled-02)}.cds-radio-button__skeleton .cds-radio-button__label-radio:before,.cds-radio-button__skeleton .cds-radio-button__label-radio:after{content:none}.cds-radio-button__skeleton .cds-radio-button__input--skeleton{position:absolute;left:0;border-radius:100%}
+@media (max-width: 42rem){.cds-radio-button{align-self:baseline;overflow-x:scroll}}.cds-radio-button__label{margin-bottom:.75rem;color:var(--cds-color-text-label);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-radio-button__description{margin-top:-.5rem;margin-bottom:1rem}.cds-radio-button__label-radio{z-index:2;display:flex;align-items:center;cursor:pointer;position:relative;padding-left:1.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}@media (max-width: 42rem){.cds-radio-button__label-radio{font-size:var(--cds-font-body-size-xs)}}.cds-radio-button__label-radio:after,.cds-radio-button__label-radio:before{position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-radio-button__label-radio:before{width:1rem;height:1rem;border-radius:50%;border:var(--cds-border-element-01) var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary);left:0;top:0;bottom:0;margin:auto}.cds-radio-button__label-radio:hover:before{border-color:var(--cds-color-interactive-01-hover);background-color:var(--cds-color-interactive-02-hover)}.cds-radio-button__description-radio{padding-left:1.5rem;margin-top:.125rem;width:100%}.cds-radio-button input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-radio-button input:focus+label:before{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-radio-button input:checked+label:before{background-color:var(--cds-color-background-field-primary)}.cds-radio-button input:checked+label:after{width:.5rem;height:.5rem;top:0;bottom:0;left:4px;margin:auto;background-color:var(--cds-color-background-element-primary);border-radius:50%}.cds-radio-button input:checked+label:hover:before{border-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-hover)}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__container{position:relative;display:flex;align-items:flex-start}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item{margin-right:1rem;margin-bottom:0}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item input{left:0}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item:last-child{margin-right:0}.cds-radio-button__container{display:block}.cds-radio-button__item{margin-right:0;margin-bottom:.5rem}.cds-radio-button__item:last-child{margin-bottom:0}.cds-radio-button__item.cds-state-disabled input,.cds-radio-button__item.cds-state-disabled label{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-radio-button__item.cds-state-disabled label:before{border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-radio-button__item.cds-state-disabled label:after{background-color:var(--cds-color-disabled-02)}.cds-radio-button__skeleton .cds-radio-button__label-radio:before,.cds-radio-button__skeleton .cds-radio-button__label-radio:after{content:none}.cds-radio-button__skeleton .cds-radio-button__input--skeleton{position:absolute;left:0;border-radius:100%}
 

package/dist/CdsSearch/index.js

@@ -1,5 +1,5 @@
 /*!
-  * CDS v2.25.0 (https://cds.b2b-center.ru/)
+  * CDS v2.26.0 (https://cds.b2b-center.ru/)
   *
   * @package @central-design-system/components
   * @author  Design System Team <cds@b2b-center.ru>

package/dist/CdsSearch/styles.css

@@ -1,5 +1,5 @@
 /*!
-  * CDS v2.25.0 (https://cds.b2b-center.ru/)
+  * CDS v2.26.0 (https://cds.b2b-center.ru/)
   *
   * @package @central-design-system/components
   * @author  Design System Team <cds@b2b-center.ru>
@@ -7,13 +7,13 @@
   */
 .cds-ico,.cds-ico svg{width:1rem;height:1rem}
 
-.cds-input{position:relative;display:block}.cds-input input{display:block;outline:none !important;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-input input::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-input input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-input input:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-input input:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input__prefix{display:flex;align-items:center;position:absolute;left:.5rem;top:0;bottom:0}.cds-input__suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-input__suffix i+button,.cds-input__suffix i+i{margin-left:.5rem}.cds-input--wprefix input{padding-left:2.5rem}.cds-input--wsuffix input{padding-right:2.5rem}.cds-input--max-suffix input{padding-right:4rem}.cds-input__alert-icon{fill:var(--cds-color-feedback-error-100)}.cds-input__counter{position:absolute;top:-1.25rem;right:0;color:var(--cds-color-text-description);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%;width:auto}.cds-input__description{color:var(--cds-color-text-description);margin-bottom:.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-input__error{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem;width:75%}.cds-input__label{display:block;cursor:pointer;margin-bottom:.25rem;color:var(--cds-color-text-label);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-state-invalid input{border-color:var(--cds-color-feedback-error-100)}.cds-state-invalid input:hover,.cds-state-invalid input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__label{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__suffix i:not(.cds-input__alert-icon),.cds-state-disabled .cds-input__prefix i:not(.cds-input__alert-icon){fill:var(--cds-color-disabled-02)}
+.cds-input{position:relative;display:block}.cds-input input{display:block;outline:none !important;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-input input::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}@media (max-width: 42rem){.cds-input input{font-size:var(--cds-font-body-size-xs)}}.cds-input input:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-input input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-input input:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-input input:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input__prefix{display:flex;align-items:center;position:absolute;left:.5rem;top:0;bottom:0}.cds-input__suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-input__suffix i+button,.cds-input__suffix i+i{margin-left:.5rem}.cds-input--wprefix input{padding-left:2.5rem}.cds-input--wsuffix input{padding-right:2.5rem}.cds-input--max-suffix input{padding-right:4rem}.cds-input__alert-icon{fill:var(--cds-color-feedback-error-100)}.cds-input__counter{position:absolute;top:-1.25rem;right:0;color:var(--cds-color-text-description);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%;width:auto}.cds-input__description{color:var(--cds-color-text-description);margin-bottom:.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-input__error{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem;width:75%}.cds-input__label{display:block;cursor:pointer;margin-bottom:.25rem;color:var(--cds-color-text-label);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-state-invalid input{border-color:var(--cds-color-feedback-error-100)}.cds-state-invalid input:hover,.cds-state-invalid input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__label{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__suffix i:not(.cds-input__alert-icon),.cds-state-disabled .cds-input__prefix i:not(.cds-input__alert-icon){fill:var(--cds-color-disabled-02)}
 
 .cds-text-input__field .cds-skeleton{border-radius:var(--cds-border-radius-s)}
 
 .cds-loading{position:absolute;width:5rem;height:5rem;opacity:1}.cds-loading__overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--cds-color-overlay-02);display:flex;justify-content:center;align-items:center;opacity:1}.cds-loading__overlay__fixed{position:fixed}.cds-loading__fixed{position:relative}.cds-loading svg{display:block;-webkit-animation:loader-turn 2s linear infinite;animation:loader-turn 2s linear infinite;width:100%}.cds-loading circle{-webkit-animation:loader-stroke 2s linear infinite;animation:loader-stroke 2s linear infinite;fill:none;stroke-dasharray:60;stroke-dashoffset:60;stroke-width:2;stroke:var(--cds-color-interactive-01-default)}.cds-loading__small{width:1rem;height:1rem}.cds-loading__small svg{width:100%}.cds-loading__small circle{stroke-width:3}@-webkit-keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@-webkit-keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}@keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}.fade-enter-active,.fade-leave-active{transition:200ms cubic-bezier(0.37, 0, 0.63, 1)}.fade-enter,.fade-leave-to{opacity:0}
 
-.cds-search{position:relative}.cds-search label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-search input[role="search"]{padding-left:2rem;padding-right:1.5rem}.cds-search__icon{margin-left:1px;cursor:text}.cds-search__clear{margin-right:-1rem;padding:0;background:none;border:none;outline:none;font-size:0;cursor:pointer;width:2rem;height:2rem;opacity:0;visibility:hidden;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-search__clear:hover .cds-search__clear-icon svg{fill:var(--cds-color-interactive-01-hover)}.cds-search__clear:focus .cds-search__clear-icon svg{outline:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-search__clear.cds-state-active{opacity:1;visibility:visible}.cds-search__dropdown{position:absolute;width:100%;overflow-x:hidden;overflow-y:auto;list-style:none;padding:0;margin:0;left:0;max-height:calc(2rem * 5 + 1rem);background-color:var(--cds-color-background-container-primary);color:var(--cds-color-text-primary);box-shadow:var(--cds-box-shadow-menu);border-radius:0 0 var(--cds-border-radius-s) var(--cds-border-radius-s);z-index:200;transition:opacity 100ms cubic-bezier(0.12, 0, 0.39, 0)}.cds-search__dropdown-item{display:block;cursor:pointer;outline:none;border:none;text-align:left;width:100%;height:2rem;background:var(--cds-color-background-container-primary);padding:.25rem 1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:var(--cds-border-element-02) transparent;color:var(--cds-color-text-primary);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-search__dropdown-item:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-search__dropdown-item:focus{border:var(--cds-border-element-02);border-color:var(--cds-color-interactive-02-focus)}.cds-search__dropdown-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;height:9.125rem}.cds-search.cds-state-active input[role="search"]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cds-search input[type="search"]::-webkit-search-decoration,.cds-search input[type="search"]::-webkit-search-cancel-button,.cds-search input[type="search"]::-webkit-search-results-button,.cds-search input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none}.cds-search .fade-enter-active,.cds-search .fade-leave-active{transition:opacity 300ms}.cds-search .fade-enter,.cds-search .fade-leave-to{opacity:0}
+.cds-search{position:relative}.cds-search label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-search input[role="search"]{padding-left:2rem;padding-right:1.5rem}.cds-search__icon{margin-left:1px;cursor:text}.cds-search__clear{margin-right:-1rem;padding:0;background:none;border:none;outline:none;font-size:0;cursor:pointer;width:2rem;height:2rem;opacity:0;visibility:hidden;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-search__clear:hover .cds-search__clear-icon svg{fill:var(--cds-color-interactive-01-hover)}.cds-search__clear:focus .cds-search__clear-icon svg{outline:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-search__clear.cds-state-active{opacity:1;visibility:visible}.cds-search__dropdown{position:absolute;width:100%;overflow-x:hidden;overflow-y:auto;list-style:none;padding:0;margin:0;left:0;max-height:calc(2rem * 5 + 1rem);background-color:var(--cds-color-background-container-primary);color:var(--cds-color-text-primary);box-shadow:var(--cds-box-shadow-menu);border-radius:0 0 var(--cds-border-radius-s) var(--cds-border-radius-s);z-index:200;transition:opacity 100ms cubic-bezier(0.12, 0, 0.39, 0)}.cds-search__dropdown-item{display:block;cursor:pointer;outline:none;border:none;text-align:left;width:100%;height:2rem;background:var(--cds-color-background-container-primary);padding:.25rem 1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:var(--cds-border-element-02) transparent;color:var(--cds-color-text-primary);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}@media (max-width: 42rem){.cds-search__dropdown-item{font-size:var(--cds-font-body-size-xs)}}.cds-search__dropdown-item:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-search__dropdown-item:focus{border:var(--cds-border-element-02);border-color:var(--cds-color-interactive-02-focus)}.cds-search__dropdown-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;height:9.125rem}.cds-search.cds-state-active input[role="search"]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cds-search input[type="search"]::-webkit-search-decoration,.cds-search input[type="search"]::-webkit-search-cancel-button,.cds-search input[type="search"]::-webkit-search-results-button,.cds-search input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none}.cds-search .fade-enter-active,.cds-search .fade-leave-active{transition:opacity 300ms}.cds-search .fade-enter,.cds-search .fade-leave-to{opacity:0}
 
 .cds-search__skeleton{border-radius:var(--cds-border-radius-s)}
 

package/dist/CdsSelect/index.js

@@ -1,5 +1,5 @@
 /*!
-  * CDS v2.25.0 (https://cds.b2b-center.ru/)
+  * CDS v2.26.0 (https://cds.b2b-center.ru/)
   *
   * @package @central-design-system/components
   * @author  Design System Team <cds@b2b-center.ru>

package/dist/CdsSelect/styles.css

@@ -1,5 +1,5 @@
 /*!
-  * CDS v2.25.0 (https://cds.b2b-center.ru/)
+  * CDS v2.26.0 (https://cds.b2b-center.ru/)
   *
   * @package @central-design-system/components
   * @author  Design System Team <cds@b2b-center.ru>
@@ -7,9 +7,9 @@
   */
 .cds-ico,.cds-ico svg{width:1rem;height:1rem}
 
-.cds-input{position:relative;display:block}.cds-input input{display:block;outline:none !important;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-input input::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-input input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-input input:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-input input:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input__prefix{display:flex;align-items:center;position:absolute;left:.5rem;top:0;bottom:0}.cds-input__suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-input__suffix i+button,.cds-input__suffix i+i{margin-left:.5rem}.cds-input--wprefix input{padding-left:2.5rem}.cds-input--wsuffix input{padding-right:2.5rem}.cds-input--max-suffix input{padding-right:4rem}.cds-input__alert-icon{fill:var(--cds-color-feedback-error-100)}.cds-input__counter{position:absolute;top:-1.25rem;right:0;color:var(--cds-color-text-description);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%;width:auto}.cds-input__description{color:var(--cds-color-text-description);margin-bottom:.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-input__error{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem;width:75%}.cds-input__label{display:block;cursor:pointer;margin-bottom:.25rem;color:var(--cds-color-text-label);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-state-invalid input{border-color:var(--cds-color-feedback-error-100)}.cds-state-invalid input:hover,.cds-state-invalid input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__label{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__suffix i:not(.cds-input__alert-icon),.cds-state-disabled .cds-input__prefix i:not(.cds-input__alert-icon){fill:var(--cds-color-disabled-02)}
+.cds-input{position:relative;display:block}.cds-input input{display:block;outline:none !important;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-input input::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}@media (max-width: 42rem){.cds-input input{font-size:var(--cds-font-body-size-xs)}}.cds-input input:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-input input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-input input:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-input input:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input__prefix{display:flex;align-items:center;position:absolute;left:.5rem;top:0;bottom:0}.cds-input__suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-input__suffix i+button,.cds-input__suffix i+i{margin-left:.5rem}.cds-input--wprefix input{padding-left:2.5rem}.cds-input--wsuffix input{padding-right:2.5rem}.cds-input--max-suffix input{padding-right:4rem}.cds-input__alert-icon{fill:var(--cds-color-feedback-error-100)}.cds-input__counter{position:absolute;top:-1.25rem;right:0;color:var(--cds-color-text-description);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%;width:auto}.cds-input__description{color:var(--cds-color-text-description);margin-bottom:.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-input__error{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem;width:75%}.cds-input__label{display:block;cursor:pointer;margin-bottom:.25rem;color:var(--cds-color-text-label);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-state-invalid input{border-color:var(--cds-color-feedback-error-100)}.cds-state-invalid input:hover,.cds-state-invalid input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__label{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__suffix i:not(.cds-input__alert-icon),.cds-state-disabled .cds-input__prefix i:not(.cds-input__alert-icon){fill:var(--cds-color-disabled-02)}
 
 .cds-text-input__field .cds-skeleton{border-radius:var(--cds-border-radius-s)}
 
-.cds-select{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:0}.cds-select__control{position:relative;width:100%;background-color:var(--cds-color-background-field-primary)}.cds-select__control select{cursor:pointer;outline:0;display:block;position:relative;background:transparent;-webkit-appearance:none;width:100%;border:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-radius:var(--cds-border-radius-s);height:2rem;padding:0 2.5rem 0 1rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-select__control select::-ms-expand{display:none}.cds-select__control select:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-select__control select:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-select__button{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;border-radius:0 var(--cds-border-radius-s) var(--cds-border-radius-s) 0;border-color:var(--cds-color-border-element-primary);padding:0 1rem 0 .75rem;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-select__button i{transform:rotate(0);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-select.cds-state-empty select{color:var(--cds-color-text-placeholder)}.cds-select.cds-state-invalid .cds-select__control select{border-color:var(--cds-color-feedback-error-100);padding-right:4rem}.cds-select.cds-state-invalid .cds-select__control select:hover,.cds-select.cds-state-invalid .cds-select__control select:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-select.cds-state-invalid .cds-select__control .cds-select__alert-icon{margin-right:.5rem;fill:var(--cds-color-feedback-error-100)}.cds-select.cds-state-disabled .cds-select__control *{color:var(--cds-color-disabled-02);cursor:default}.cds-select.cds-state-disabled .cds-select__control select{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-select.cds-state-disabled .cds-select__control select::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-select.cds-state-disabled .cds-select__control select:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-select.cds-state-disabled .cds-select__control select::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-select.cds-state-disabled .cds-select__control select:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-select.cds-state-disabled .cds-select__control .cds-select__button{cursor:not-allowed;background-color:transparent}
+.cds-select{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:0}.cds-select__control{position:relative;width:100%;background-color:var(--cds-color-background-field-primary)}.cds-select__control select{cursor:pointer;outline:0;display:block;position:relative;background:transparent;-webkit-appearance:none;width:100%;border:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-radius:var(--cds-border-radius-s);height:2rem;padding:0 2.5rem 0 1rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}@media (max-width: 42rem){.cds-select__control select{font-size:var(--cds-font-body-size-xs)}}.cds-select__control select::-ms-expand{display:none}.cds-select__control select:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-select__control select:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-select__button{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;border-radius:0 var(--cds-border-radius-s) var(--cds-border-radius-s) 0;border-color:var(--cds-color-border-element-primary);padding:0 1rem 0 .75rem;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-select__button i{transform:rotate(0);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-select.cds-state-empty select{color:var(--cds-color-text-placeholder)}.cds-select.cds-state-invalid .cds-select__control select{border-color:var(--cds-color-feedback-error-100);padding-right:4rem}.cds-select.cds-state-invalid .cds-select__control select:hover,.cds-select.cds-state-invalid .cds-select__control select:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-select.cds-state-invalid .cds-select__control .cds-select__alert-icon{margin-right:.5rem;fill:var(--cds-color-feedback-error-100)}.cds-select.cds-state-disabled .cds-select__control *{color:var(--cds-color-disabled-02);cursor:default}.cds-select.cds-state-disabled .cds-select__control select{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-select.cds-state-disabled .cds-select__control select::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-select.cds-state-disabled .cds-select__control select:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-select.cds-state-disabled .cds-select__control select::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-select.cds-state-disabled .cds-select__control select:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-select.cds-state-disabled .cds-select__control .cds-select__button{cursor:not-allowed;background-color:transparent}