@brightspot/ui 6.3.0 → 6.3.2-pr.309

package/dist/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1788530445851,"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":1788964545042,"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.3.0",
+  "version": "6.3.2-pr.309",
   "type": "module",
   "license": "UNLICENSED",
   "description": "A UI library for building Brightspot CMS components.",

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

@@ -1,5 +1,5 @@
 .CodeMirror {
-  @apply h-auto rounded-lg border border-gray-300 bg-white !text-gray-900 transition hover:bg-gray-100;
+  @apply h-auto rounded-lg border border-gray-300 !bg-white !text-gray-900 transition hover:!bg-gray-100;
 
   /*
     Bound :has() invalidation. CM mutates inner DOM per keystroke; without
@@ -16,11 +16,11 @@
 
 .CodeMirror-scrollbar-filler,
 .CodeMirror-gutter-filler {
-  @apply bg-white;
+  @apply !bg-white;
 }
 
 .CodeMirror-gutters {
-  @apply border-e-gray-300 bg-gray-50;
+  @apply !border-e-gray-300 !bg-gray-50;
 }
 
 .CodeMirror-linenumber {
@@ -28,23 +28,23 @@
 }
 
 .CodeMirror-guttermarker {
-  @apply text-gray-900;
+  @apply !text-gray-900;
 }
 
 .CodeMirror-guttermarker-subtle {
-  @apply text-gray-500;
+  @apply !text-gray-500;
 }
 
 .CodeMirror-cursor {
-  @apply border-s-[2px] border-s-primary-600;
+  @apply !border-s-[2px] !border-s-primary-600;
 }
 
 .CodeMirror div.CodeMirror-secondarycursor {
-  @apply border-s-gray-200;
+  @apply !border-s-gray-200;
 }
 
 .cm-fat-cursor .CodeMirror-cursor {
-  @apply bg-success-200;
+  @apply !bg-success-200;
 }
 
 .cm-fat-cursor-mark {
@@ -56,7 +56,7 @@
 }
 
 .CodeMirror-ruler {
-  @apply border-s-gray-200;
+  @apply !border-s-gray-200;
 }
 
 .cm-s-default .cm-header {

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

@@ -143,6 +143,10 @@
   @apply hidden;
 }
 
+.ComboInput-empty {
+  @apply px-4 py-2 text-sm text-gray-500;
+}
+
 /* Caps height of uninitialized ComboInputs */
 select {
   @apply max-h-[2.25rem];

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

@@ -367,8 +367,9 @@
     @apply !blokk;
   }
 
+  /* Hug the device width (plus borders) when it fits so the iframe renders unscaled. */
   & .PreviewFrame-typeDisplay {
-    @apply [grid-area:preview] [grid-column:container-start/container-end];
+    @apply w-[min(100%,calc(var(--ContentEdit-previewWidth,100%)_+_2px))] justify-self-center [grid-area:preview] [grid-column:container-start/container-end];
   }
 
   & .PreviewFrame-typeControls .ComboInput:not(:has(~ .ComboInput)) {

package/src/legacy/tool-ui/src/Global.d.ts

@@ -77,6 +77,8 @@ declare global {
           combo: {
             empty: string
             multi: string
+            noMatches: string
+            noOptions: string
           }
           createNew: string
           multiSort: string