npm - @brightspot/ui - Versions diffs - 3.0.1-cms-ui-migration.2 → 3.0.1-cms-ui-migration.4 - Mend

@brightspot/ui 3.0.1-cms-ui-migration.2 → 3.0.1-cms-ui-migration.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (320) hide show

package/src/legacy/tool-ui/src/BulkUpload.css CHANGED Viewed

@@ -46,6 +46,6 @@
 .BulkUpload-loader {
   .loading & {
-    @apply visible flex items-center gap-2 before:btu-loader before:size-[--Loader-size];
+    @apply visible flex items-center gap-2 before:btu-loader before:size-[--loader-size];
   }
 }

package/src/legacy/tool-ui/src/ComboInput.css CHANGED Viewed

@@ -189,7 +189,7 @@ select {
   }
   .ComboInput-option-favorite-icon {
-    @apply size-4 before:btu-icon before:btu-icon-star before:[--Icon-size:theme(size.4)];
+    @apply size-4 before:btu-icon before:btu-icon-star before:[--icon-size:theme(size.4)];
   }
 }

package/src/legacy/tool-ui/src/Compat.css CHANGED Viewed

@@ -46,7 +46,7 @@
   --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
   --ease-outBack: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-  --Icon-size: var(--iconSize-l);
+  --icon-size: var(--iconSize-l);
   --Input-borderColor: theme(colors.gray.300);
   --Input-focusBackground: unset;
@@ -159,7 +159,7 @@
 /* v4 Icon styles */
 .Icon {
-  @apply btu-icon rotate-[var(--Icon-transform)];
+  @apply btu-icon rotate-[var(--icon-transform)];
 }
 .Icon.is-s {
@@ -179,15 +179,15 @@
 }
 [data-icon-mode='rotate90'] {
-  --Icon-transform: rotate(90deg);
+  --icon-transform: rotate(90deg);
 }
 [data-icon-mode='rotate180'] {
-  --Icon-transform: rotate(180deg);
+  --icon-transform: rotate(180deg);
 }
 [data-icon-mode='rotate270'] {
-  --Icon-transform: rotate(270deg);
+  --icon-transform: rotate(270deg);
 }
 /* v4 Button & IconButton styles */

package/src/legacy/tool-ui/src/ContentEditDrawer.css CHANGED Viewed

@@ -69,7 +69,7 @@
   }
   &::after {
-    @apply btu-loader visible absolute left-1/2 top-1/2 z-[2] block size-[--Loader-size] -translate-x-1/2 -translate-y-1/2;
+    @apply btu-loader visible absolute left-1/2 top-1/2 z-[2] block size-[--loader-size] -translate-x-1/2 -translate-y-1/2;
   }
 }

package/src/legacy/tool-ui/src/Dialog.css CHANGED Viewed

@@ -118,7 +118,7 @@ btu-dialog[loaded] > dialog:modal {
   @apply @dialog-md:[--h:var(--popup-h,_85cqh)] @dialog-md:[--w:var(--popup-w,_82cqw)] @dialog-lg:[--h:var(--popup-h,_65cqh)] @dialog-lg:[--w:var(--popup-w,_55cqw)];
   /* Loading UI */
-  @apply before:btu-loader before:pointer-events-none before:absolute before:z-10 before:size-[--Loader-size] before:[left:calc(50%_-_(var(--Loader-size)/2))] before:[top:calc(50%_-_(var(--Loader-size)/2))] before:[transition:transform_0.3s_cubic-bezier(0.9,0,0.1,1),opacity_0.4s_cubic-bezier(0.9,0,0.1,1)_allow-discrete];
+  @apply before:btu-loader before:pointer-events-none before:absolute before:z-10 before:size-[--loader-size] before:[left:calc(50%_-_(var(--loader-size)/2))] before:[top:calc(50%_-_(var(--loader-size)/2))] before:[transition:transform_0.3s_cubic-bezier(0.9,0,0.1,1),opacity_0.4s_cubic-bezier(0.9,0,0.1,1)_allow-discrete];
 }
 /* Large size for modal popups. */

