@megafon/ui-core 6.2.1 → 6.4.0

package/dist/lib/components/TextField/TextField.css

@@ -1,15 +1,15 @@
-.mfui-text-field {
+.mfui-v6-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__field:hover,
-.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field_resized,
-.mfui-text-field:not(.mfui-text-field_disabled):not(.mfui-text-field_error):not(.mfui-text-field_valid) .mfui-text-field__field:focus {
+.mfui-v6-text-field:not(.mfui-v6-text-field_disabled):not(.mfui-v6-text-field_error):not(.mfui-v6-text-field_valid) .mfui-v6-text-field__field:hover,
+.mfui-v6-text-field:not(.mfui-v6-text-field_disabled):not(.mfui-v6-text-field_error):not(.mfui-v6-text-field_valid) .mfui-v6-text-field__field_resized,
+.mfui-v6-text-field:not(.mfui-v6-text-field_disabled):not(.mfui-v6-text-field_error):not(.mfui-v6-text-field_valid) .mfui-v6-text-field__field:focus {
   border-color: var(--content);
 }
-.mfui-text-field__field {
+.mfui-v6-text-field__field {
   display: block;
   width: 100%;
   margin: 0;
@@ -32,8 +32,8 @@
   font-size: 15px;
   line-height: 24px;
 }
-.mfui-text-field__field_textarea,
-.mfui-text-field__field_type_flexible {
+.mfui-v6-text-field__field_textarea,
+.mfui-v6-text-field__field_type_flexible {
   -webkit-box-sizing: content-box;
           box-sizing: content-box;
   padding-top: 28px;
@@ -41,15 +41,15 @@
   overflow-y: auto;
   resize: none;
 }
-.mfui-text-field__field_resized {
+.mfui-v6-text-field__field_resized {
   -webkit-transition: height 0.1s;
   transition: height 0.1s;
   will-change: height;
 }
-.mfui-text-field__field_no-icon {
+.mfui-v6-text-field__field_no-icon {
   padding-right: 16px;
 }
-.mfui-text-field__resizer {
+.mfui-v6-text-field__resizer {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -69,82 +69,82 @@
   padding: 4px;
   cursor: ns-resize;
 }
-.mfui-text-field__resizer svg {
+.mfui-v6-text-field__resizer svg {
   -webkit-transition: stroke 0.3s;
   transition: stroke 0.3s;
   stroke: var(--spbSky2);
 }
-.mfui-text-field__resizer:hover svg,
-.mfui-text-field__resizer:active svg {
+.mfui-v6-text-field__resizer:hover svg,
+.mfui-v6-text-field__resizer:active svg {
   stroke: var(--spbSky3);
 }
-.mfui-text-field__field::-webkit-input-placeholder {
+.mfui-v6-text-field__field::-webkit-input-placeholder {
   color: var(--spbSky3);
   opacity: 0;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-text-field__field:-moz-placeholder {
+.mfui-v6-text-field__field:-moz-placeholder {
   color: var(--spbSky3);
   opacity: 0;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-text-field__field:-ms-input-placeholder {
+.mfui-v6-text-field__field:-ms-input-placeholder {
   color: var(--spbSky3);
   opacity: 0;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-text-field__field::-moz-placeholder {
+.mfui-v6-text-field__field::-moz-placeholder {
   color: var(--spbSky3);
   opacity: 0;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-text-field__field::-ms-input-placeholder {
+.mfui-v6-text-field__field::-ms-input-placeholder {
   color: var(--spbSky3);
   opacity: 0;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-text-field__field::placeholder {
+.mfui-v6-text-field__field::placeholder {
   color: var(--spbSky3);
   opacity: 0;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
-.mfui-text-field__field:focus::-webkit-input-placeholder {
+.mfui-v6-text-field__field:focus::-webkit-input-placeholder {
   opacity: 1;
 }
-.mfui-text-field__field:focus:-moz-placeholder {
+.mfui-v6-text-field__field:focus:-moz-placeholder {
   opacity: 1;
 }
-.mfui-text-field__field:focus:-ms-input-placeholder {
+.mfui-v6-text-field__field:focus:-ms-input-placeholder {
   opacity: 1;
 }
-.mfui-text-field__field:focus::-moz-placeholder {
+.mfui-v6-text-field__field:focus::-moz-placeholder {
   opacity: 1;
 }
-.mfui-text-field__field:focus::-ms-input-placeholder {
+.mfui-v6-text-field__field:focus::-ms-input-placeholder {
   opacity: 1;
 }
-.mfui-text-field__field:focus::placeholder {
+.mfui-v6-text-field__field:focus::placeholder {
   opacity: 1;
 }
-.mfui-text-field__field::-webkit-scrollbar {
+.mfui-v6-text-field__field::-webkit-scrollbar {
   width: 16px;
 }
-.mfui-text-field__field::-webkit-scrollbar-thumb {
+.mfui-v6-text-field__field::-webkit-scrollbar-thumb {
   border: 6px solid transparent;
   border-radius: 16px;
   background-color: #D8D8D8;
   background-clip: padding-box;
 }
-.mfui-text-field__field::-webkit-scrollbar-thumb:hover {
+.mfui-v6-text-field__field::-webkit-scrollbar-thumb:hover {
   background-color: #999999;
 }
-.mfui-text-field__label {
+.mfui-v6-text-field__label {
   position: absolute;
   top: 18px;
   left: 16px;
@@ -161,34 +161,34 @@
   font-size: 15px;
   line-height: 24px;
 }
-.mfui-text-field__field_textarea {
+.mfui-v6-text-field__field_textarea {
   scrollbar-width: thin;
   scrollbar-color: var(--spbSky2) transparent;
 }
-.mfui-text-field__field_textarea ~ .mfui-text-field__label {
+.mfui-v6-text-field__field_textarea ~ .mfui-v6-text-field__label {
   top: 16px;
 }
-.mfui-text-field__field:focus ~ .mfui-text-field__label,
-.mfui-text-field__field:not(:placeholder-shown) ~ .mfui-text-field__label,
-.mfui-text-field__field:-webkit-autofill ~ .mfui-text-field__label {
+.mfui-v6-text-field__field:focus ~ .mfui-v6-text-field__label,
+.mfui-v6-text-field__field:not(:placeholder-shown) ~ .mfui-v6-text-field__label,
+.mfui-v6-text-field__field:-webkit-autofill ~ .mfui-v6-text-field__label {
   -webkit-transform: scale(0.8) translate(-11%, -75%);
           transform: scale(0.8) translate(-11%, -75%);
   -webkit-transition-duration: 0.2s, 0.01s;
           transition-duration: 0.2s, 0.01s;
 }
-.mfui-text-field__field_textarea:focus ~ .mfui-text-field__label,
-.mfui-text-field__field_textarea:not(:placeholder-shown) ~ .mfui-text-field__label {
+.mfui-v6-text-field__field_textarea:focus ~ .mfui-v6-text-field__label,
+.mfui-v6-text-field__field_textarea:not(:placeholder-shown) ~ .mfui-v6-text-field__label {
   -webkit-transform: scale(0.8) translate(-11%, -50%);
           transform: scale(0.8) translate(-11%, -50%);
 }
-.mfui-text-field__field-wrapper {
+.mfui-v6-text-field__field-wrapper {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   overflow: hidden;
 }
-.mfui-text-field__field-bottom-wrapper {
+.mfui-v6-text-field__field-bottom-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -198,10 +198,10 @@
   font-size: 12px;
   line-height: 18px;
 }
-.mfui-text-field__field-bottom-wrapper_filled {
+.mfui-v6-text-field__field-bottom-wrapper_filled {
   margin-top: 8px;
 }
-.mfui-text-field__notice-text {
+.mfui-v6-text-field__notice-text {
   height: 0;
   opacity: 0;
   -webkit-transition: height, opacity;
@@ -209,11 +209,11 @@
   -webkit-transition-duration: 0.3s;
           transition-duration: 0.3s;
 }
-.mfui-text-field__notice-text_active {
+.mfui-v6-text-field__notice-text_active {
   height: 100%;
   opacity: 1;
 }
-.mfui-text-field__icon-box {
+.mfui-v6-text-field__icon-box {
   position: absolute;
   top: 0;
   right: 0;
@@ -234,14 +234,14 @@
   text-align: center;
   fill: var(--content);
 }
-.mfui-text-field__icon-box_error,
-.mfui-text-field__icon-box_password,
-.mfui-text-field__icon-box_custom-handler,
-.mfui-text-field__icon_clear {
+.mfui-v6-text-field__icon-box_error,
+.mfui-v6-text-field__icon-box_password,
+.mfui-v6-text-field__icon-box_custom-handler,
+.mfui-v6-text-field__icon_clear {
   cursor: pointer;
 }
-.mfui-text-field__icon,
-.mfui-text-field__icon-box svg {
+.mfui-v6-text-field__icon,
+.mfui-v6-text-field__icon-box svg {
   display: block;
   width: 32px;
   height: 32px;
@@ -250,94 +250,94 @@
       -ms-user-select: none;
           user-select: none;
 }
-.mfui-text-field__icon_clear {
+.mfui-v6-text-field__icon_clear {
   -webkit-transition: fill 0.3s;
   transition: fill 0.3s;
   fill: var(--spbSky3);
 }
-.mfui-text-field__icon_clear:hover {
+.mfui-v6-text-field__icon_clear:hover {
   fill: var(--stcBlack);
 }
-.mfui-text-field__require-mark {
+.mfui-v6-text-field__require-mark {
   color: var(--fury);
 }
-.mfui-text-field__counter {
+.mfui-v6-text-field__counter {
   margin-left: auto;
 }
-.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__field {
+.mfui-v6-text-field_valid:not(.mfui-v6-text-field_disabled) .mfui-v6-text-field__field {
   border-color: var(--brandGreen);
 }
-.mfui-text-field_valid:not(.mfui-text-field_disabled) .mfui-text-field__icon {
+.mfui-v6-text-field_valid:not(.mfui-v6-text-field_disabled) .mfui-v6-text-field__icon {
   fill: var(--brandGreen);
 }
-.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__field {
+.mfui-v6-text-field_error:not(.mfui-v6-text-field_disabled) .mfui-v6-text-field__field {
   border-color: var(--fury);
 }
-.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon {
+.mfui-v6-text-field_error:not(.mfui-v6-text-field_disabled) .mfui-v6-text-field__icon {
   fill: var(--fury);
 }
-.mfui-text-field_error:not(.mfui-text-field_disabled) .mfui-text-field__icon_clear:hover {
+.mfui-v6-text-field_error:not(.mfui-v6-text-field_disabled) .mfui-v6-text-field__icon_clear:hover {
   fill: var(--fury80);
 }
-.mfui-text-field_disabled .mfui-text-field__field {
+.mfui-v6-text-field_disabled .mfui-v6-text-field__field {
   border-color: var(--spbSky0);
   color: var(--content);
   background-color: var(--spbSky0);
   cursor: default;
 }
-.mfui-text-field_disabled .mfui-text-field__icon-box {
+.mfui-v6-text-field_disabled .mfui-v6-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 {
+.mfui-v6-text-field_theme_default.mfui-v6-text-field_error .mfui-v6-text-field__counter_error,
+.mfui-v6-text-field_theme_default.mfui-v6-text-field_error .mfui-v6-text-field__field-bottom-wrapper {
   color: var(--fury);
 }
-.mfui-text-field_theme_white .mfui-text-field__icon {
+.mfui-v6-text-field_theme_white .mfui-v6-text-field__icon {
   fill: var(--stcWhite);
 }
-.mfui-text-field_theme_white .mfui-text-field__field-bottom-wrapper,
-.mfui-text-field_theme_white .mfui-text-field__counter {
+.mfui-v6-text-field_theme_white .mfui-v6-text-field__field-bottom-wrapper,
+.mfui-v6-text-field_theme_white .mfui-v6-text-field__counter {
   color: var(--stcWhite);
 }
-.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb {
+.mfui-v6-text-field_theme_white .mfui-v6-text-field__field::-webkit-scrollbar-thumb {
   background-color: rgba(51, 51, 51, 0.2);
 }
-.mfui-text-field_theme_white .mfui-text-field__field::-webkit-scrollbar-thumb:hover {
+.mfui-v6-text-field_theme_white .mfui-v6-text-field__field::-webkit-scrollbar-thumb:hover {
   background-color: rgba(51, 51, 51, 0.5);
 }
-.mfui-text-field_theme_white .mfui-text-field__resizer svg {
+.mfui-v6-text-field_theme_white .mfui-v6-text-field__resizer svg {
   stroke: var(--stcWhite20);
 }
-.mfui-text-field_theme_white .mfui-text-field__resizer:hover svg,
-.mfui-text-field_theme_white .mfui-text-field__resizer:active svg {
+.mfui-v6-text-field_theme_white .mfui-v6-text-field__resizer:hover svg,
+.mfui-v6-text-field_theme_white .mfui-v6-text-field__resizer:active 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 {
+.mfui-v6-text-field_theme_white:not(.mfui-v6-text-field_disabled):not(.mfui-v6-text-field_error):not(.mfui-v6-text-field_valid) .mfui-v6-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(:placeholder-shown) {
+.mfui-v6-text-field_theme_white:not(.mfui-v6-text-field_disabled):not(.mfui-v6-text-field_error):not(.mfui-v6-text-field_valid) .mfui-v6-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 {
+.mfui-v6-text-field_theme_white:not(.mfui-v6-text-field_disabled):not(.mfui-v6-text-field_error):not(.mfui-v6-text-field_valid) .mfui-v6-text-field__field:not(:focus):hover {
   border-color: var(--stcBlack);
 }
-.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__field {
+.mfui-v6-text-field_theme_white.mfui-v6-text-field_disabled .mfui-v6-text-field__field {
   border-color: var(--stcWhite20);
   color: var(--stcWhite);
   background-color: var(--stcWhite20);
 }
-.mfui-text-field_theme_white.mfui-text-field_disabled .mfui-text-field__label {
+.mfui-v6-text-field_theme_white.mfui-v6-text-field_disabled .mfui-v6-text-field__label {
   color: var(--stcWhite50);
 }
-.mfui-text-field_icon .mfui-text-field__field {
+.mfui-v6-text-field_icon .mfui-v6-text-field__field {
   padding-right: 55px;
 }
-.mfui-text-field_password .mfui-text-field__field {
+.mfui-v6-text-field_password .mfui-v6-text-field__field {
   font: small-caption;
   font-size: 19px;
   line-height: 24px;
 }
-.mfui-text-field input::-ms-clear,
-.mfui-text-field input::-ms-reveal {
+.mfui-v6-text-field input::-ms-clear,
+.mfui-v6-text-field input::-ms-reveal {
   display: none;
 }

package/dist/lib/components/TextField/TextField.js

@@ -115,7 +115,7 @@ var MinTextareaHeight = {
   THREE_ROWS: ROW_HEIGHT * DEFAULT_ROW_COUNT
 };
 exports.MinTextareaHeight = MinTextareaHeight;
-var cn = (0, _uiHelpers.cnCreate)('mfui-text-field');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-text-field');
 
 var TextField = function TextField(_ref) {
   var className = _ref.className,

package/dist/lib/components/TextLink/TextLink.css

@@ -1,50 +1,50 @@
-.mfui-text-link {
+.mfui-v6-text-link {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
   cursor: pointer;
 }
-.mfui-text-link_underline-visibility_hover.mfui-text-link_underline-style_solid {
+.mfui-v6-text-link_underline-visibility_hover.mfui-v6-text-link_underline-style_solid {
   text-decoration: none;
 }
-.mfui-text-link_underline-visibility_hover:hover.mfui-text-link_underline-style_solid {
+.mfui-v6-text-link_underline-visibility_hover:hover.mfui-v6-text-link_underline-style_solid {
   text-decoration: underline;
 }
-.mfui-text-link_underline-visibility_always.mfui-text-link_underline-style_solid {
+.mfui-v6-text-link_underline-visibility_always.mfui-v6-text-link_underline-style_solid {
   text-decoration: underline;
 }
-.mfui-text-link_underline-style_dashed {
+.mfui-v6-text-link_underline-style_dashed {
   border-bottom: 1px dashed;
   text-decoration: none;
 }
-.mfui-text-link_underline-style_border {
+.mfui-v6-text-link_underline-style_border {
   border-bottom: 1px solid;
   text-decoration: none;
 }
-.mfui-text-link_underline-style_none {
+.mfui-v6-text-link_underline-style_none {
   text-decoration: none;
 }
-.mfui-text-link_underline-style_none:hover {
+.mfui-v6-text-link_underline-style_none:hover {
   text-decoration: none;
 }
-.mfui-text-link_color_default {
+.mfui-v6-text-link_color_default {
   color: var(--content);
 }
-.mfui-text-link_color_black {
+.mfui-v6-text-link_color_black {
   color: var(--stcBlack);
 }
-.mfui-text-link_color_white {
+.mfui-v6-text-link_color_white {
   color: var(--stcWhite);
 }
-.mfui-text-link_color_blue {
+.mfui-v6-text-link_color_blue {
   color: var(--systemBlue);
 }
-.mfui-text-link_color_green {
+.mfui-v6-text-link_color_green {
   color: var(--brandGreen);
 }
-.mfui-text-link_color_gray {
+.mfui-v6-text-link_color_gray {
   color: var(--spbSky3);
 }
-.mfui-text-link_color_inherit {
+.mfui-v6-text-link_color_inherit {
   color: inherit;
 }

package/dist/lib/components/TextLink/TextLink.js

@@ -21,7 +21,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var cn = (0, _uiHelpers.cnCreate)('mfui-text-link');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-text-link');
 
 var TextLink = function TextLink(_ref) {
   var _ref$underlineVisibil = _ref.underlineVisibility,

package/dist/lib/components/Tile/Tile.css

@@ -1,43 +1,43 @@
-.mfui-tile {
+.mfui-v6-tile {
   color: var(--content);
   background-color: var(--base);
 }
-.mfui-tile_radius_rounded {
+.mfui-v6-tile_radius_rounded {
   border-radius: 12px;
 }
-.mfui-tile_pointer {
+.mfui-v6-tile_pointer {
   cursor: pointer;
 }
-.mfui-tile_theme_light.mfui-tile_shadow_default {
+.mfui-v6-tile_theme_light.mfui-v6-tile_shadow_default {
   -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
           box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
 }
-.mfui-tile_theme_light.mfui-tile_shadow_pressed {
+.mfui-v6-tile_theme_light.mfui-v6-tile_shadow_pressed {
   -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
           box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
 }
-.mfui-tile_theme_light.mfui-tile_shadow_hover,
-.mfui-tile_theme_light.mfui-tile_interactive:hover {
+.mfui-v6-tile_theme_light.mfui-v6-tile_shadow_hover,
+.mfui-v6-tile_theme_light.mfui-v6-tile_interactive:hover {
   -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
           box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
 }
-.mfui-tile_theme_dark.mfui-tile_shadow_default {
+.mfui-v6-tile_theme_dark.mfui-v6-tile_shadow_default {
   -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
           box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
 }
-.mfui-tile_theme_dark.mfui-tile_shadow_pressed {
+.mfui-v6-tile_theme_dark.mfui-v6-tile_shadow_pressed {
   -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
           box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
 }
-.mfui-tile_theme_dark.mfui-tile_shadow_hover,
-.mfui-tile_theme_dark.mfui-tile_interactive:hover {
+.mfui-v6-tile_theme_dark.mfui-v6-tile_shadow_hover,
+.mfui-v6-tile_theme_dark.mfui-v6-tile_interactive:hover {
   -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2);
           box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2);
 }
-.mfui-tile__link {
+.mfui-v6-tile__link {
   color: inherit;
 }
-.mfui-tile__link,
-.mfui-tile__link:hover {
+.mfui-v6-tile__link,
+.mfui-v6-tile__link:hover {
   text-decoration: none;
 }

package/dist/lib/components/Tile/Tile.js

@@ -34,7 +34,7 @@ var ShadowLevel = {
   PRESSED: 'pressed'
 };
 exports.ShadowLevel = ShadowLevel;
-var cn = (0, _uiHelpers.cnCreate)('mfui-tile');
+var cn = (0, _uiHelpers.cnCreate)('mfui-v6-tile');
 
 var Tile = function Tile(_ref) {
   var href = _ref.href,