@brightspot/ui 6.3.5-rc.1 → 6.4.0

package/src/legacy/tool-ui/src/RepeatableContentSelector.css

@@ -1,9 +1,13 @@
 .RCS {
-  @apply [counter-reset:RCS-item];
+  @apply flex flex-wrap gap-2 [counter-reset:RCS-item];
+
+  > .RCS-list {
+    @apply flex w-full basis-auto flex-wrap gap-1.5;
+  }
 }
 
 .RCS.is-addToTop {
-  @apply flex flex-col;
+  @apply mt-1;
 
   .RCS-controls {
     @apply -order-1;
@@ -14,10 +18,6 @@
   }
 }
 
-.RCS-controls {
-  @apply py-2;
-}
-
 .RCS .action-upload {
   @apply btu-button btu-button-fill-none btu-button-primary btu-button-container-none before:btu-icon before:btu-icon-upload;
 
@@ -26,8 +26,12 @@
   }
 }
 
+.RCS-controls {
+  @apply inline-flex;
+}
+
 .RCS-item {
-  @apply mb-1.5 flex items-center rounded-lg border border-gray-300 [counter-increment:RCS-item];
+  @apply flex w-full items-center rounded-lg border border-gray-300 [counter-increment:RCS-item];
 
   /* Display the status badge on content label when not next to a ComboInput */
   &:not(:has(> .ContentSelector-select)) {
@@ -41,7 +45,7 @@
   }
 
   &:not(:has(.ComboInput)):not(.Sortable-drag) {
-    @apply before:ms-2 before:flex before:size-5 before:cursor-move before:justify-center before:text-sm before:text-gray-500 before:content-[counter(RCS-item)];
+    @apply before:ms-2 before:flex before:size-5 before:shrink-0 before:cursor-move before:justify-center before:text-sm before:text-gray-500 before:content-[counter(RCS-item)];
   }
 
   /* Hide item until Sortable.js has finished initializing it */
@@ -115,63 +119,59 @@
 }
 
 /* RCS Grid */
