@diplodoc/transform 4.34.2-beta1 → 4.35.0-beta1

package/dist/css/yfm.css

@@ -431,55 +431,6 @@
   -moz-user-select: none;
   user-select: none;
 }
-.yfm .yfm-note {
-  max-width: 1296px;
-  margin: 20px 0;
-  padding: 20px 20px 20px 64px;
-  border-radius: 10px;
-}
-.yfm .yfm-note .yfm-note-title {
-  font-weight: 700;
-}
-.yfm .yfm-note > p {
-  margin: 0 0 10px;
-}
-.yfm .yfm-note > p:first-child::before {
-  box-sizing: content-box;
-  display: block;
-  width: 24px;
-  height: 24px;
-  margin-top: -2px;
-  margin-left: -44px;
-  padding-right: 20px;
-  float: left;
-}
-.yfm .yfm-note > p:last-child {
-  margin-bottom: 0;
-}
-.yfm .yfm-note.yfm-accent-info > p:first-child::before {
-  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(2,123,243)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
-}
-.yfm .yfm-note.yfm-accent-tip > p:first-child::before {
-  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(86,189,103)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
-}
-.yfm .yfm-note.yfm-accent-warning > p:first-child::before {
-  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(241,149,24)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
-}
-.yfm .yfm-note.yfm-accent-alert > p:first-child::before {
-  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(255,70,69)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
-}
-.yfm .yfm-note.yfm-accent-info {
-  background: var(--yfm-color-note-info-background);
-}
-.yfm .yfm-note.yfm-accent-tip {
-  background: var(--yfm-color-note-tip-background);
-}
-.yfm .yfm-note.yfm-accent-alert {
-  background: var(--yfm-color-note-important-background);
-}
-.yfm .yfm-note.yfm-accent-warning {
-  background: var(--yfm-color-note-warning-background);
-}
 .yfm h1 .yfm-anchor,
 .yfm h2 .yfm-anchor,
 .yfm h3 .yfm-anchor,
@@ -628,6 +579,55 @@
 .yfm-clipboard-icon {
   pointer-events: none;
 }
+.yfm .yfm-note {
+  max-width: 1296px;
+  margin: 20px 0;
+  padding: 20px 20px 20px 64px;
+  border-radius: 10px;
+}
+.yfm .yfm-note .yfm-note-title {
+  font-weight: 700;
+}
+.yfm .yfm-note > p {
+  margin: 0 0 10px;
+}
+.yfm .yfm-note > p:first-child::before {
+  box-sizing: content-box;
+  display: block;
+  width: 24px;
+  height: 24px;
+  margin-top: -2px;
+  margin-left: -44px;
+  padding-right: 20px;
+  float: left;
+}
+.yfm .yfm-note > p:last-child {
+  margin-bottom: 0;
+}
+.yfm .yfm-note.yfm-accent-info > p:first-child::before {
+  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(2,123,243)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
+}
+.yfm .yfm-note.yfm-accent-tip > p:first-child::before {
+  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(86,189,103)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
+}
+.yfm .yfm-note.yfm-accent-warning > p:first-child::before {
+  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(241,149,24)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
+}
+.yfm .yfm-note.yfm-accent-alert > p:first-child::before {
+  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(255,70,69)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
+}
+.yfm .yfm-note.yfm-accent-info {
+  background: var(--yfm-color-note-info-background);
+}
+.yfm .yfm-note.yfm-accent-tip {
+  background: var(--yfm-color-note-tip-background);
+}
+.yfm .yfm-note.yfm-accent-alert {
+  background: var(--yfm-color-note-important-background);
+}
+.yfm .yfm-note.yfm-accent-warning {
+  background: var(--yfm-color-note-warning-background);
+}
 .yfm-file__icon {
   ---yfm-file-icon-img: var(--yfm-file-icon, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zNjkuOSA5Ny45TDI4NiAxNEMyNzcgNSAyNjQuOC0uMSAyNTIuMS0uMUg0OEMyMS41IDAgMCAyMS41IDAgNDh2NDE2YzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDI4OGMyNi41IDAgNDgtMjEuNSA0OC00OFYxMzEuOWMwLTEyLjctNS4xLTI1LTE0LjEtMzR6bS0yMi42IDIyLjdjMi4xIDIuMSAzLjUgNC42IDQuMiA3LjRIMjU2VjMyLjVjMi44LjcgNS4zIDIuMSA3LjQgNC4ybDgzLjkgODMuOXpNMzM2IDQ4MEg0OGMtOC44IDAtMTYtNy4yLTE2LTE2VjQ4YzAtOC44IDcuMi0xNiAxNi0xNmgxNzZ2MTA0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDEwNHYzMDRjMCA4LjgtNy4yIDE2LTE2IDE2em0tNDgtMjQ0djhjMCA2LjYtNS40IDEyLTEyIDEySDEwOGMtNi42IDAtMTItNS40LTEyLTEydi04YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyem0wIDY0djhjMCA2LjYtNS40IDEyLTEyIDEySDEwOGMtNi42IDAtMTItNS40LTEyLTEydi04YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyem0wIDY0djhjMCA2LjYtNS40IDEyLTEyIDEySDEwOGMtNi42IDAtMTItNS40LTEyLTEydi04YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyeiIvPjwvc3ZnPg==));
   display: inline-block;