package/src/legacy/tool-ui/src/FormFilter.css CHANGED Viewed

@@ -89,5 +89,5 @@ btu-form-filter.is-open {
 }
 .CIG.is-loading {
-  @apply visible block min-h-[80vh] before:btu-loader before:absolute before:left-[50%] before:top-[50%] before:z-10 before:size-[--Loader-size] before:translate-x-[-50%] before:translate-y-[-50%];
+  @apply visible block min-h-[80vh] before:btu-loader before:absolute before:left-[50%] before:top-[50%] before:z-10 before:size-[--loader-size] before:translate-x-[-50%] before:translate-y-[-50%];
 }

package/src/legacy/tool-ui/src/Icon/index.css CHANGED Viewed

@@ -1,5 +1,5 @@
 btu-icon {
-  @apply aspect-square [inline-size:_var(--Icon-size,_--size)];
+  @apply aspect-square [inline-size:_var(--icon-size,_--size)];
 }
 btu-icon[fill='solid'] svg {

package/src/legacy/tool-ui/src/ImageEditor.css CHANGED Viewed

@@ -122,7 +122,7 @@
 }
 .ImageEditor-preview-loader {
-  @apply absolute left-0 top-0 z-[1] hidden size-full rounded-t-lg bg-gray-50/40 after:btu-loader after:absolute after:left-[calc(50%_-_var(--Loader-size)_/_2)] after:top-[calc(50%_-_var(--Loader-size)_/_2)] after:z-[2] after:size-[--Loader-size];
+  @apply absolute left-0 top-0 z-[1] hidden size-full rounded-t-lg bg-gray-50/40 after:btu-loader after:absolute after:left-[calc(50%_-_var(--loader-size)_/_2)] after:top-[calc(50%_-_var(--loader-size)_/_2)] after:z-[2] after:size-[--loader-size];
 }
 .is-imageEditorLoading .ImageEditor-preview-loader {

package/src/legacy/tool-ui/src/Incompatible.css CHANGED Viewed

@@ -11,7 +11,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@0..1');
 .Icon {
-  --Icon-fill: 'FILL' 1;
+  --icon-fill: 'FILL' 1;
   direction: ltr;
   display: inline-block;
@@ -22,7 +22,7 @@
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   font-style: normal;
-  font-variation-settings: var(--Icon-fill);
+  font-variation-settings: var(--icon-fill);
   font-weight: normal;
   letter-spacing: normal;
   line-height: 1;

package/src/legacy/tool-ui/src/LinkCarousel.css CHANGED Viewed

@@ -50,7 +50,7 @@
   }
   &.is-unstarred {
-    @apply opacity-0 before:btu-icon before:btu-icon-star before:[--Icon-size:theme(size.5)] touch-device:opacity-100;
+    @apply opacity-0 before:btu-icon before:btu-icon-star before:[--icon-size:theme(size.5)] touch-device:opacity-100;
   }
 }

package/src/legacy/tool-ui/src/Page.css CHANGED Viewed

@@ -174,7 +174,7 @@
     @apply absolute inset-0 size-full focus:ring-offset-0 focus:border-transparent focus:ring-0 @[80px]:static @[80px]:inset-[unset] @[80px]:col-[2/3] @[80px]:grid @[80px]:grid-cols-[minmax(0,1fr)_auto] @[80px]:items-center @[80px]:gap-2 @[80px]:px-2 @[80px]:text-sm max-md:px-4;
     /* Chevron after the site name */