-.RCS.is-grid {
-  > ol {
-    @apply flex flex-wrap gap-2;
-
-    > .RCS-item {
-      @apply relative grid w-[300px] grid-cols-[auto_1fr_repeat(2,auto)] grid-rows-[auto_1fr_auto] before:col-start-1 before:row-start-1 before:mt-3 before:flex before:size-5 before:justify-center before:p-0 before:text-sm before:text-gray-500 before:content-[counter(RCS-item)];
+.RCS.is-grid > .RCS-list {
+  > .RCS-item {
+    @apply relative grid w-[300px] grid-cols-[auto_1fr_repeat(2,auto)] grid-rows-[auto_1fr_auto] before:col-start-1 before:row-start-1 before:mt-3 before:flex before:size-5 before:justify-center before:p-0 before:text-sm before:text-gray-500 before:content-[counter(RCS-item)];
 
-      &.is-removing {
-        @apply before:text-error-400 before:line-through;
-      }
-
-      .ContentSelector-search {
-        @apply col-span-full row-span-full mx-0 mb-9 mt-11 blokk h-[calc(9rem+1px)] w-full max-w-full overflow-visible rounded-none border-y border-solid border-gray-300 bg-gray-50 no-underline before:btu-button before:btu-button-text-hidden before:btu-button-fill-none before:btu-button-gray before:btu-button-xs before:btu-icon touch-device:before:btu-button-sm before:!absolute before:bottom-1 before:right-[4.75rem] before:mt-[5px];
+    &.is-removing {
+      @apply before:text-error-400 before:line-through;
+    }
 
-        &:not(:has(figure)),
-        &:has(.RCS-placeholderCard) {
-          @apply before:top-full;
-        }
+    .ContentSelector-search {
+      @apply col-span-full row-span-full mx-0 mb-9 mt-11 h-[calc(9rem+1px)] w-full max-w-full overflow-visible rounded-none border-y border-solid border-gray-300 bg-gray-50 no-underline blokk before:btu-button before:btu-button-text-hidden before:btu-button-fill-none before:btu-button-gray before:btu-button-xs before:btu-icon touch-device:before:btu-button-sm before:!absolute before:bottom-1 before:right-[4.75rem] before:mt-[5px];
 
-        /* Grid item with no info icon */
-        &:not(:has(~ .ContentSummary-info)) {
-          @apply before:right-10;
-        }
+      &:not(:has(figure)),
+      &:has(.RCS-placeholderCard) {
+        @apply before:top-full;
+      }
 
-        figure {
-          @apply relative flex w-full justify-center;
+      /* Grid item with no info icon */
+      &:not(:has(~ .ContentSummary-info)) {
+        @apply before:right-10;
+      }
 
-          img {
-            @apply max-h-[143px];
-          }
+      figure {
+        @apply relative flex w-full justify-center;
 
-          figcaption {
-            @apply absolute -top-[45px] left-9 w-[calc(100%-7.75rem)] py-3;
-          }
+        img {
+          @apply max-h-[143px];
         }
 
-        /* Caption - when item has no preview available */
-        .RCS-caption {
-          @apply absolute -top-[45px] left-9 w-[calc(100%-7.75rem)] truncate py-3 text-sm font-medium text-gray-700;
+        figcaption {
+          @apply absolute -top-[45px] left-9 w-[calc(100%-7.75rem)] py-3;
         }
       }
 
-      .ContentSummary-info {
-        @apply col-start-4 row-start-3 mb-1 mt-0;
+      /* Caption - when item has no preview available */
+      .RCS-caption {
+        @apply absolute -top-[45px] left-9 w-[calc(100%-7.75rem)] truncate py-3 text-sm font-medium text-gray-700;
       }
+    }
 
-      .ContentSelector-search + .ContentSelector-edit {
-        @apply col-start-3 row-start-3 mb-1;
-      }
+    .ContentSummary-info {
+      @apply col-start-4 row-start-3 mb-1 mt-0;
+    }
 
-      .MultiSortable-buttonToggle {
-        @apply absolute right-10 top-2 after:-left-2 after:bottom-0 after:top-0 after:bg-gray-200;
-      }
+    .ContentSelector-search + .ContentSelector-edit {
+      @apply col-start-3 row-start-3 mb-1;
+    }
 
-      .RCS-remove {
-        @apply absolute right-2 top-2 after:hidden;
-      }
+    .MultiSortable-buttonToggle {
+      @apply absolute right-10 top-2 after:-left-2 after:bottom-0 after:top-0 after:bg-gray-200;
+    }
+
+    .RCS-remove {
+      @apply absolute right-2 top-2 after:hidden;
     }
   }
 }

package/src/legacy/tool-ui/src/SearchResult.css

@@ -434,6 +434,11 @@
   .SearchResult-fullscreen {
     @apply btu-button btu-button-text-hidden btu-button-gray me-1 ms-3 overflow-visible bg-white opacity-[var(--controls-opacity,_1)] transition-opacity [grid-area:fullscreen] before:btu-icon before:btu-icon-maximize after:absolute after:right-[43px] after:h-full after:w-px after:bg-gray-200 hover:bg-gray-100;
   }
+
+  .SearchResult-actions-toggle.is-loading,
+  .SearchResult-fullscreen.is-loading {
+    @apply before:btu-icon-loader before:animate-spin;
+  }
 }
 
 /* Shown when user toggles Summary fiels in "Select Fields" menu */

package/src/legacy/tool-ui/src/Suggestions.css

@@ -23,7 +23,7 @@
 }
 
 .Suggestion-add {
-  @apply btu-badge-primary btu-badge-sm cursor-pointer hover:bg-primary-100 hover:text-primary-800;
+  @apply btu-badge-primary btu-badge-sm cursor-pointer hover:bg-primary-100 hover:text-primary-900;
 }
 
 .Suggestion-add.is-added {

package/src/legacy/tool-ui/src/form/CodeInput/CodeMirror.ts

@@ -9,7 +9,6 @@ import 'codemirror/mode/htmlembedded/htmlembedded'
 import 'codemirror/mode/htmlmixed/htmlmixed'
 import 'codemirror/mode/xml/xml'
 
-import 'codemirror/lib/codemirror.css'
 import './CodeMirror.less'
 
 export default CodeMirror