@payloadcms/ui 3.0.0-canary.95fcd13 → 3.0.0-canary.9beaa28

package/dist/fields/Blocks/SectionTitle/index.scss

@@ -2,15 +2,20 @@
 
 .section-title {
   position: relative;
-  min-width: 0;
+  min-width: base(4);
+  max-width: 100%;
   pointer-events: all;
+  display: flex;
+  overflow: hidden;
 
   &:after {
     display: block;
     content: attr(data-value) ' ';
     visibility: hidden;
     white-space: nowrap;
-    min-width: base(2.5);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
   }
 
   &:after,
@@ -19,13 +24,18 @@
     font-weight: 600;
     font-size: base(0.625);
     padding: 0;
+    width: 100%;
   }
 
   &__input {
     color: var(--theme-elevation-800);
     background-color: transparent;
     border: none;
+    min-width: min-content;
     width: 100%;
+    max-width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
     text-overflow: ellipsis;
     resize: none;
     appearance: none;

package/dist/fields/Blocks/index.d.ts

@@ -1,5 +1,5 @@
-import type { BlocksFieldProps } from 'payload';
+import type { BlockFieldProps } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare const BlocksField: React.FC<BlocksFieldProps>;
+export declare const BlocksField: React.FC<BlockFieldProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Blocks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C,OAAO,KAAgC,MAAM,OAAO,CAAA;AA0BpD,OAAO,cAAc,CAAA;AAkUrB,eAAO,MAAM,WAAW,4BAAsC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAgC,MAAM,OAAO,CAAA;AA0BpD,OAAO,cAAc,CAAA;AAkVrB,eAAO,MAAM,WAAW,2BAAsC,CAAA"}