-    @apply after:btu-icon after:btu-icon-chevron-down after:absolute after:left-[36%] after:top-[31%] after:flex after:size-5 after:items-center after:justify-center after:rounded-lg after:border after:border-gray-200 after:bg-white after:shadow-lg after:[--Icon-size:1.1rem] after:[transform:translate(50%,50%)] @[80px]:after:static @[80px]:after:size-7 @[80px]:after:transform-none @[80px]:after:border-0 @[80px]:after:bg-transparent @[80px]:after:shadow-none;
+    @apply after:btu-icon after:btu-icon-chevron-down after:absolute after:left-[36%] after:top-[31%] after:flex after:size-5 after:items-center after:justify-center after:rounded-lg after:border after:border-gray-200 after:bg-white after:shadow-lg after:[--icon-size:1.1rem] after:[transform:translate(50%,50%)] @[80px]:after:static @[80px]:after:size-7 @[80px]:after:transform-none @[80px]:after:border-0 @[80px]:after:bg-transparent @[80px]:after:shadow-none;
     /* Site switcher's focus state is ring around chevron icon */
     @apply focus-visible:after:ring-primary-100 focus-visible:after:border focus-visible:after:border-primary-600 focus-visible:after:ring-4 more-contrast:focus-visible:after:border-primary-400 more-contrast:focus-visible:after:ring-primary-400;

package/src/legacy/tool-ui/src/RepeatableContentInputGroup.css CHANGED Viewed

@@ -182,7 +182,7 @@
 /*********************************/
 .RCIG-item.is-loading::after {
-  @apply btu-loader absolute left-[calc((var(--RCIG-indexWidth)-var(--Loader-size))/2)] top-[calc((var(--RCIG-titleHeight)-var(--Loader-size))/2)] size-[--Loader-size];
+  @apply btu-loader absolute left-[calc((var(--RCIG-indexWidth)-var(--loader-size))/2)] top-[calc((var(--RCIG-titleHeight)-var(--loader-size))/2)] size-[--loader-size];
 }
 /*********************************/

package/src/legacy/tool-ui/src/RichText.css CHANGED Viewed

@@ -6,7 +6,7 @@
   @apply absolute left-0 top-0 z-10 grid size-full place-items-center;
   &::after {
-    @apply btu-loader block size-[--Loader-size];
+    @apply btu-loader block size-[--loader-size];
   }
   &.hide {

package/src/legacy/tool-ui/src/SearchWidget.css CHANGED Viewed

@@ -131,7 +131,7 @@
     @apply relative order-1;
     textarea {
-      @apply pe-[calc(var(--Icon-size)_+_1rem)] [field-sizing:content];
+      @apply pe-[calc(var(--icon-size)_+_1rem)] [field-sizing:content];
     }
     a {
@@ -373,7 +373,7 @@ btu-widget.SearchWidget-create {
   /* Display a loading spinner while waiting for SearchResult frame to load */
   &.loading {
     &::after {
-      @apply btu-loader visible absolute left-1/2 top-1/2 z-[1] block size-[--Loader-size] [grid-area:results];
+      @apply btu-loader visible absolute left-1/2 top-1/2 z-[1] block size-[--loader-size] [grid-area:results];
     }
   }

package/src/legacy/tool-ui/src/SearchWidgetAdvanced.css CHANGED Viewed

@@ -47,7 +47,7 @@
   @apply relative;
   &::after {
-    @apply btu-loader absolute left-1/2 top-1/2 z-[1] block size-[--Loader-size] -translate-x-1/2 -translate-y-1/2;
+    @apply btu-loader absolute left-1/2 top-1/2 z-[1] block size-[--loader-size] -translate-x-1/2 -translate-y-1/2;
   }
 }

package/src/legacy/tool-ui/src/Widget.css CHANGED Viewed

@@ -337,7 +337,7 @@
   }
   .Widget-actions {
-    @apply fixed left-[calc(var(--Tether-rl)+var(--Tether-rw)-(var(--Icon-size)*2)-theme(spacing.7)-theme(spacing.3))];
+    @apply fixed left-[calc(var(--Tether-rl)+var(--Tether-rw)-(var(--icon-size)*2)-theme(spacing.7)-theme(spacing.3))];
   }
 }