superdesk-ui-framework 3.1.8 → 3.1.12

package/dist/design-patterns.html

@@ -8,9 +8,7 @@
         <li class="docs-page__header-nav-item"><a class="docs-page__header-nav-link" href="#/design">Design guidelines</a></li>
         <li class="docs-page__header-nav-item"><a class="docs-page__header-nav-link" href="#/playgrounds">Playground</a></li>
     </ul>
-    <button class="docs-page__header-button" aria-label="Change theme" aria-haspopup="menu" aria-expanded="false">
-        <i role="presentation" class="icon-adjust"></i>
-    </button>
+    <doc-theme-picker></doc-theme-picker>
 </header>
 
-<doc-design-patterns class="sd-wrap-helper"></doc-react>
+<doc-design-patterns class="d-contents"></doc-react>

package/dist/design.html

@@ -8,6 +8,7 @@
         <li class="docs-page__header-nav-item docs-page__header-nav-item--active"><a class="docs-page__header-nav-link" href="#/design">Design guidelines</a></li>
         <li class="docs-page__header-nav-item"><a class="docs-page__header-nav-link" href="#/playgrounds">Playground</a></li>
     </ul>
+    <doc-theme-picker></doc-theme-picker>
 </header>
 
 <aside class="docs-page__sidebar">

package/dist/examples.bundle.css

@@ -380,12 +380,9 @@ table {
     --docs-page-color-highlight: #33C5A0;
 }
 
-
-
-
 hr {
     border: transparent;
-    border: 1px dotted rgba(128, 128, 128, 0.75);
+    border: 1px dotted var(--sd-colour-line--medium);
     border-width: 1px 0 0;
     margin: 24px 0;
 }
@@ -894,7 +891,7 @@ p.docs-page__paragraph b, div.docs-page__paragraph b {
 }
 .docs-page__code-window {
     border: 1px solid hsla(0, 0%, 48%, 0.2);
-    border-radius: 2px;
+    border-radius: var(--b-radius--large);
     margin: 10px 0 20px;
     -webkit-box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.07);
     box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.07);
@@ -904,6 +901,7 @@ p.docs-page__paragraph b, div.docs-page__paragraph b {
     border-top: 1px solid var(--docs-page-border__window-bar--top);
     border-bottom: 1px solid var(--docs-page-border__window-bar--bottom);
     background: var(--docs-page-color-bg__window-bar);
+    border-radius: var(--b-radius--large) var(--b-radius--large) 0 0;
 }
 .docs-page__window-bar>a, .docs-page__window-bar>span {
     font-size: 16px;
@@ -962,6 +960,7 @@ p.docs-page__paragraph b, div.docs-page__paragraph b {
     background-color: hsl(214, 13%, 10%);
     padding: 16px 16px 16px 36px;
     overflow-y: scroll;
+    border-radius: 0 0 var(--b-radius--large) var(--b-radius--large);
 }
 .docs-page__code-markup ol {
     margin-left: 10px;
@@ -1347,7 +1346,7 @@ doc-gif-img:hover img {
     color: var(--color-text-light);
 }
 .docs-page__container table.utilities-table tbody td:first-child {
-    min-width: 200px;
+    min-width: 280px;
     width: auto;
     color: var(--color-text);
 }
@@ -1377,10 +1376,19 @@ doc-gif-img:hover img {
     margin-block-end: var(--space--4);
 }
 
+.utilities-table__container--no-height {
+    max-height: none;
+}
+
 .docs-page__container .doc-text--highlight {
     color: var(--docs-page-color-primary) !important;
 }
 
+table.utilities-table td .border-example-box {
+    min-width: 160px;
+    height: 32px;
+}
+
 /* -------------- END COLOR SWATCHES -------------- */
 /* -------------- PrismJS overrides -------------- */
 
@@ -1388,7 +1396,7 @@ code[class*="language-"],
 pre[class*="language-"] {
     font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
     font-size: 1.1em;
-    border-radius: 0.4rem;
+    border-radius: var(--b-radius--large);
 }
 pre[class*="language-"] {
     background: hsl(214, 13%, 8%);