@central-design-system/components 2.18.0-beta.2 → 2.19.0

package/dist/CdsMultiselect/styles.css

@@ -1,5 +1,5 @@
 /*!
-  * CDS v2.18.0-beta.1 (https://cds.b2b-center.ru/)
+  * CDS v2.18.0 (https://cds.b2b-center.ru/)
   *
   * @package @central-design-system/components
   * @author  Design System Team <cds@b2b-center.ru>
@@ -13,5 +13,5 @@
 
 .cds-checkbox__label{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-checkbox__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-checkbox__label:after,.cds-checkbox__label:before{position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-checkbox__label:before{width:1rem;height:1rem;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01);border-color:var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary);left:0;top:0;bottom:0;margin:auto}.cds-checkbox__description{padding-left:1.5rem;margin-top:.125rem;width:100%}.cds-checkbox__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-checkbox__input:focus ~ .cds-checkbox__label:before{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-checkbox__group-label{margin-bottom:.75rem;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-checkbox__group-description{margin-top:-.5rem;margin-bottom:1rem;width:100%}.cds-checkbox__group .cds-checkbox{margin-bottom:.5rem}.cds-checkbox__group .cds-checkbox:last-child{margin-bottom:0}.cds-checkbox__group--horizontal .cds-checkbox__container{position:relative;display:flex;align-items:flex-start}.cds-checkbox__group--horizontal .cds-checkbox{margin-right:1rem;margin-bottom:0}.cds-checkbox__group--horizontal .cds-checkbox input{left:0}.cds-checkbox__group--horizontal .cds-checkbox:last-child{margin-right:0}.cds-checkbox.cds-state-checked .cds-checkbox__label:before{border-color:var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary)}.cds-checkbox.cds-state-checked .cds-checkbox__label:after{width:.375rem;height:.625rem;top:-.125rem;bottom:0;margin:auto;left:.3125rem;border-right:var(--cds-border-element-02) var(--cds-color-background-element-primary);border-bottom:var(--cds-border-element-02) var(--cds-color-background-element-primary);transform:rotate(33deg);transform-origin:center}.cds-checkbox.cds-state-indeterminate:not(.cds-state-checked) .cds-checkbox__label:before{background-color:var(--cds-color-background-field-primary)}.cds-checkbox.cds-state-indeterminate:not(.cds-state-checked) .cds-checkbox__label:after{width:0;height:.625rem;top:0;bottom:0;margin:auto;left:7px;border-right:var(--cds-border-element-02) var(--cds-color-background-element-primary);border-bottom-width:0;transform:rotate(90deg);transform-origin:center}.cds-checkbox:hover:not(.cds-state-disabled) .cds-checkbox__label:before{border-color:var(--cds-color-interactive-01-hover);background-color:var(--cds-color-interactive-02-hover)}.cds-checkbox:hover:not(.cds-state-disabled).cds-state-checked .cds-checkbox__label:before,.cds-checkbox:hover:not(.cds-state-disabled).cds-state-indeterminate .cds-checkbox__label:before{border-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-hover)}.cds-checkbox.cds-state-disabled .cds-checkbox__label,.cds-checkbox.cds-state-disabled .cds-checkbox__input{cursor:not-allowed;color:var(--cds-color-disabled-02) !important}.cds-checkbox.cds-state-disabled .cds-checkbox__label:before{border-color:var(--cds-color-disabled-02) !important;background-color:var(--cds-color-disabled-01) !important}.cds-checkbox.cds-state-disabled .cds-checkbox__label:after{border-color:var(--cds-color-disabled-02) !important}.cds-checkbox__skeleton .cds-checkbox__label:before,.cds-checkbox__skeleton .cds-checkbox__label:after{content:none}.cds-checkbox__skeleton .cds-checkbox__input--skeleton{position:absolute;left:0}
 
-.cds-multiselect{outline:none}.cds-multiselect.cds-state-active .cds-multiselect__field input,.cds-multiselect.cds-state-active .cds-multiselect__field .cds-multiselect__control{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus);border-radius:var(--cds-border-radius-s) var(--cds-border-radius-s) 0 0}.cds-multiselect.cds-state-active .cds-multiselect__arrow{transform:rotate(180deg)}.cds-multiselect.cds-state-active .cds-multiselect__options{opacity:1;visibility:visible;max-height:10rem}.cds-multiselect.cds-state-checked .cds-multiselect__placeholder,.cds-multiselect.cds-state-checked .cds-multiselect__control::-moz-placeholder{color:var(--cds-color-text-label)}.cds-multiselect.cds-state-checked .cds-multiselect__placeholder,.cds-multiselect.cds-state-checked .cds-multiselect__control:-ms-input-placeholder{color:var(--cds-color-text-label)}.cds-multiselect.cds-state-checked .cds-multiselect__placeholder,.cds-multiselect.cds-state-checked .cds-multiselect__control::placeholder{color:var(--cds-color-text-label)}.cds-multiselect.cds-state-disabled .cds-multiselect__arrow,.cds-multiselect.cds-state-disabled .cds-multiselect__clear{cursor:not-allowed}.cds-multiselect.cds-state-disabled .cds-multiselect__arrow svg,.cds-multiselect.cds-state-disabled .cds-multiselect__clear svg{fill:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__control{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cds-multiselect.cds-state-disabled .cds-multiselect__control:focus,.cds-multiselect.cds-state-disabled .cds-multiselect__control:hover{box-shadow:none;border-color:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__options{background-color:var(--cds-color-background-container-primary)}.cds-multiselect.cds-state-disabled .cds-multiselect__option{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__option.cds-highlighted,.cds-multiselect.cds-state-disabled .cds-multiselect__option:hover{background-color:var(--cds-color-background-container-primary)}.cds-multiselect__container{position:relative}.cds-multiselect__container.cds-state-disabled .cds-input__label,.cds-multiselect__container.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-multiselect__field{position:relative;display:block}.cds-multiselect__field .cds-multiselect__control{cursor:pointer;display:flex;align-items:center;outline:none;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-right:3rem;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-multiselect__field .cds-multiselect__control::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-multiselect__field .cds-multiselect__control:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-multiselect__field .cds-multiselect__control:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-multiselect__field .cds-multiselect__control:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field .cds-multiselect__control:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field .cds-multiselect__control:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field .cds-multiselect__control:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field input.cds-multiselect__control{display:block;cursor:text}.cds-multiselect__field--prefix{display:flex;align-items:center;position:absolute;left:1rem;top:0;bottom:0}.cds-multiselect__field--suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-multiselect__field--suffix i+button,.cds-multiselect__field--suffix i+i{margin-left:.5rem}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.cds-multiselect__field--suffix{min-height:2.5rem}}.cds-multiselect__field.cds-wprefix input{padding-left:3rem}.cds-multiselect__field.cds-wsuffix input{padding-right:4rem}.cds-multiselect__field.cds-state-invalid input,.cds-multiselect__field.cds-state-invalid .cds-multiselect__control{border-color:var(--cds-color-feedback-error-100)}.cds-multiselect__field.cds-state-invalid input:hover,.cds-multiselect__field.cds-state-invalid input:focus,.cds-multiselect__field.cds-state-invalid .cds-multiselect__control:hover,.cds-multiselect__field.cds-state-invalid .cds-multiselect__control:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-multiselect__placeholder{color:var(--cds-color-border-element-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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-multiselect__options{position:absolute;width:100%;opacity:0;visibility:hidden;overflow-x:hidden;overflow-y:auto;max-height:0;background-color:var(--cds-color-background-container-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:max-height 100ms cubic-bezier(0.12, 0, 0.39, 0)}.cds-multiselect__option{cursor:pointer;background-color:var(--cds-color-background-container-primary);width:100%;height:2rem;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1rem;display:flex;align-items:center}.cds-multiselect__option.cds-highlighted,.cds-multiselect__option:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-multiselect__checkbox{pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-multiselect__tag{display:flex;align-items:center;cursor:pointer;padding:0;outline:0;border:var(--cds-border-element-02) transparent;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-interactive-02-default);height:1rem;padding-left:.125rem;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__tag:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-multiselect__text{font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);line-height:0}.cds-multiselect__icon{cursor:pointer;padding:0;border:none;outline:none;font-size:0;background:transparent;margin-left:.25rem}.cds-multiselect__alert{cursor:default;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__alert svg{fill:var(--cds-color-feedback-error-100)}.cds-multiselect__arrow{transition:transform 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__clear{right:calc(-1rem + 1px);opacity:0;visibility:hidden;z-index:1;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__clear:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-multiselect__clear:focus svg{outline:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-multiselect__clear.cds-state-active{opacity:1;visibility:visible}
+.cds-multiselect{outline:none}.cds-multiselect.cds-state-active .cds-multiselect__field input,.cds-multiselect.cds-state-active .cds-multiselect__field .cds-multiselect__control{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus);border-radius:var(--cds-border-radius-s) var(--cds-border-radius-s) 0 0}.cds-multiselect.cds-state-active .cds-multiselect__arrow{transform:rotate(180deg)}.cds-multiselect.cds-state-active .cds-multiselect__options{opacity:1;visibility:visible;max-height:10rem}.cds-multiselect.cds-state-checked .cds-multiselect__placeholder,.cds-multiselect.cds-state-checked .cds-multiselect__control::-moz-placeholder{color:var(--cds-color-text-label)}.cds-multiselect.cds-state-checked .cds-multiselect__placeholder,.cds-multiselect.cds-state-checked .cds-multiselect__control:-ms-input-placeholder{color:var(--cds-color-text-label)}.cds-multiselect.cds-state-checked .cds-multiselect__placeholder,.cds-multiselect.cds-state-checked .cds-multiselect__control::placeholder{color:var(--cds-color-text-label)}.cds-multiselect.cds-state-disabled .cds-multiselect__arrow,.cds-multiselect.cds-state-disabled .cds-multiselect__clear{cursor:not-allowed}.cds-multiselect.cds-state-disabled .cds-multiselect__arrow svg,.cds-multiselect.cds-state-disabled .cds-multiselect__clear svg{fill:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__control{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cds-multiselect.cds-state-disabled .cds-multiselect__control:focus,.cds-multiselect.cds-state-disabled .cds-multiselect__control:hover{box-shadow:none;border-color:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__options{background-color:var(--cds-color-background-container-primary)}.cds-multiselect.cds-state-disabled .cds-multiselect__option{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__option.cds-highlighted,.cds-multiselect.cds-state-disabled .cds-multiselect__option:hover{background-color:var(--cds-color-background-container-primary)}.cds-multiselect__container{position:relative}.cds-multiselect__container.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-multiselect__container.cds-state-disabled .cds-multiselect__tag{color:var(--cds-color-disabled-02);cursor:not-allowed}.cds-multiselect__container.cds-state-disabled .cds-multiselect__tag:hover{background-color:var(--cds-color-interactive-02-default)}.cds-multiselect__container.cds-state-disabled .cds-input__label,.cds-multiselect__container.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-multiselect__field{position:relative;display:block}.cds-multiselect__field .cds-multiselect__control{cursor:pointer;display:flex;align-items:center;outline:none;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-right:3rem;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-multiselect__field .cds-multiselect__control::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-multiselect__field .cds-multiselect__control:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-multiselect__field .cds-multiselect__control:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-multiselect__field .cds-multiselect__control:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field .cds-multiselect__control:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field .cds-multiselect__control:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field .cds-multiselect__control:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field input.cds-multiselect__control{display:block;cursor:text}.cds-multiselect__field--prefix{display:flex;align-items:center;position:absolute;left:1rem;top:0;bottom:0}.cds-multiselect__field--suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-multiselect__field--suffix i+button,.cds-multiselect__field--suffix i+i{margin-left:.5rem}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.cds-multiselect__field--suffix{min-height:2.5rem}}.cds-multiselect__field.cds-wprefix input{padding-left:3rem}.cds-multiselect__field.cds-wsuffix input{padding-right:4rem}.cds-multiselect__field.cds-state-invalid input,.cds-multiselect__field.cds-state-invalid .cds-multiselect__control{border-color:var(--cds-color-feedback-error-100)}.cds-multiselect__field.cds-state-invalid input:hover,.cds-multiselect__field.cds-state-invalid input:focus,.cds-multiselect__field.cds-state-invalid .cds-multiselect__control:hover,.cds-multiselect__field.cds-state-invalid .cds-multiselect__control:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-multiselect__placeholder{color:var(--cds-color-border-element-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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-multiselect__options{position:absolute;width:100%;opacity:0;visibility:hidden;overflow-x:hidden;overflow-y:auto;max-height:0;background-color:var(--cds-color-background-container-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:max-height 100ms cubic-bezier(0.12, 0, 0.39, 0)}.cds-multiselect__option{cursor:pointer;background-color:var(--cds-color-background-container-primary);width:100%;height:2rem;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1rem;display:flex;align-items:center}.cds-multiselect__option.cds-highlighted,.cds-multiselect__option:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-multiselect__checkbox{pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-multiselect__tag{display:flex;align-items:center;cursor:pointer;padding:0;outline:0;border:var(--cds-border-element-02) transparent;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-interactive-02-default);height:1rem;padding-left:.125rem;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__tag:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-multiselect__text{font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);line-height:0}.cds-multiselect__icon{cursor:pointer;padding:0;border:none;outline:none;font-size:0;background:transparent;margin-left:.25rem}.cds-multiselect__alert{cursor:default;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__alert svg{fill:var(--cds-color-feedback-error-100)}.cds-multiselect__arrow{transition:transform 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__clear{right:calc(-1rem + 1px);opacity:0;visibility:hidden;z-index:1;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__clear:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-multiselect__clear:focus svg{outline:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-multiselect__clear.cds-state-active{opacity:1;visibility:visible}