@megafon/ui-core 8.0.0 → 8.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/components/Notification/Notification.css +1 -1
- package/dist/es/components/TextField/TextField.css +1 -1
- package/dist/lib/components/Notification/Notification.css +1 -1
- package/dist/lib/components/TextField/TextField.css +1 -1
- package/package.json +3 -3
- package/dist/es/colors/ColorItem/ColorItem.css +0 -1
- package/dist/es/colors/ColorItem/ColorItem.d.ts +0 -12
- package/dist/es/colors/ColorItem/ColorItem.js +0 -33
- package/dist/es/colors/Colors.css +0 -1
- package/dist/es/colors/Colors.d.ts +0 -4
- package/dist/es/colors/Colors.js +0 -396
- package/dist/es/colors/colorsData.d.ts +0 -21
- package/dist/es/colors/colorsData.js +0 -237
- package/dist/lib/colors/ColorItem/ColorItem.css +0 -1
- package/dist/lib/colors/ColorItem/ColorItem.d.ts +0 -12
- package/dist/lib/colors/ColorItem/ColorItem.js +0 -41
- package/dist/lib/colors/Colors.css +0 -1
- package/dist/lib/colors/Colors.d.ts +0 -4
- package/dist/lib/colors/Colors.js +0 -403
- package/dist/lib/colors/colorsData.d.ts +0 -21
- package/dist/lib/colors/colorsData.js +0 -243
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-notification{background-color:var(--base);border-radius:12px;padding:20px 12px 20px 32px;position:relative}@media screen and (max-width:767px){.mfui-notification{padding:16px 12px}}.mfui-notification__container{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-notification__title{color:var(--content);display:block;font-size:15px;font-weight:500;line-height:18px;margin-bottom:4px}@media screen and (min-width:1280px){.mfui-notification__title{line-height:24px}}.mfui-notification__title_close-padding{padding-right:20px}.mfui-notification__text{color:var(--content);font-size:12px;line-height:18px;margin:0;max-width:100%;position:relative;-webkit-transition:height .3s;transition:height .3s}@media screen and (min-width:768px){.mfui-notification__text{font-size:15px;line-height:24px}}.mfui-notification__short-text{opacity:1;position:static;-webkit-transition:opacity .2s;transition:opacity .2s;visibility:visible}.mfui-notification__full-text,.mfui-notification__short-text_hidden{opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;visibility:hidden}.mfui-notification__full-text_visible{opacity:1;position:static;-webkit-transition:opacity .2s;transition:opacity .2s;visibility:visible}.mfui-notification__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:center;align-self:center;margin-left:12px;overflow:hidden;width:100%}.mfui-notification__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:50%;height:40px;justify-content:center;min-width:40px;width:40px}.mfui-notification__attention-icon,.mfui-notification__icon-container svg{height:32px;min-width:32px;width:32px}.mfui-notification__text-container{margin-right:56px;width:85%}@media screen and (min-width:768px){.mfui-notification__text-container{margin-right:72px}}.mfui-notification__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-notification__bottom-block{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mfui-notification__bottom_has-button{margin-top:12px}.mfui-notification__link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brandGreen);cursor:pointer}.mfui-notification__button+.mfui-notification__link{margin-left:16px}.mfui-notification__collapse-button,.mfui-notification__link{font-family:inherit;font-size:15px;font-weight:500;line-height:18px}@media screen and (max-width:767px){.mfui-notification__collapse-button,.mfui-notification__link{font-size:12px;line-height:14px}}.mfui-notification__collapse-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:transparent;border:none;color:var(--brandGreen);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;text-align:right}@media screen and (max-width:767px){.mfui-notification__collapse-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.mfui-notification__collapse-arrow,.mfui-notification__link-arrow{height:20px;min-width:20px;width:20px;fill:var(--brandGreen)}.mfui-notification__collapse-arrow_close{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-notification__link-arrow{margin-bottom:-2px}@media screen and (min-width:768px){.mfui-notification__link-arrow{margin-bottom:-4px}}.mfui-notification__bottom-block+.mfui-notification__collapse-button{margin-left:20px}@media screen and (max-width:767px){.mfui-notification__bottom-block+.mfui-notification__collapse-button{margin-left:16px}}.mfui-notification__collapse_hidden{visibility:hidden}.mfui-notification__close{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:8px;top:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-notification{background-color:var(--base);border-radius:12px;padding:20px 12px 20px 32px;position:relative}@media screen and (max-width:767px){.mfui-notification{padding:16px 12px}}.mfui-notification__container{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-notification__title{color:var(--content);display:block;font-size:15px;font-weight:500;line-height:18px;margin-bottom:4px}@media screen and (min-width:1280px){.mfui-notification__title{line-height:24px}}.mfui-notification__title_close-padding{padding-right:20px}.mfui-notification__text{color:var(--content);font-size:12px;line-height:18px;margin:0;max-width:100%;position:relative;-webkit-transition:height .3s;transition:height .3s}@media screen and (min-width:768px){.mfui-notification__text{font-size:15px;line-height:24px}}.mfui-notification__short-text{opacity:1;position:static;-webkit-transition:opacity .2s;transition:opacity .2s;visibility:visible}.mfui-notification__full-text,.mfui-notification__short-text_hidden{opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;visibility:hidden}.mfui-notification__full-text_visible{opacity:1;position:static;-webkit-transition:opacity .2s;transition:opacity .2s;visibility:visible}.mfui-notification__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:center;align-self:center;margin-left:12px;overflow:hidden;width:100%}.mfui-notification__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:50%;height:40px;justify-content:center;min-width:40px;width:40px}.mfui-notification__attention-icon,.mfui-notification__icon-container svg{height:32px;min-width:32px;width:32px}.mfui-notification__text-container{margin-right:56px;width:85%}@media screen and (min-width:768px){.mfui-notification__text-container{margin-right:72px}}.mfui-notification__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-notification__bottom-block{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mfui-notification__bottom_has-button{margin-top:12px}.mfui-notification__link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brandGreen);cursor:pointer}.mfui-notification__button+.mfui-notification__link{margin-left:16px}.mfui-notification__collapse-button,.mfui-notification__link{font-family:inherit;font-size:15px;font-weight:500;line-height:18px}@media screen and (max-width:767px){.mfui-notification__collapse-button,.mfui-notification__link{font-size:12px;line-height:14px}}.mfui-notification__collapse-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:transparent;border:none;color:var(--brandGreen);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;text-align:right}@media screen and (max-width:767px){.mfui-notification__collapse-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.mfui-notification__collapse-arrow,.mfui-notification__link-arrow{height:20px;min-width:20px;width:20px;fill:var(--brandGreen)}.mfui-notification__collapse-arrow_close{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-notification__link-arrow{margin-bottom:-2px}@media screen and (min-width:768px){.mfui-notification__link-arrow{margin-bottom:-4px}}.mfui-notification__bottom-block+.mfui-notification__collapse-button{margin-left:20px}@media screen and (max-width:767px){.mfui-notification__bottom-block+.mfui-notification__collapse-button{margin-left:16px}}.mfui-notification__collapse_hidden{visibility:hidden}.mfui-notification__close{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:8px;top:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border:none;border-radius:50%;cursor:pointer;height:24px;justify-content:center;padding:0;width:24px}@media screen and (min-width:768px){.mfui-notification__close{height:32px;right:12px;top:12px;width:32px}}.mfui-notification__close:hover{background-color:var(--spbSky1)}.mfui-notification__close:active{background-color:var(--spbSky2)}.mfui-notification__close:after{background-color:var(--content);border-radius:50%;content:"";height:100%;opacity:.05;position:absolute;width:100%}.mfui-notification__close-icon{height:10px;opacity:.5;width:10px;fill:var(--content)}.mfui-notification_type_error .mfui-notification__icon-container{background-color:var(--fury20)}.mfui-notification_type_error .mfui-notification__icon-container svg{fill:var(--fury)}.mfui-notification_type_success .mfui-notification__icon-container{background-color:var(--brandGreen20)}.mfui-notification_type_success .mfui-notification__icon-container svg{fill:var(--brandGreen)}.mfui-notification_type_warning .mfui-notification__icon-container{background-color:var(--137C20)}.mfui-notification_type_warning .mfui-notification__icon-container svg{fill:var(--137C)}.mfui-notification_type_info .mfui-notification__icon-container{background-color:var(--sky20)}.mfui-notification_type_info .mfui-notification__icon-container svg{fill:var(--sky)}.mfui-notification_colored .mfui-notification__icon-container{background-color:var(--base)}.mfui-notification_colored.mfui-notification_type_info{background-color:var(--sky20)}.mfui-notification_colored.mfui-notification_type_warning{background-color:var(--137C20)}.mfui-notification_colored.mfui-notification_type_success{background-color:var(--brandGreen20)}.mfui-notification_colored.mfui-notification_type_info .mfui-notification__text,.mfui-notification_colored.mfui-notification_type_info .mfui-notification__title,.mfui-notification_colored.mfui-notification_type_success .mfui-notification__text,.mfui-notification_colored.mfui-notification_type_success .mfui-notification__title,.mfui-notification_colored.mfui-notification_type_warning .mfui-notification__text,.mfui-notification_colored.mfui-notification_type_warning .mfui-notification__title{color:var(--content)}.mfui-notification_colored.mfui-notification_type_error{background-color:var(--fury80)}.mfui-notification_colored.mfui-notification_type_error .mfui-notification__collapse-button,.mfui-notification_colored.mfui-notification_type_error .mfui-notification__link,.mfui-notification_colored.mfui-notification_type_error .mfui-notification__text,.mfui-notification_colored.mfui-notification_type_error .mfui-notification__title{color:var(--stcWhite)}.mfui-notification_colored.mfui-notification_type_error .mfui-notification__collapse-arrow,.mfui-notification_colored.mfui-notification_type_error .mfui-notification__link-arrow{fill:var(--stcWhite)}.mfui-notification_colored.mfui-notification_type_error .mfui-notification__icon-container{background-color:var(--stcWhite20)}.mfui-notification_colored.mfui-notification_type_error .mfui-notification__icon-container svg{fill:var(--stcWhite)}.mfui-notification_colored.mfui-notification_type_error .mfui-notification__close:not(:hover){background-color:var(--stcWhite20)}.mfui-notification_colored.mfui-notification_type_error .mfui-notification__close:not(:hover) .mfui-notification__close-icon{opacity:1;fill:var(--stcWhite)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-text-field{color:var(--content);font-family:inherit;font-size:15px;line-height:24px}.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:focus,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:hover,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field_resized{border-color:var(--content)}.mfui-text-field__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-shadow:none;box-shadow:none;caret-color:var(--brandGreen);color:var(--content);display:block;font-family:inherit;font-size:15px;line-height:24px;margin:0;opacity:1;outline:none;padding:25px 56px 9px 16px;-webkit-transition:border-color .3s;transition:border-color .3s;width:100%}.mfui-text-field__field_textarea,.mfui-text-field__field_type_flexible{-webkit-box-sizing:content-box;box-sizing:content-box;overflow-x:hidden;overflow-y:auto;padding-top:28px;resize:none}.mfui-text-field__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-text-field__field_no-icon{padding-right:16px}.mfui-text-field__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-text-field__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-text-field__resizer:active svg,.mfui-text-field__resizer:hover svg{stroke:var(--spbSky3)}.mfui-text-field__field::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:focus::-webkit-input-placeholder{opacity:1}.mfui-text-field__field:focus:-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::-moz-placeholder{opacity:1}.mfui-text-field__field:focus::-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::placeholder{opacity:1}.mfui-text-field__field::-webkit-scrollbar{width:16px}.mfui-text-field__field::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-text-field__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;left:16px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:18px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-text-field__field_textarea{scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-text-field__field_textarea~.mfui-text-field__label{top:16px}.mfui-text-field__field:-webkit-autofill~.mfui-text-field__label,.mfui-text-field__field:focus~.mfui-text-field__label,.mfui-text-field__field:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-75%);transform:scale(.8) translate(-11%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-text-field__field_textarea:not(:-moz-placeholder-shown)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:not(:-ms-input-placeholder)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:focus~.mfui-text-field__label,.mfui-text-field__field_textarea:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-50%);transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.mfui-text-field__field-bottom-wrapper{color:var(--spbSky3);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;margin-top:0;overflow:hidden}.mfui-text-field__field-bottom-wrapper_filled{margin-top:8px}.mfui-text-field__notice-text{height:0;opacity:0;-webkit-transition:height,opacity;transition:height,opacity;-webkit-transition-duration:.3s;transition-duration:.3s}.mfui-text-field__notice-text_active{height:100%;opacity:1}.mfui-text-field__icon-box{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;top:0;z-index:3;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:center;padding-right:16px;text-align:center;fill:var(--content)}.mfui-text-field__icon-box_custom-handler,.mfui-text-field__icon-box_error,.mfui-text-field__icon-box_password,.mfui-text-field__icon_clear{cursor:pointer}.mfui-text-field__icon,.mfui-text-field__icon-box svg{display:block;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px}.mfui-text-field__icon_clear{-webkit-transition:fill .3s;transition:fill .3s;fill:var(--spbSky3)}.mfui-text-field__icon_clear:hover{fill:var(--
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-text-field{color:var(--content);font-family:inherit;font-size:15px;line-height:24px}.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:focus,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:hover,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field_resized{border-color:var(--content)}.mfui-text-field__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-shadow:none;box-shadow:none;caret-color:var(--brandGreen);color:var(--content);display:block;font-family:inherit;font-size:15px;line-height:24px;margin:0;opacity:1;outline:none;padding:25px 56px 9px 16px;-webkit-transition:border-color .3s;transition:border-color .3s;width:100%}.mfui-text-field__field_textarea,.mfui-text-field__field_type_flexible{-webkit-box-sizing:content-box;box-sizing:content-box;overflow-x:hidden;overflow-y:auto;padding-top:28px;resize:none}.mfui-text-field__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-text-field__field_no-icon{padding-right:16px}.mfui-text-field__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-text-field__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-text-field__resizer:active svg,.mfui-text-field__resizer:hover svg{stroke:var(--spbSky3)}.mfui-text-field__field::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:focus::-webkit-input-placeholder{opacity:1}.mfui-text-field__field:focus:-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::-moz-placeholder{opacity:1}.mfui-text-field__field:focus::-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::placeholder{opacity:1}.mfui-text-field__field::-webkit-scrollbar{width:16px}.mfui-text-field__field::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-text-field__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;left:16px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:18px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-text-field__field_textarea{scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-text-field__field_textarea~.mfui-text-field__label{top:16px}.mfui-text-field__field:-webkit-autofill~.mfui-text-field__label,.mfui-text-field__field:focus~.mfui-text-field__label,.mfui-text-field__field:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-75%);transform:scale(.8) translate(-11%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-text-field__field_textarea:not(:-moz-placeholder-shown)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:not(:-ms-input-placeholder)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:focus~.mfui-text-field__label,.mfui-text-field__field_textarea:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-50%);transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.mfui-text-field__field-bottom-wrapper{color:var(--spbSky3);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;margin-top:0;overflow:hidden}.mfui-text-field__field-bottom-wrapper_filled{margin-top:8px}.mfui-text-field__notice-text{height:0;opacity:0;-webkit-transition:height,opacity;transition:height,opacity;-webkit-transition-duration:.3s;transition-duration:.3s}.mfui-text-field__notice-text_active{height:100%;opacity:1}.mfui-text-field__icon-box{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;top:0;z-index:3;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:center;padding-right:16px;text-align:center;fill:var(--content)}.mfui-text-field__icon-box_custom-handler,.mfui-text-field__icon-box_error,.mfui-text-field__icon-box_password,.mfui-text-field__icon_clear{cursor:pointer}.mfui-text-field__icon,.mfui-text-field__icon-box svg{display:block;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px}.mfui-text-field__icon_clear{-webkit-transition:fill .3s;transition:fill .3s;fill:var(--spbSky3)}.mfui-text-field__icon_clear:hover{fill:var(--content)}.mfui-text-field__require-mark{color:var(--fury)}.mfui-text-field__counter{margin-left:auto}.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__field{border-color:var(--brandGreen)}.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__icon{fill:var(--brandGreen)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__field{border-color:var(--fury)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon{fill:var(--fury)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon_clear:hover{fill:var(--fury80)}.mfui-text-field_disabled .mfui-text-field__field{background-color:var(--spbSky0);border-color:var(--spbSky0);color:var(--content);cursor:default}.mfui-text-field_disabled .mfui-text-field__icon-box{cursor:default!important}.mfui-text-field_theme_default.mfui-text-field_error .mfui-text-field__counter_error,.mfui-text-field_theme_default.mfui-text-field_error .mfui-text-field__field-bottom-wrapper{color:var(--fury)}.mfui-text-field_theme_white .mfui-text-field__icon{fill:var(--stcWhite)}.mfui-text-field_theme_white .mfui-text-field__counter,.mfui-text-field_theme_white .mfui-text-field__field-bottom-wrapper{color:var(--stcWhite)}.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb{background-color:rgba(51,51,51,.2)}.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:rgba(51,51,51,.5)}.mfui-text-field_theme_white .mfui-text-field__resizer svg{stroke:var(--stcWhite20)}.mfui-text-field_theme_white .mfui-text-field__resizer:active svg,.mfui-text-field_theme_white .mfui-text-field__resizer:hover svg{stroke:var(--stcWhite50)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field{border-color:var(--base)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:-moz-placeholder-shown){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:-ms-input-placeholder){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:placeholder-shown){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):hover{border-color:var(--stcBlack)}.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__field{background-color:var(--stcWhite20);border-color:var(--stcWhite20);color:var(--stcWhite)}.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__label{color:var(--stcWhite50)}.mfui-text-field_icon .mfui-text-field__field{padding-right:55px}.mfui-text-field_password .mfui-text-field__field{font:small-caption;font-size:19px;line-height:24px}.mfui-text-field input::-ms-clear,.mfui-text-field input::-ms-reveal{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-notification{background-color:var(--base);border-radius:12px;padding:20px 12px 20px 32px;position:relative}@media screen and (max-width:767px){.mfui-notification{padding:16px 12px}}.mfui-notification__container{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-notification__title{color:var(--content);display:block;font-size:15px;font-weight:500;line-height:18px;margin-bottom:4px}@media screen and (min-width:1280px){.mfui-notification__title{line-height:24px}}.mfui-notification__title_close-padding{padding-right:20px}.mfui-notification__text{color:var(--content);font-size:12px;line-height:18px;margin:0;max-width:100%;position:relative;-webkit-transition:height .3s;transition:height .3s}@media screen and (min-width:768px){.mfui-notification__text{font-size:15px;line-height:24px}}.mfui-notification__short-text{opacity:1;position:static;-webkit-transition:opacity .2s;transition:opacity .2s;visibility:visible}.mfui-notification__full-text,.mfui-notification__short-text_hidden{opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;visibility:hidden}.mfui-notification__full-text_visible{opacity:1;position:static;-webkit-transition:opacity .2s;transition:opacity .2s;visibility:visible}.mfui-notification__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:center;align-self:center;margin-left:12px;overflow:hidden;width:100%}.mfui-notification__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:50%;height:40px;justify-content:center;min-width:40px;width:40px}.mfui-notification__attention-icon,.mfui-notification__icon-container svg{height:32px;min-width:32px;width:32px}.mfui-notification__text-container{margin-right:56px;width:85%}@media screen and (min-width:768px){.mfui-notification__text-container{margin-right:72px}}.mfui-notification__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-notification__bottom-block{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mfui-notification__bottom_has-button{margin-top:12px}.mfui-notification__link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brandGreen);cursor:pointer}.mfui-notification__button+.mfui-notification__link{margin-left:16px}.mfui-notification__collapse-button,.mfui-notification__link{font-family:inherit;font-size:15px;font-weight:500;line-height:18px}@media screen and (max-width:767px){.mfui-notification__collapse-button,.mfui-notification__link{font-size:12px;line-height:14px}}.mfui-notification__collapse-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:transparent;border:none;color:var(--brandGreen);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;text-align:right}@media screen and (max-width:767px){.mfui-notification__collapse-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.mfui-notification__collapse-arrow,.mfui-notification__link-arrow{height:20px;min-width:20px;width:20px;fill:var(--brandGreen)}.mfui-notification__collapse-arrow_close{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-notification__link-arrow{margin-bottom:-2px}@media screen and (min-width:768px){.mfui-notification__link-arrow{margin-bottom:-4px}}.mfui-notification__bottom-block+.mfui-notification__collapse-button{margin-left:20px}@media screen and (max-width:767px){.mfui-notification__bottom-block+.mfui-notification__collapse-button{margin-left:16px}}.mfui-notification__collapse_hidden{visibility:hidden}.mfui-notification__close{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:8px;top:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-notification{background-color:var(--base);border-radius:12px;padding:20px 12px 20px 32px;position:relative}@media screen and (max-width:767px){.mfui-notification{padding:16px 12px}}.mfui-notification__container{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-notification__title{color:var(--content);display:block;font-size:15px;font-weight:500;line-height:18px;margin-bottom:4px}@media screen and (min-width:1280px){.mfui-notification__title{line-height:24px}}.mfui-notification__title_close-padding{padding-right:20px}.mfui-notification__text{color:var(--content);font-size:12px;line-height:18px;margin:0;max-width:100%;position:relative;-webkit-transition:height .3s;transition:height .3s}@media screen and (min-width:768px){.mfui-notification__text{font-size:15px;line-height:24px}}.mfui-notification__short-text{opacity:1;position:static;-webkit-transition:opacity .2s;transition:opacity .2s;visibility:visible}.mfui-notification__full-text,.mfui-notification__short-text_hidden{opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;visibility:hidden}.mfui-notification__full-text_visible{opacity:1;position:static;-webkit-transition:opacity .2s;transition:opacity .2s;visibility:visible}.mfui-notification__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:center;align-self:center;margin-left:12px;overflow:hidden;width:100%}.mfui-notification__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:50%;height:40px;justify-content:center;min-width:40px;width:40px}.mfui-notification__attention-icon,.mfui-notification__icon-container svg{height:32px;min-width:32px;width:32px}.mfui-notification__text-container{margin-right:56px;width:85%}@media screen and (min-width:768px){.mfui-notification__text-container{margin-right:72px}}.mfui-notification__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-notification__bottom-block{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mfui-notification__bottom_has-button{margin-top:12px}.mfui-notification__link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--brandGreen);cursor:pointer}.mfui-notification__button+.mfui-notification__link{margin-left:16px}.mfui-notification__collapse-button,.mfui-notification__link{font-family:inherit;font-size:15px;font-weight:500;line-height:18px}@media screen and (max-width:767px){.mfui-notification__collapse-button,.mfui-notification__link{font-size:12px;line-height:14px}}.mfui-notification__collapse-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:transparent;border:none;color:var(--brandGreen);cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;text-align:right}@media screen and (max-width:767px){.mfui-notification__collapse-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.mfui-notification__collapse-arrow,.mfui-notification__link-arrow{height:20px;min-width:20px;width:20px;fill:var(--brandGreen)}.mfui-notification__collapse-arrow_close{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-notification__link-arrow{margin-bottom:-2px}@media screen and (min-width:768px){.mfui-notification__link-arrow{margin-bottom:-4px}}.mfui-notification__bottom-block+.mfui-notification__collapse-button{margin-left:20px}@media screen and (max-width:767px){.mfui-notification__bottom-block+.mfui-notification__collapse-button{margin-left:16px}}.mfui-notification__collapse_hidden{visibility:hidden}.mfui-notification__close{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:8px;top:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border:none;border-radius:50%;cursor:pointer;height:24px;justify-content:center;padding:0;width:24px}@media screen and (min-width:768px){.mfui-notification__close{height:32px;right:12px;top:12px;width:32px}}.mfui-notification__close:hover{background-color:var(--spbSky1)}.mfui-notification__close:active{background-color:var(--spbSky2)}.mfui-notification__close:after{background-color:var(--content);border-radius:50%;content:"";height:100%;opacity:.05;position:absolute;width:100%}.mfui-notification__close-icon{height:10px;opacity:.5;width:10px;fill:var(--content)}.mfui-notification_type_error .mfui-notification__icon-container{background-color:var(--fury20)}.mfui-notification_type_error .mfui-notification__icon-container svg{fill:var(--fury)}.mfui-notification_type_success .mfui-notification__icon-container{background-color:var(--brandGreen20)}.mfui-notification_type_success .mfui-notification__icon-container svg{fill:var(--brandGreen)}.mfui-notification_type_warning .mfui-notification__icon-container{background-color:var(--137C20)}.mfui-notification_type_warning .mfui-notification__icon-container svg{fill:var(--137C)}.mfui-notification_type_info .mfui-notification__icon-container{background-color:var(--sky20)}.mfui-notification_type_info .mfui-notification__icon-container svg{fill:var(--sky)}.mfui-notification_colored .mfui-notification__icon-container{background-color:var(--base)}.mfui-notification_colored.mfui-notification_type_info{background-color:var(--sky20)}.mfui-notification_colored.mfui-notification_type_warning{background-color:var(--137C20)}.mfui-notification_colored.mfui-notification_type_success{background-color:var(--brandGreen20)}.mfui-notification_colored.mfui-notification_type_info .mfui-notification__text,.mfui-notification_colored.mfui-notification_type_info .mfui-notification__title,.mfui-notification_colored.mfui-notification_type_success .mfui-notification__text,.mfui-notification_colored.mfui-notification_type_success .mfui-notification__title,.mfui-notification_colored.mfui-notification_type_warning .mfui-notification__text,.mfui-notification_colored.mfui-notification_type_warning .mfui-notification__title{color:var(--content)}.mfui-notification_colored.mfui-notification_type_error{background-color:var(--fury80)}.mfui-notification_colored.mfui-notification_type_error .mfui-notification__collapse-button,.mfui-notification_colored.mfui-notification_type_error .mfui-notification__link,.mfui-notification_colored.mfui-notification_type_error .mfui-notification__text,.mfui-notification_colored.mfui-notification_type_error .mfui-notification__title{color:var(--stcWhite)}.mfui-notification_colored.mfui-notification_type_error .mfui-notification__collapse-arrow,.mfui-notification_colored.mfui-notification_type_error .mfui-notification__link-arrow{fill:var(--stcWhite)}.mfui-notification_colored.mfui-notification_type_error .mfui-notification__icon-container{background-color:var(--stcWhite20)}.mfui-notification_colored.mfui-notification_type_error .mfui-notification__icon-container svg{fill:var(--stcWhite)}.mfui-notification_colored.mfui-notification_type_error .mfui-notification__close:not(:hover){background-color:var(--stcWhite20)}.mfui-notification_colored.mfui-notification_type_error .mfui-notification__close:not(:hover) .mfui-notification__close-icon{opacity:1;fill:var(--stcWhite)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-text-field{color:var(--content);font-family:inherit;font-size:15px;line-height:24px}.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:focus,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:hover,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field_resized{border-color:var(--content)}.mfui-text-field__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-shadow:none;box-shadow:none;caret-color:var(--brandGreen);color:var(--content);display:block;font-family:inherit;font-size:15px;line-height:24px;margin:0;opacity:1;outline:none;padding:25px 56px 9px 16px;-webkit-transition:border-color .3s;transition:border-color .3s;width:100%}.mfui-text-field__field_textarea,.mfui-text-field__field_type_flexible{-webkit-box-sizing:content-box;box-sizing:content-box;overflow-x:hidden;overflow-y:auto;padding-top:28px;resize:none}.mfui-text-field__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-text-field__field_no-icon{padding-right:16px}.mfui-text-field__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-text-field__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-text-field__resizer:active svg,.mfui-text-field__resizer:hover svg{stroke:var(--spbSky3)}.mfui-text-field__field::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:focus::-webkit-input-placeholder{opacity:1}.mfui-text-field__field:focus:-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::-moz-placeholder{opacity:1}.mfui-text-field__field:focus::-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::placeholder{opacity:1}.mfui-text-field__field::-webkit-scrollbar{width:16px}.mfui-text-field__field::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-text-field__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;left:16px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:18px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-text-field__field_textarea{scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-text-field__field_textarea~.mfui-text-field__label{top:16px}.mfui-text-field__field:-webkit-autofill~.mfui-text-field__label,.mfui-text-field__field:focus~.mfui-text-field__label,.mfui-text-field__field:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-75%);transform:scale(.8) translate(-11%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-text-field__field_textarea:not(:-moz-placeholder-shown)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:not(:-ms-input-placeholder)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:focus~.mfui-text-field__label,.mfui-text-field__field_textarea:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-50%);transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.mfui-text-field__field-bottom-wrapper{color:var(--spbSky3);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;margin-top:0;overflow:hidden}.mfui-text-field__field-bottom-wrapper_filled{margin-top:8px}.mfui-text-field__notice-text{height:0;opacity:0;-webkit-transition:height,opacity;transition:height,opacity;-webkit-transition-duration:.3s;transition-duration:.3s}.mfui-text-field__notice-text_active{height:100%;opacity:1}.mfui-text-field__icon-box{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;top:0;z-index:3;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:center;padding-right:16px;text-align:center;fill:var(--content)}.mfui-text-field__icon-box_custom-handler,.mfui-text-field__icon-box_error,.mfui-text-field__icon-box_password,.mfui-text-field__icon_clear{cursor:pointer}.mfui-text-field__icon,.mfui-text-field__icon-box svg{display:block;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px}.mfui-text-field__icon_clear{-webkit-transition:fill .3s;transition:fill .3s;fill:var(--spbSky3)}.mfui-text-field__icon_clear:hover{fill:var(--
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-text-field{color:var(--content);font-family:inherit;font-size:15px;line-height:24px}.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:focus,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field:hover,.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field .mfui-text-field__field_resized{border-color:var(--content)}.mfui-text-field__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-shadow:none;box-shadow:none;caret-color:var(--brandGreen);color:var(--content);display:block;font-family:inherit;font-size:15px;line-height:24px;margin:0;opacity:1;outline:none;padding:25px 56px 9px 16px;-webkit-transition:border-color .3s;transition:border-color .3s;width:100%}.mfui-text-field__field_textarea,.mfui-text-field__field_type_flexible{-webkit-box-sizing:content-box;box-sizing:content-box;overflow-x:hidden;overflow-y:auto;padding-top:28px;resize:none}.mfui-text-field__field_resized{-webkit-transition:height .1s;transition:height .1s;will-change:height}.mfui-text-field__field_no-icon{padding-right:16px}.mfui-text-field__resizer{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:content-box;box-sizing:content-box;cursor:ns-resize;height:12px;justify-content:center;padding:4px;width:12px}.mfui-text-field__resizer svg{-webkit-transition:stroke .3s;transition:stroke .3s;stroke:var(--spbSky2)}.mfui-text-field__resizer:active svg,.mfui-text-field__resizer:hover svg{stroke:var(--spbSky3)}.mfui-text-field__field::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-text-field__field:focus::-webkit-input-placeholder{opacity:1}.mfui-text-field__field:focus:-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::-moz-placeholder{opacity:1}.mfui-text-field__field:focus::-ms-input-placeholder{opacity:1}.mfui-text-field__field:focus::placeholder{opacity:1}.mfui-text-field__field::-webkit-scrollbar{width:16px}.mfui-text-field__field::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-text-field__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;left:16px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:18px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-text-field__field_textarea{scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-text-field__field_textarea~.mfui-text-field__label{top:16px}.mfui-text-field__field:-webkit-autofill~.mfui-text-field__label,.mfui-text-field__field:focus~.mfui-text-field__label,.mfui-text-field__field:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-75%);transform:scale(.8) translate(-11%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-text-field__field_textarea:not(:-moz-placeholder-shown)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:not(:-ms-input-placeholder)~.mfui-text-field__label{transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field_textarea:focus~.mfui-text-field__label,.mfui-text-field__field_textarea:not(:placeholder-shown)~.mfui-text-field__label{-webkit-transform:scale(.8) translate(-11%,-50%);transform:scale(.8) translate(-11%,-50%)}.mfui-text-field__field-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.mfui-text-field__field-bottom-wrapper{color:var(--spbSky3);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;margin-top:0;overflow:hidden}.mfui-text-field__field-bottom-wrapper_filled{margin-top:8px}.mfui-text-field__notice-text{height:0;opacity:0;-webkit-transition:height,opacity;transition:height,opacity;-webkit-transition-duration:.3s;transition-duration:.3s}.mfui-text-field__notice-text_active{height:100%;opacity:1}.mfui-text-field__icon-box{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:0;top:0;z-index:3;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:center;padding-right:16px;text-align:center;fill:var(--content)}.mfui-text-field__icon-box_custom-handler,.mfui-text-field__icon-box_error,.mfui-text-field__icon-box_password,.mfui-text-field__icon_clear{cursor:pointer}.mfui-text-field__icon,.mfui-text-field__icon-box svg{display:block;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px}.mfui-text-field__icon_clear{-webkit-transition:fill .3s;transition:fill .3s;fill:var(--spbSky3)}.mfui-text-field__icon_clear:hover{fill:var(--content)}.mfui-text-field__require-mark{color:var(--fury)}.mfui-text-field__counter{margin-left:auto}.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__field{border-color:var(--brandGreen)}.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__icon{fill:var(--brandGreen)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__field{border-color:var(--fury)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon{fill:var(--fury)}.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon_clear:hover{fill:var(--fury80)}.mfui-text-field_disabled .mfui-text-field__field{background-color:var(--spbSky0);border-color:var(--spbSky0);color:var(--content);cursor:default}.mfui-text-field_disabled .mfui-text-field__icon-box{cursor:default!important}.mfui-text-field_theme_default.mfui-text-field_error .mfui-text-field__counter_error,.mfui-text-field_theme_default.mfui-text-field_error .mfui-text-field__field-bottom-wrapper{color:var(--fury)}.mfui-text-field_theme_white .mfui-text-field__icon{fill:var(--stcWhite)}.mfui-text-field_theme_white .mfui-text-field__counter,.mfui-text-field_theme_white .mfui-text-field__field-bottom-wrapper{color:var(--stcWhite)}.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb{background-color:rgba(51,51,51,.2)}.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb:hover{background-color:rgba(51,51,51,.5)}.mfui-text-field_theme_white .mfui-text-field__resizer svg{stroke:var(--stcWhite20)}.mfui-text-field_theme_white .mfui-text-field__resizer:active svg,.mfui-text-field_theme_white .mfui-text-field__resizer:hover svg{stroke:var(--stcWhite50)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field{border-color:var(--base)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:-moz-placeholder-shown){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:-ms-input-placeholder){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):not(:placeholder-shown){border-color:var(--spbSky2)}.mfui-text-field_theme_white:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:not(:focus):hover{border-color:var(--stcBlack)}.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__field{background-color:var(--stcWhite20);border-color:var(--stcWhite20);color:var(--stcWhite)}.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__label{color:var(--stcWhite50)}.mfui-text-field_icon .mfui-text-field__field{padding-right:55px}.mfui-text-field_password .mfui-text-field__field{font:small-caption;font-size:19px;line-height:24px}.mfui-text-field input::-ms-clear,.mfui-text-field input::-ms-reveal{display:none}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@megafon/ui-core",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.2",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
6
|
"styles"
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@babel/preset-env": "^7.8.6",
|
|
51
51
|
"@babel/preset-react": "^7.8.3",
|
|
52
52
|
"@babel/preset-typescript": "^7.8.3",
|
|
53
|
-
"@megafon/ui-icons": "^3.
|
|
53
|
+
"@megafon/ui-icons": "^3.7.0",
|
|
54
54
|
"@svgr/core": "^2.4.1",
|
|
55
55
|
"@testing-library/jest-dom": "^6.5.0",
|
|
56
56
|
"@testing-library/react": "^16.0.1",
|
|
@@ -104,5 +104,5 @@
|
|
|
104
104
|
"simplebar-react": "^3.2.5",
|
|
105
105
|
"swiper": "^11.1.1"
|
|
106
106
|
},
|
|
107
|
-
"gitHead": "
|
|
107
|
+
"gitHead": "1eddcb41493eb145323a834dd9245d02574a5df5"
|
|
108
108
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.color-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;width:120px}.color-item__container{height:48px;margin-bottom:8px;position:relative;width:48px}.color-item__color{border-radius:50%;height:100%;position:relative;width:100%;z-index:0}.color-item__parent-color{border-radius:50%;height:16px;position:absolute;right:0;top:0;width:16px;z-index:1}.color-item__name{font-size:14px;line-height:20px}.color-item__code{color:var(--spbSky3);font-size:12px;line-height:18px}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import './ColorItem.scss';
|
|
3
|
-
type Props = {
|
|
4
|
-
colorCode: string;
|
|
5
|
-
colorName: string;
|
|
6
|
-
parentColorCode?: string;
|
|
7
|
-
gradient?: string;
|
|
8
|
-
border?: string;
|
|
9
|
-
className?: string;
|
|
10
|
-
};
|
|
11
|
-
declare const ColorItem: React.FC<Props>;
|
|
12
|
-
export default ColorItem;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { cnCreate } from '@megafon/ui-helpers';
|
|
3
|
-
import "./ColorItem.css";
|
|
4
|
-
var cn = cnCreate('color-item');
|
|
5
|
-
var ColorItem = function ColorItem(_ref) {
|
|
6
|
-
var colorCode = _ref.colorCode,
|
|
7
|
-
colorName = _ref.colorName,
|
|
8
|
-
parentColorCode = _ref.parentColorCode,
|
|
9
|
-
gradient = _ref.gradient,
|
|
10
|
-
border = _ref.border,
|
|
11
|
-
className = _ref.className;
|
|
12
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
13
|
-
className: cn([className])
|
|
14
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
15
|
-
className: cn('container')
|
|
16
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
17
|
-
className: cn('color'),
|
|
18
|
-
style: {
|
|
19
|
-
background: !gradient ? colorCode : gradient,
|
|
20
|
-
border: border
|
|
21
|
-
}
|
|
22
|
-
}), !!parentColorCode && /*#__PURE__*/React.createElement("div", {
|
|
23
|
-
className: cn('parent-color'),
|
|
24
|
-
style: {
|
|
25
|
-
background: "var(--".concat(parentColorCode, ")")
|
|
26
|
-
}
|
|
27
|
-
})), /*#__PURE__*/React.createElement("span", {
|
|
28
|
-
className: cn('name')
|
|
29
|
-
}, colorName), /*#__PURE__*/React.createElement("span", {
|
|
30
|
-
className: cn('code')
|
|
31
|
-
}, colorCode));
|
|
32
|
-
};
|
|
33
|
-
export default ColorItem;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.colors__inner{background-color:var(--spbSky0);margin:0 -80px;padding:56px 80px 40px;-webkit-transition:background-color .3s;transition:background-color .3s}@media screen and (max-width:1120px){.colors__inner{margin:0 -24px;padding:24px}}@media screen and (max-width:350px){.colors__inner{margin:0 -15px;padding:15px}}.colors__title{margin-bottom:8px}.colors__title-note{margin-bottom:60px}.colors__group-title{margin-bottom:24px}@media screen and (min-width:768px){.colors__group-title{margin-bottom:36px}}@media screen and (max-width:1023px){.colors__basic-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:24px}}.colors__basic-group:last-child{margin-bottom:0}@media screen and (min-width:768px){.colors__basic-group:last-child{padding-left:24px}}.colors__group,.colors__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:1023px){.colors__group,.colors__list{-ms-flex-wrap:wrap;flex-wrap:wrap}}.colors__list{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-bottom:12px}@media screen and (max-width:1023px){.colors__list{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-bottom:0}}.colors__list_soft{-ms-flex-wrap:wrap;flex-wrap:wrap}.colors__description{color:var(--spbSky3);font-size:12px;line-height:18px;padding-top:11px;position:relative;text-align:center;-webkit-transition:color .3s;transition:color .3s}@media screen and (max-width:1023px){.colors__description{-webkit-box-ordinal-group:1;-ms-flex-order:0;margin-bottom:18px;order:0;padding-top:0}}.colors__container{max-width:978px}.colors__line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:18px}@media screen and (min-width:768px){.colors__line{margin-bottom:48px}}.colors__item{margin-bottom:18px}@media screen and (min-width:1024px){.colors__item{margin-bottom:0;margin-right:24px}}.colors__item:last-child{margin-right:0}.colors__item_soft{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0}@media screen and (min-width:1024px){.colors__item_soft{margin-bottom:36px;min-width:120px;width:100%/7}}.colors__diagram{margin:0 auto 24px;max-width:259px}@media screen and (min-width:1024px){.colors__diagram{height:259px;margin:0 40px 0 0;min-width:259px;width:259px}}.colors__soft{padding:24px 16px}@media screen and (min-width:1024px){.colors__soft{padding:36px 32px 30px}}.colors__soft-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.colors__underline{height:8px;position:relative;width:100%}@media screen and (max-width:1023px){.colors__underline{display:none}}.colors__pointer{background-color:var(--spbSky2);display:block;height:1px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.colors__pointer:after,.colors__underline:after,.colors__underline:before{background-color:var(--spbSky2);content:"";height:4px;position:absolute;width:1px}.colors__underline:after,.colors__underline:before{border-top-left-radius:8px;border-top-right-radius:8px;top:0}.colors__underline:before{left:0}.colors__underline:after{right:0}.colors__pointer:after{border-bottom-left-radius:8px;border-bottom-right-radius:8px;left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
|