superdesk-ui-framework 3.0.0-rc12 → 3.0.0

package/dist/superdesk-ui.bundle.css

@@ -9783,6 +9783,45 @@
   --icon-base-size: 64px
         ; }
 
+.icon-text-block:before {
+  content: ""; }
+
+.icon-text-block.color--default {
+  color: var(--color-icon-default); }
+
+.icon-text-block.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-text-block.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-text-block.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-text-block.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-text-block.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-text-block.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-text-block.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-text-block.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-text-block.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-text-block.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
 .icn-mix {
   position: relative;
   display: inline-flex !important;
@@ -28070,6 +28109,45 @@ a.label {
   --icon-base-size: 64px
         ; }
 
+.icon-text-block:before {
+  content: ""; }
+
+.icon-text-block.color--default {
+  color: var(--color-icon-default); }
+
+.icon-text-block.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-text-block.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-text-block.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-text-block.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-text-block.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-text-block.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-text-block.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-text-block.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-text-block.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-text-block.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
 .icn-mix {
   position: relative;
   display: inline-flex !important;
@@ -32290,7 +32368,8 @@ a.label {
     padding: 0.8rem 1.6rem;
     border-top: 1px solid var(--sd-colour-line--x-light);
     text-align: end;
-    min-height: 48px; }
+    min-height: 48px;
+    display: flex; }
   .modal p {
     margin: 0 0 1em 0; }
 
@@ -34464,13 +34543,13 @@ tags-input,
   line-height: 1.4;
   text-transform: uppercase;
   font-weight: 400;
-  color: #788597;
+  color: var(--sd-colour-bg--10);
   max-width: 10rem; }
   .sd-board__count-label--l {
     max-width: 14rem; }
   .sd-board__count-label strong {
     font-weight: 500;
-    color: #49535f;
+    color: var(--sd-colour-bg--07);
     font-size: 1.3rem; }
 
 .sd-board__doughnut-chart {
@@ -39046,7 +39125,7 @@ input.sd-inset-search__input {
   top: 0;
   bottom: 0;
   width: 0;
-  background: #ededed;
+  background: var(--sd-colour-panel-bg--100);
   color: var(--color-text);
   overflow: hidden;
   transition: all 0.1s ease-out; }
@@ -39060,13 +39139,6 @@ input.sd-inset-search__input {
   .sd-overlay-panel-2--right {
     box-shadow: -2px 0px 0px 0px #666666, -2px 0px 12px 0px rgba(0, 0, 0, 0.3);
     right: 0; }
-  .sd-overlay-panel-2--dark-ui {
-    background-color: #3b3b3b;
-    color: white; }
-    .sd-overlay-panel-2--dark-ui.sd-overlay-panel-2--left {
-      box-shadow: 2px 0px 12px 0px rgba(0, 0, 0, 0.3); }
-    .sd-overlay-panel-2--dark-ui.sd-overlay-panel-2--right {
-      box-shadow: -2px 0px 12px 0px rgba(0, 0, 0, 0.3); }
   .sd-overlay-panel-2--open {
     width: 32.8rem;
     overflow: auto; }
@@ -45644,6 +45716,39 @@ textarea.sd-media-carousel__media-title {
   position: relative;
   padding: 1.6rem; }
 
+.sd-pagination {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--gap--small); }
+  .sd-pagination--align-start {
+    justify-content: flex-start; }
+  .sd-pagination--align-end {
+    justify-content: flex-end; }
+
+.sd-pagination__item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 3.2rem;
+  min-width: 3.2rem;
+  border-radius: var(--b-radius--full);
+  transition: all 0.2s ease;
+  border: 1px solid transparent; }
+  .sd-pagination__item:hover {
+    border: 1px solid var(--sd-colour-interactive--alpha-30); }
+  .sd-pagination__item:active {
+    background-color: var(--sd-colour-interactive--alpha-10);
+    border: 1px solid var(--sd-colour-interactive); }
+  .sd-pagination__item--active {
+    background-color: var(--sd-colour-interactive--alpha-10);
+    color: var(--sd-colour-interactive); }
+  .sd-pagination__item:disabled, .sd-pagination__item--disabled {
+    opacity: 0.5;
+    pointer-events: none; }
+  .sd-pagination__item--more {
+    pointer-events: none; }
+
 .dropdown {
   position: relative;
   display: inline-block;
@@ -48434,23 +48539,23 @@ label + .sd-radio {
   left: 3rem;
   transition: left 0.2s ease-out, transform 0.2s; }
 
-.authoring-active .sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon, .authoring-active .sd-sidebar-menu__btn--active .sd-sidebar-menu__helper-icon {
+.authoring-active__item .sd-sidebar-menu__btn--active .sd-sidebar-menu__main-icon, .authoring-active__item .sd-sidebar-menu__btn--active .sd-sidebar-menu__helper-icon {
   color: #fff; }
 
-.authoring-active .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon {
+.authoring-active__item .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon {
   left: -3rem; }
 
-.authoring-active .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__helper-icon {
+.authoring-active__item .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__helper-icon {
   left: 0.5rem; }
 
-.authoring-active.list-hidden .sd-sidebar-menu__btn--active .sd-sidebar-menu__helper-icon {
+.authoring-active__item.list-hidden .sd-sidebar-menu__btn--active .sd-sidebar-menu__helper-icon {
   transform: rotate(180deg);
   left: -3rem; }
 
-.authoring-active.list-hidden .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon {
+.authoring-active__item.list-hidden .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__main-icon {
   left: 4rem; }
 
-.authoring-active.list-hidden .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__helper-icon {
+.authoring-active__item.list-hidden .sd-sidebar-menu__btn--active:hover .sd-sidebar-menu__helper-icon {
   left: 0.5rem; }
 
 .sd-sidetab-menu {
@@ -59247,6 +59352,45 @@ i.sd-sidetab-menu__helper-icon {
   --icon-base-size: 64px
         ; }
 
+.icon-text-block:before {
+  content: ""; }
+
+.icon-text-block.color--default {
+  color: var(--color-icon-default); }
+
+.icon-text-block.color--primary {
+  color: var(--sd-colour-primary) !important; }
+
+.icon-text-block.color--success {
+  color: var(--sd-colour-success) !important; }
+
+.icon-text-block.color--warning {
+  color: var(--sd-colour-warning) !important; }
+
+.icon-text-block.color--alert {
+  color: var(--sd-colour-alert) !important; }
+
+.icon-text-block.color--highlight {
+  color: var(--sd-colour-highlight) !important; }
+
+.icon-text-block.color--light {
+  color: var(--color-text-lighter) !important; }
+
+.icon-text-block.color--white {
+  color: #e2e5e9 !important; }
+
+.icon-text-block.scale--2x {
+  --icon-base-size: 32px
+        ; }
+
+.icon-text-block.scale--3x {
+  --icon-base-size: 48px
+        ; }
+
+.icon-text-block.scale--4x {
+  --icon-base-size: 64px
+        ; }
+
 .icn-mix {
   position: relative;
   display: inline-flex !important;
@@ -60266,6 +60410,15 @@ i.sd-sidetab-menu__helper-icon {
         .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible [class^="icon-"],
         .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible [class*=" icon-"] {
           opacity: 1; }
+    .p-datepicker .p-datepicker-header .datepicker-header-toolbar {
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-bottom: 16px;
+      gap: 0.8rem; }
+      .p-datepicker .p-datepicker-header .datepicker-header-toolbar button {
+        flex: 1 1; }
   .p-datepicker table {
     border: none; }
 
@@ -60520,7 +60673,8 @@ i.sd-sidetab-menu__helper-icon {
   height: 100%; }
 
 .p-dialog-maximized .p-dialog-content {
-  flex-grow: 1; }
+  flex-grow: 1;
+  width: 100%; }
 
 /* Position */
 .p-dialog-left {
@@ -60667,13 +60821,13 @@ i.sd-sidetab-menu__helper-icon {
 .p-dialog-content--l-padding {
   padding: 3.2rem; }
 
-.p-dialog-content--default {
+.p-dialog-content-bg--default {
   background-color: transparent !important; }
 
-.p-dialog-content--dark {
+.p-dialog-content-bg--dark {
   background-color: var(--sd-colour-panel-bg--200) !important; }
 
-.p-dialog-content--medium {
+.p-dialog-content-bg--medium {
   background-color: var(--sd-colour-panel-bg--100) !important; }
 
 .p-dialog-content .sd-main-content-grid {