superdesk-ui-framework 3.0.1-beta.20 → 3.0.1-beta.23

package/dist/react/MultiSelect.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as Markup from '../../js/react';
 import { PropsList, Prop } from '../../../app-typescript';
-import { MultiSelect } from '../../../app-typescript/components/MultiSelect';
+import { MultiSelect } from '../../../app-typescript';
 
 interface IColor {
     name: string;
@@ -56,7 +56,7 @@ export class MultiselectDocs extends React.Component<{}, IState> {
                     />
                 `}
                 </Markup.ReactMarkupCodePreview>
-                
+
                 <Markup.ReactMarkup>
                     <Markup.ReactMarkupPreview>
                         <div className='docs-page__content-row docs-page__content-row--no-margin'>
@@ -110,7 +110,7 @@ export class MultiselectDocs extends React.Component<{}, IState> {
                                     showSelectAll
                                     optionLabel='name'
                                     itemTemplate={(option) => {
-                                        if (option) {  
+                                        if (option) {
                                             return (
                                                 <div style={{display: 'flex', alignItems: 'center'}}>
                                                     <div style={{width: 10, height: 10, marginInlineEnd: 10, backgroundColor: option.colorCode}} />
@@ -147,7 +147,7 @@ export class MultiselectDocs extends React.Component<{}, IState> {
                             showSelectAll
                             optionLabel='name'
                             itemTemplate={(option) => {
-                                if (option) {  
+                                if (option) {
                                     return (
                                         <div style={{display: 'flex', alignItems: 'center'}}>
                                             <div style={{width: 10, height: 10, marginInlineEnd: 10, backgroundColor: option.colorCode}} />
@@ -194,7 +194,7 @@ export class MultiselectDocs extends React.Component<{}, IState> {
                     <Prop name='selectedItemTemplate' isRequired={false} type='function' default='/' description='Function that gets an item in the value and returns the content for it.'/>
                     <Prop name='onChange' isRequired={true} type='function' default='/' description='Callback to invoke when value changes.'/>
                 </PropsList>
-  
+
             </section>
         )
     }

package/dist/superdesk-ui.bundle.css

@@ -9785,7 +9785,7 @@
 
 .icn-mix {
   position: relative;
-  display: inline-block;
+  display: inline-flex !important;
   font-size: 16px;
   height: 16px; }
   .icn-mix .icn-mix__icn {
@@ -17319,12 +17319,12 @@ h1, h2, h3, h4, h5, h6 {
   background-color: transparent;
   opacity: 0.75;
   background-color: rgba(125, 138, 155, 0);
-  color: inherit;
+  color: var(--color-icon-default);
   text-decoration: none;
   cursor: pointer;
   flex-shrink: 0; }
   .icn-btn [class^="icon-"], .sd-thumb-carousel__btn--prev [class^="icon-"], .sd-thumb-carousel__btn--next [class^="icon-"], .p-carousel-prev [class^="icon-"], .p-carousel-next [class^="icon-"], .icn-btn [class*=" icon-"], .sd-thumb-carousel__btn--prev [class*=" icon-"], .sd-thumb-carousel__btn--next [class*=" icon-"], .p-carousel-prev [class*=" icon-"], .p-carousel-next [class*=" icon-"] {
-    color: inherit;
+    color: var(--color-icon-default) !important;
     vertical-align: baseline !important; }
   .icn-btn:hover, .sd-thumb-carousel__btn--prev:hover, .sd-thumb-carousel__btn--next:hover,
   .p-carousel-prev:hover, .p-carousel-next:hover {
@@ -17362,7 +17362,6 @@ h1, h2, h3, h4, h5, h6 {
     height: 5.6rem;
     width: 5.6rem; }
     .icn-btn--x-large [class^="icon-"], .icn-btn--x-large [class*=" icon-"] {
-      color: inherit;
       vertical-align: baseline !important;
       font-size: 2.4rem;
       height: 2.4rem;
@@ -17373,12 +17372,16 @@ h1, h2, h3, h4, h5, h6 {
     .icn-btn--outline:active:not(.icn-btn--disabled) {
       border-color: var(--sd-colour-interactive); }
   .icn-btn--outlineWhite {
-    color: rgba(241, 242, 244, 0.8);
+    color: rgba(241, 242, 244, 0.8) !important;
     border: 1px solid currentColor; }
+    .icn-btn--outlineWhite [class^="icon-"], .icn-btn--outlineWhite [class*=" icon-"] {
+      color: rgba(241, 242, 244, 0.8) !important; }
     .icn-btn--outlineWhite:hover:not(.icn-btn--disabled) {
-      color: #f1f2f4;
+      color: #f1f2f4 !important;
       border-color: #f1f2f4;
       background-color: rgba(0, 0, 0, 0.4); }
+      .icn-btn--outlineWhite:hover:not(.icn-btn--disabled) [class^="icon-"], .icn-btn--outlineWhite:hover:not(.icn-btn--disabled) [class*=" icon-"] {
+        color: #f1f2f4 !important; }
     .icn-btn--outlineWhite:active:not(.icn-btn--disabled) {
       border-color: var(--sd-colour-interactive);
       background-color: rgba(0, 0, 0, 0.6); }
@@ -17399,14 +17402,14 @@ h1, h2, h3, h4, h5, h6 {
   background-color: transparent;
   opacity: 0.75;
   background-color: rgba(125, 138, 155, 0);
-  color: inherit;
+  color: var(--color-icon-default);
   text-decoration: none;
   cursor: pointer;
   flex-shrink: 0;
   height: 2.4rem;
   width: 2.4rem; }
   .p-dialog-header-close [class^="icon-"], .p-dialog-header-close [class*=" icon-"] {
-    color: inherit;
+    color: var(--color-icon-default) !important;
     vertical-align: baseline !important; }
   .p-dialog-header-close:hover {
     opacity: 1;
@@ -28064,7 +28067,7 @@ a.label {
 
 .icn-mix {
   position: relative;
-  display: inline-block;
+  display: inline-flex !important;
   font-size: 16px;
   height: 16px; }
   .icn-mix .icn-mix__icn {
@@ -38446,6 +38449,10 @@ input.sd-inset-search__input {
       opacity: 0;
       transition: all 0.1s ease-out;
       transition-delay: 0; }
+  .sd-column-box__slide-in-column.sd-column-box__slide-in-column--light {
+    background-color: var(--sd-colour-panel-bg--000); }
+    .sd-column-box__slide-in-column.sd-column-box__slide-in-column--light .sd-column-box__slide-in-column-inner {
+      background-color: var(--sd-colour-panel-bg--000); }
 
 .sd-slide-in-panel {
   display: flex;
@@ -59168,7 +59175,7 @@ i.sd-sidetab-menu__helper-icon {
 
 .icn-mix {
   position: relative;
-  display: inline-block;
+  display: inline-flex !important;
   font-size: 16px;
   height: 16px; }
   .icn-mix .icn-mix__icn {