@@ -654,6 +654,30 @@
 .yfm-file__icon::before {
   content: "\a0";
 }
+.yfm table td.cell-align-top-left,
+.yfm table td.cell-align-bottom-left {
+  text-align: left;
+}
+.yfm table td.cell-align-top-center,
+.yfm table td.cell-align-center {
+  text-align: center;
+}
+.yfm table td.cell-align-top-right,
+.yfm table td.cell-align-bottom-right {
+  text-align: right;
+}
+.yfm table td.cell-align-top-left,
+.yfm table td.cell-align-top-center,
+.yfm table td.cell-align-top-right {
+  vertical-align: top;
+}
+.yfm table td.cell-align-center {
+  vertical-align: middle;
+}
+.yfm table td.cell-align-bottom-left,
+.yfm table td.cell-align-bottom-right {
+  vertical-align: bottom;
+}
 .yfm-term_title {
   color: var(--yfm-color-term-title);
   cursor: pointer;
@@ -715,30 +739,6 @@
     transform: translateY(0);
   }
 }
-.yfm table td.cell-align-top-left,
-.yfm table td.cell-align-bottom-left {
-  text-align: left;
-}
-.yfm table td.cell-align-top-center,
-.yfm table td.cell-align-center {
-  text-align: center;
-}
-.yfm table td.cell-align-top-right,
-.yfm table td.cell-align-bottom-right {
-  text-align: right;
-}
-.yfm table td.cell-align-top-left,
-.yfm table td.cell-align-top-center,
-.yfm table td.cell-align-top-right {
-  vertical-align: top;
-}
-.yfm table td.cell-align-center {
-  vertical-align: middle;
-}
-.yfm table td.cell-align-bottom-left,
-.yfm table td.cell-align-bottom-right {
-  vertical-align: bottom;
-}
 .wide-container {
   position: fixed;
   width: 100vw;
@@ -958,13 +958,15 @@
 }
 .yfm-tabs-dropdown {
   position: relative;
+  width: 90%;
+  margin-bottom: 0;
   --yfm-tabs-dropdown-color: #F2F2F2;
   --yfm-tabs-dropdown-text-color: #A8A8A8;
   --yfm-tabs-dropdown-color-border: #CCC;
 }
 .yfm-tabs-dropdown .yfm-tabs-dropdown-select {
-  padding: 10px 20px;
-  background: var(--yfm-tabs-dropdown-color);
+  padding: 10px 30px 10px 10px;
+  background: var(--g-color-base-background);
   border: 1px solid var(--yfm-tabs-dropdown-color-border);
   color: var(--yfm-tabs-dropdown-text-color);
   border-radius: 5px;
@@ -977,6 +979,10 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
+  z-index: 10;
+}
+.yfm-tabs-dropdown .yfm-tabs-dropdown-select.filled {
+  color: inherit;
 }
 .yfm-tabs-dropdown .yfm-tabs-dropdown-select:after {
   content: "";
@@ -996,51 +1002,70 @@
 .yfm-tabs-dropdown .yfm-tabs-dropdown-select.active:after {
   transform: rotate(0);
 }
-.yfm-tabs-dropdown .yfm-tabs-dropdown-menu {
+.yfm-tabs-dropdown > .yfm-tabs-dropdown-menu {
   width: 100%;
   max-width: 500px;
   max-height: 500px;
   overflow-y: scroll;
-  padding: 10px 20px;
+  padding: 10px 0;
   position: absolute;
+  z-index: 10;
   display: flex;
   flex-direction: column;
   border: 1px solid var(--yfm-tabs-dropdown-color-border);
   border-radius: 5px;
-  background-color: #fff;
+  background-color: var(--g-color-base-background);
   transform: scaleY(0);
   list-style: none;
   z-index: 100;
-  transition: transform 0.15s;
+  transition: transform 125ms;
   transform-origin: top center;
 }
-.yfm-tabs-dropdown .yfm-tabs-dropdown-menu > li {
+.yfm-tabs-dropdown > .yfm-tabs-dropdown-menu > li {
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   cursor: pointer;
+  background-color: var(--g-color-base-background);
 }
-.yfm-tabs-dropdown .yfm-tabs-dropdown-menu > li:hover {
-  color: #5282ff;
+.yfm-tabs-dropdown > .yfm-tabs-dropdown-menu > li:hover {
+  background-color: var(--g-color-base-simple-hover);
+  color: inherit;
 }
-.yfm-tabs-dropdown .yfm-tabs-dropdown-menu > li.yfm-tab {
-  padding: 5px 0;
-  font-weight: 500;
+.yfm-tabs-dropdown > .yfm-tabs-dropdown-menu > li.yfm-tab {
+  padding: 5px 0 5px 10px;
+  border-radius: 0;
   border-bottom: 0;
   border-bottom: initial;
   margin: 0;
+  font-weight: 500;
+}
+.yfm-tabs-dropdown > .yfm-tabs-dropdown-menu > li.yfm-tab.active {
+  background-color: var(--g-color-base-selection);
+}
+.yfm-tabs-dropdown > .yfm-tabs-dropdown-menu > li.yfm-tab:hover {
+  color: inherit;
+}
+.yfm-tabs-dropdown > .yfm-tab-panel.active {
+  border: 1px solid #F2F2F2;
+  transform: translateY(-30px);
+  border-radius: 12px;
+  padding: 40px 12px 16px;
+}
+.yfm-tabs-dropdown > .yfm-tabs {
+  width: 100%;
 }
 .yfm-tabs-accordion {
   max-width: 80%;
 }
+.yfm-tabs-accordion > .yfm-tab:first-of-type {
+  border-top-color: transparent;
+}
 .yfm-tabs-accordion .yfm-tab {
-  padding: 10px 5px;
+  padding: 8px 0 12px 6px;
   position: relative;
-  border: 1px solid transparent;
-  border-bottom: 1px solid #252526;
-  margin: 10px 0;
+  border-top: 1px solid #E5E5E5;
   font-weight: 500;
-  transition: all 0.2s;
   scroll-margin-top: 20px;
 }
 .yfm-tabs-accordion .yfm-tab:after {
@@ -1050,24 +1075,25 @@
   right: 10px;
   top: 25%;
   transform: rotate(-180deg);
-  transition: transform 0.3s;
+  transition: transform 0.3s, background-color 0.2s;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0zIDYgNSA1IDUtNSIvPjwvc3ZnPg==);
   width: 20px;
   height: 20px;
+  border-radius: 6px;
+  padding: 6px;
 }
 .yfm-tabs-accordion .yfm-tab.active {
-  border: 1px solid #027bf3;
-  border-bottom: 1px solid #027bf3;
-  border-radius: 5px !important;
-}
-.yfm-tabs-accordion .yfm-tab.active + .yfm-tabs-dropdown-menu {
-  transform: scaleY(1);
+  border-bottom-color: transparent !important;
+  font-weight: 700;
 }
 .yfm-tabs-accordion .yfm-tab.active:after {
   transform: rotate(0);
 }
+.yfm-tabs-accordion .yfm-tab:hover {
+  color: #3f5799;
+}
 .yfm-tabs-accordion .yfm-tab-panel.active {
-  margin-bottom: 40px;
+  margin: 10px 0 25px 6px;
 }
 .yfm-tabs-vertical > .yfm-tab-list {
   flex-direction: column;