@brightspot/ui 6.1.0 → 6.1.1-rc.2

package/dist/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1787061637353,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"knownPackages":{"testPackages":{"@storybook/addon-vitest":"10.2.12","@vitest/browser-playwright":"4.0.18","playwright":"1.58.2","vitest":"4.0.18"},"stylingPackages":{"tailwindcss":"^3.4.13","autoprefixer":"10.4.21"}},"hasRouterPackage":false,"packageManager":{"type":"yarn","agent":"yarn","nodeLinker":"undefined"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":0,"applicationFileCount":6,"storybookVersion":"10.2.12","storybookVersionSpecifier":"10.2.12","language":"typescript","storybookPackages":{"@storybook/addon-themes":{"version":"10.2.12"},"@storybook/web-components-vite":{"version":"10.2.12"},"@wc-toolkit/storybook-helpers":{"version":"10.0.0"},"eslint-plugin-storybook":{"version":"10.0.7"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.2.12"},"@storybook/addon-vitest":{"version":"10.2.12"}},"packageJsonType":"module"}
+{"generatedAt":1787590212209,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"knownPackages":{"testPackages":{"@storybook/addon-vitest":"10.2.12","@vitest/browser-playwright":"4.0.18","playwright":"1.58.2","vitest":"4.0.18"},"stylingPackages":{"tailwindcss":"^3.4.13","autoprefixer":"10.4.21"}},"hasRouterPackage":false,"packageManager":{"type":"yarn","agent":"yarn","nodeLinker":"undefined"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":0,"applicationFileCount":6,"storybookVersion":"10.2.12","storybookVersionSpecifier":"10.2.12","language":"typescript","storybookPackages":{"@storybook/addon-themes":{"version":"10.2.12"},"@storybook/web-components-vite":{"version":"10.2.12"},"@wc-toolkit/storybook-helpers":{"version":"10.0.0"},"eslint-plugin-storybook":{"version":"10.0.7"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.2.12"},"@storybook/addon-vitest":{"version":"10.2.12"}},"packageJsonType":"module"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspot/ui",
-  "version": "6.1.0",
+  "version": "6.1.1-rc.2",
   "type": "module",
   "license": "UNLICENSED",
   "description": "A UI library for building Brightspot CMS components.",

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

@@ -44,7 +44,7 @@
 
     /* These content selectors should just appear as normal ComboInputs */
     > form > .ContentSelector-select + .ComboInput {
-      @apply rounded-lg pe-4;
+      @apply rounded-lg px-4;
 
       &:not([aria-expanded='true'], :focus-visible) {
         @apply border-gray-300;
@@ -135,10 +135,6 @@
       }
     }
 
-    &:not(:first-child) {
-      @apply mt-2;
-    }
-
     a:hover {
       @apply text-gray-900;
     }

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

@@ -523,7 +523,7 @@
 
   /* remove button next to a widget url item */
   .widget-urlsItemRemove > input[type='checkbox'] {
-    @apply btu-button btu-button-text-hidden btu-button-fill-none btu-button-gray btu-button-xs border-none after:btu-icon after:btu-icon-x;
+    @apply btu-button btu-button-text-hidden btu-button-fill-none btu-button-error btu-button-xs border-none after:btu-icon after:btu-icon-x;
   }
 
   /* url item components in removed state */
@@ -548,7 +548,7 @@
   }
 
   .widget-urlsItem.is-removing .widget-urlsItemRemove > input[type='checkbox'] {
-    @apply after:btu-icon-undo after:text-inherit;
+    @apply btu-button-gray after:btu-icon-undo after:text-inherit;
   }
 
   /* Sites access widget */

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

@@ -684,10 +684,6 @@
   @apply !pointer-events-auto !opacity-100;
 }
 
-.CIG-row.is-unlabeled > .AIChatButton {
-  @apply absolute right-0 top-[calc(-1_*_var(--button-size-md))] ms-0 ![display:initial];
-}
-
 /* Focus state for CIG-small in read-only rows */
 :is(.CIG-row.is-readOnly, .CIG.is-readOnly) .CIG-small:focus-within {
   @apply rounded-lg outline-dashed outline-[4px] outline-gray-300;

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

@@ -78,6 +78,10 @@ html::view-transition-new(dashboard-widget) {
       &:has(> a:focus-visible) {
         @apply ring-inset;
       }
+
+      &:not(:first-child) {
+        @apply mt-0;
+      }
     }
 
     > li > a {

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

@@ -27,6 +27,10 @@
     --link-h-min: calc(theme(lineHeight.4) + theme(spacing.2));
 
     @apply flex max-h-[--link-h-max] min-h-[--link-h-min] items-center rounded-lg;
+
+    &:not(:first-child) {
+      @apply mt-2;
+    }
   }
 
   > li.Message {

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

@@ -157,7 +157,7 @@
 
 .Page-title {
   --logo-size: 36px;
-  @apply flex items-center text-sm font-semibold max-md:pe-4 md:grid md:max-w-60 md:shrink-0 [&_a]:font-semibold [&_a]:text-inherit [&_a]:no-underline [&_a]:hover:text-inherit [&_a]:focus:text-inherit;
+  @apply flex items-center text-sm font-semibold max-md:pe-4 md:grid md:max-w-xs md:shrink-0 [&_a]:font-semibold [&_a]:text-inherit [&_a]:no-underline [&_a]:hover:text-inherit [&_a]:focus:text-inherit;
 
   > a {
     @apply grid auto-cols-[0px] grid-flow-col grid-cols-[max-content] items-center justify-center rounded-lg text-[0] @[80px]:grid-cols-[max-content_minmax(0,1fr)_max-content] max-md:grow;

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

@@ -15,6 +15,15 @@ input:where(
   @apply TextInput;
 }
 
+/* MapFormInput writes a bare `<textarea class="json">` with no `rows`, and
+   AutoExpand.js skips its JS shim wherever `field-sizing` is supported - the
+   CSS that stands in for the shim is scoped to `.AutoExpand`, a wrapper this
+   textarea never gets. Opt it in directly so it sizes to its content like
+   every other read-only textarea. */
+textarea.json {
+  @apply [field-sizing:content];
+}
+
 btu-input {
   @apply relative;
 }

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

@@ -15,7 +15,7 @@
 }
 
 .PreviewFrame-moreActions[aria-expanded] {
-  @apply btu-button-pressed before:btu-icon-x;
+  @apply btu-button-pressed;
 }
 
 .PreviewFrame-typeActions {

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

@@ -448,6 +448,14 @@ btu-widget.SearchWidget-create {
   @apply bg-gray-50;
 }
 
+.Widget[data-internal-name='com.psddev.cms.tool.content.ReferencesWidget'] {
+  > p {
+    > a.icon-action-search {
+      @apply my-4 w-full btu-button btu-button-outline btu-button-sm btu-button-gray btu-button-fill-none before:btu-icon before:btu-icon-search;
+    }
+  }
+}
+
 /* Translations Widget */
 .Widget[data-internal-name='com.psddev.translation.page.TranslationTab'] > * {
   @apply col-span-full;