npm - @brightspot/ui - Versions diffs - 6.1.2-pr.275 → 6.2.0 - Mend

@brightspot/ui 6.1.2-pr.275 → 6.2.0

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 (118) hide show

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

@@ -1,7 +1,7 @@
 .ProseMirror {
   --ProseMirror-numLines: 10;
-  @apply min-h-[calc(var(--ProseMirror-numLines)*theme(lineHeight.4))] whitespace-pre-wrap rounded-b-lg px-4 py-[var(--lineHeight-m)] focus:[box-shadow:none];
+  @apply min-h-[calc(var(--ProseMirror-numLines)*theme(lineHeight.4))] whitespace-pre-wrap rounded-b-lg px-4 py-[var(--lineHeight-m)] leading-[normal] focus:[box-shadow:none];
 }
 :where(.ProseMirror-fullscreen-container) {

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

@@ -61,7 +61,7 @@
   }
   .RCIG-item > & {
-    @apply after:btu-icon after:btu-icon-chevron-up after:absolute after:right-2 after:top-2 after:ms-auto after:size-7 after:shrink-0 after:items-center after:justify-center after:rounded-lg after:bg-white;
+    @apply after:btu-icon after:btu-icon-chevron-up after:absolute after:end-2 after:top-2 after:ms-auto after:size-7 after:shrink-0 after:items-center after:justify-center after:rounded-lg after:bg-white;
   }
   .RCIG-item.is-collapsed > &,
@@ -316,11 +316,11 @@
       > .ContentSelector-edit,
       > .ContentSummary-info {
-        @apply overflow-visible after:absolute after:-left-1 after:-top-[5px] after:h-9 after:w-px after:bg-gray-200 touch-device:after:-bottom-0 touch-device:after:top-0 touch-device:after:h-[unset] more-contrast:bg-gray-400;
+        @apply overflow-visible after:absolute after:-start-1 after:-top-[5px] after:h-9 after:w-px after:bg-gray-200 touch-device:after:-bottom-0 touch-device:after:top-0 touch-device:after:h-[unset] more-contrast:bg-gray-400;
       }
       > .ContentSelector-search {
-        @apply col-start-2 before:right-0 before:top-0 touch-device:before:right-auto touch-device:before:top-auto;
+        @apply col-start-2 before:end-0 before:top-0 touch-device:before:end-auto touch-device:before:top-auto;
         > span {
           @apply hidden;
@@ -362,7 +362,7 @@
       }
       .ContentSelector-search {
-        @apply row-start-1 before:absolute before:right-[calc(theme(size.9)*2_+_theme(spacing.1))] before:top-[calc(144px_+_theme(spacing.1))];
+        @apply row-start-1 before:absolute before:end-[calc(theme(size.9)*2_+_theme(spacing.1))] before:top-[calc(144px_+_theme(spacing.1))];
       }
       .ContentSelector-search figure {
@@ -380,7 +380,7 @@
         [data-preview='']
       )
       + .ContentSelector-search {
-      @apply h-[calc(9rem+1px)] w-full max-w-none overflow-visible rounded-none border-b border-solid border-b-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:btu-button-sm before:absolute before:right-1 before:top-full before:mt-[5px];
+      @apply h-[calc(9rem+1px)] w-full max-w-none overflow-visible rounded-none border-b border-solid border-b-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:btu-button-sm before:absolute before:end-1 before:top-full before:mt-[5px];
       + .ContentSelector-edit {
         @apply hidden;

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

@@ -102,7 +102,7 @@
 }
 .Revisions-compare {
-  @apply btu-button-text-hidden before:btu-icon before:btu-icon-arrow-right;
+  @apply btu-button-text-hidden before:btu-icon before:btu-icon-arrow-right rtl:before:btu-icon-arrow-left;
 }
 .Revisions-listItem.is-parentRevision {
@@ -255,7 +255,7 @@
 }
 .Revisions-workflowStateIcon {
-  @apply grid cursor-auto place-items-center before:btu-icon before:btu-icon-arrow-right before:font-semibold before:text-gray-500 before:btu-icon-xs;
+  @apply grid cursor-auto place-items-center before:btu-icon before:btu-icon-arrow-right rtl:before:btu-icon-arrow-left before:font-semibold before:text-gray-500 before:btu-icon-xs;
 }
 /* Adjustments to Guide styles within a Popup (ie, Sites history) */

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

@@ -88,13 +88,13 @@
 /* Override input styles so they appear as arrow buttons */
 .SearchFields-sort-item-label input.SearchFields-input {
-  @apply btu-button btu-button-text-hidden !btu-button-fill-none btu-button-gray btu-button-xs shrink-0 border-none before:btu-icon before:btu-icon-circle-arrow-right touch-device:btu-button-sm after:hidden;
+  @apply btu-button btu-button-text-hidden !btu-button-fill-none btu-button-gray btu-button-xs shrink-0 border-none before:btu-icon before:btu-icon-circle-arrow-right rtl:before:btu-icon-circle-arrow-left touch-device:btu-button-sm after:hidden;
 }
 .SearchFields-displayContainer
   .SearchFields-sort-item-label
   input.SearchFields-input {
-  @apply before:btu-icon-circle-arrow-left;
+  @apply before:btu-icon-circle-arrow-left rtl:before:btu-icon-circle-arrow-right;
 }
 .SearchFields-sort-item-span {

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

@@ -152,10 +152,10 @@
 }
 .TabBar-item.is-error a {
-  --tabitem-padding-right: calc(
+  --tabitem-padding-end: calc(
     theme(gap.2) + theme(iconSize.md) + theme(padding[1.5])
   );
-  @apply -mr-[--tabitem-padding-right] pr-[--tabitem-padding-right];
+  @apply -me-[--tabitem-padding-end] pe-[--tabitem-padding-end];
 }
 /* Account for different structure of dashboard tabs */

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

@@ -168,7 +168,7 @@
   &:has(> .TC, > .CIG, > .SearchInput, > .ActionBar) {
     @apply grid grid-cols-subgrid [grid-column:fullbleed-start_/_fullbleed-end];
-    & > :not(.ActionBar, .Widget-controls, .Message) {
+    & > :not(.ActionBar, .Widget-controls, .Message, .Button) {
       @apply px-0 [grid-column:content-start_/_content-end];
     }
   }
@@ -178,6 +178,25 @@
   }
 }
+/* Keeps loose buttons at intrinsic width in the content column; inert once the form is flex. */
+.Widget > form > .Button,
+.Widget > form > .fixedScrollable > .Button {
+  @apply justify-self-start [grid-column:content-start_/_content-end];
+}
+/* Grid gives each child its own row; flex lets loose buttons flow. content-start keeps wrap lines
+   together when the widget is taller than its content. Class is stamped in Entry.ts — a :has()
+   would nest in the grid block above, which is re-emitted per `@apply Widget` consumer. The class
+   is doubled to outrank that block. */
+.Widget > form.has-looseButtons.has-looseButtons,
+.Widget > form > .fixedScrollable.has-looseButtons.has-looseButtons {
+  @apply flex flex-wrap content-start items-center gap-2 px-[--space] pb-[--space];
+  > :not(.Button) {
+    @apply basis-full;
+  }
+}
 /* Provide a matching gap at the bottom of scrollable widgets with a CIG at the end */
 .Widget > .StandardForm .CIG:not(+ .ActionBar),
 .Widget > form > .fixedScrollable > .CIG:last-child {
@@ -433,7 +452,7 @@ btu-widget.SearchWidget-create {
 }
 .fixedScrollable .CIG-row {
-  @apply after:left-[calc(1px_-_var(--CIG-padding))];
+  @apply after:start-[calc(1px_-_var(--CIG-padding))];
 }
 /* ContentEditDrawer Widget (The Shelf) */
@@ -448,6 +467,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;

package/src/legacy/tool-ui/src/form/FormFilter/index.ts CHANGED Viewed

@@ -17,10 +17,10 @@ export default class FormFilter extends LitElement {
   static noFilterTypes = new Set(['option', 'textarea'])
   @property()
-  noMatches = 'No Results!'
+  noMatches = window.BRIGHTSPOT?.ui?.tooltips?.formFilterNoResults ?? 'No Results!'
   @property()
-  placeholder = 'Find in form'
+  placeholder = window.BRIGHTSPOT?.ui?.tooltips?.formFilterPlaceholder ?? 'Find in form'
   @property()
   selector = 'form > .CIG'

package/src/legacy/tool-ui/src/main/webapp/dist/2111.5d43fec84fea624d6371.css ADDED Viewed

@@ -0,0 +1 @@

+ .ProseMirror{--ProseMirror-numLines:10;min-height:calc(var(--ProseMirror-numLines) * 1.25rem);white-space:pre-wrap;line-height:normal}[dir] .ProseMirror{padding-top:var(--lineHeight-m);padding-bottom:var(--lineHeight-m)}[dir=ltr] .ProseMirror,[dir=rtl] .ProseMirror{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;padding-left:1rem;padding-right:1rem}[dir] .ProseMirror:focus{box-shadow:none}:where(.ProseMirror-fullscreen-container){height:.25rem;overflow:hidden}.ProseMirror .rte2-style-bold{font-weight:700}.ProseMirror .rte2-style-italic{font-style:italic}.ProseMirror .rte2-style-underline{text-decoration-line:underline}.ProseMirror .rte2-style-strikethrough{text-decoration-line:line-through}[dir=ltr] .ProseMirror .cms-textAlign-left{text-align:left}[dir=rtl] .ProseMirror .cms-textAlign-left{text-align:right}[dir] .ProseMirror :where(.cms-textAlign-center,[dir] .rte2-style-align-center){text-align:center}[dir=ltr] .ProseMirror :where(.cms-textAlign-right,[dir=ltr] .rte2-style-align-right){text-align:right}[dir=rtl] .ProseMirror :where(.cms-textAlign-right,[dir=rtl] .rte2-style-align-right){text-align:left}.ProseMirror .rte2-style-subscript{bottom:-.25rem}.ProseMirror .rte2-style-subscript,.ProseMirror .rte2-style-superscript{position:relative;vertical-align:baseline;font-size:75%;line-height:0}.ProseMirror .rte2-style-superscript{top:-.5rem}.ProseMirror .rte2-style-brightspot-core-rte-heading-HeadingThree{font-size:1.125rem;line-height:1.75rem;font-weight:600}.ProseMirror .rte2-style-brightspot-core-rte-heading-HeadingTwo{font-size:1.5rem;line-height:2rem;font-weight:600}.ProseMirror :is(bsp-line,bsp-break){display:block}.ProseMirror :is(bsp-line,bsp-break):has(>.ProseMirror-trailingBreak){line-height:var(--lineHeight-m)}[dir] .ProseMirror :where(ul,[dir] ol):not(.Dropdown,[dir] .ProseMirror-tableSubmenuList){margin-top:1.25rem;margin-bottom:1.25rem}[dir=ltr] .ProseMirror :where(ul,[dir=ltr] ol):not(.Dropdown,[dir=ltr] .ProseMirror-tableSubmenuList){margin-left:2rem}[dir=rtl] .ProseMirror :where(ul,[dir=rtl] ol):not(.Dropdown,[dir=rtl] .ProseMirror-tableSubmenuList){margin-right:2rem}.ProseMirror ul{list-style-type:disc}.ProseMirror ul ul{list-style-type:circle}.ProseMirror ul ul ul{list-style-type:square}.ProseMirror ol{list-style-type:decimal}.ProseMirror ol ol{list-style-type:lower-alpha}.ProseMirror li{position:relative}.ProseMirror:has(+.ProseMirror-moveEnhancementOverlay){caret-color:transparent;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)}[dir] .ProseMirror:has(+.ProseMirror-moveEnhancementOverlay){border-color:transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.ProseMirror:has(+.ProseMirror-moveEnhancementOverlay)>:not(.Enhancement.readOnly.ProseMirror-selectednode){opacity:.6}.ProseMirror:has(+.ProseMirror-moveEnhancementOverlay) .Enhancement.readOnly.ProseMirror-selectednode{--tw-border-opacity:1}[dir] .ProseMirror:has(+.ProseMirror-moveEnhancementOverlay) .Enhancement.readOnly.ProseMirror-selectednode{border-color:oklch(var(--btu-theme-primary-700)/var(--tw-border-opacity))}.ProseMirror:has(+.ProseMirror-moveEnhancementOverlay) .Enhancement.readOnly.ProseMirror-selectednode>*{opacity:.6}.ProseMirror .rte2-style-comment{gap:.5rem;--tw-bg-opacity:1;--tw-text-opacity:1;color:oklch(var(--btu-theme-primary-800)/var(--tw-text-opacity))}[dir] .ProseMirror .rte2-style-comment{border-radius:.25rem;background-color:oklch(var(--btu-theme-primary-50)/var(--tw-bg-opacity))}[dir=ltr] .ProseMirror .rte2-style-comment,[dir=rtl] .ProseMirror .rte2-style-comment{margin-left:.25rem;margin-right:.25rem;padding-left:.25rem;padding-right:.25rem}.ProseMirror .rte2-style-comment:before{font-family:lucide;display:inline-flex;font-feature-settings:"liga" 0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:var(--icon-size);font-style:normal;font-weight:400;letter-spacing:normal;line-height:var(--icon-size);text-transform:none;white-space:nowrap;word-wrap:normal;vertical-align:top;--tw-content:"\e116";padding-inline-end:.25rem;content:var(--tw-content);--icon-size:1.25rem}[dir=ltr] .ProseMirror .rte2-style-comment:before{direction:ltr}[dir=rtl] .ProseMirror .rte2-style-comment:before{direction:rtl}.ProseMirror .rte2-style-comment[data-collapse=true]:before{content:var(--tw-content);padding-inline-end:0}.ProseMirror .rte2-style-comment .collapsed{display:none}.is-locked .ProseMirror .rte2-style-comment{opacity:.6}.ProseMirror-comments{display:none}.rte2-style-ins-insert{--tw-bg-opacity:1;--tw-text-opacity:1;color:oklch(var(--btu-theme-success-900)/var(--tw-text-opacity));text-decoration-line:none}[dir] .rte2-style-ins-insert{background-color:oklch(var(--btu-theme-success-200)/var(--tw-bg-opacity))}.rte2-style-ins-insert .Enhancement{--tw-bg-opacity:1}[dir] .rte2-style-ins-insert .Enhancement{background-color:oklch(var(--btu-theme-success-50)/var(--tw-bg-opacity))}.rte2-style-ins-delete{--tw-bg-opacity:1;--tw-text-opacity:1;color:oklch(var(--btu-theme-error-900)/var(--tw-text-opacity))}[dir] .rte2-style-ins-delete{background-color:oklch(var(--btu-theme-error-200)/var(--tw-bg-opacity))}.rte2-style-ins-delete .Enhancement{--tw-bg-opacity:1;--tw-text-opacity:1;color:oklch(var(--btu-theme-error-600)/var(--tw-text-opacity))}[dir] .rte2-style-ins-delete .Enhancement{background-color:oklch(var(--btu-theme-error-50)/var(--tw-bg-opacity))}.rte2-style-ins-delete .ProsemirrorEnhancementMenu{display:none}[dir] .ProseMirror-previewMode .rte2-style-ins-insert,[dir] .ProseMirror-previewMode .rte2-style-ins-insert .Enhancement{background-color:transparent}.ProseMirror-previewMode .rte2-style-ins-delete{display:none}.ProseMirror-aiPreviewMode .rte2-style-ins-ai{--tw-bg-opacity:1;--tw-text-opacity:1;color:oklch(var(--btu-theme-purple-900)/var(--tw-text-opacity))}[dir] .ProseMirror-aiPreviewMode .rte2-style-ins-ai{background-color:oklch(var(--btu-theme-purple-100)/var(--tw-bg-opacity))}.ProseMirror-aiInlinePreviewMode .rte2-style-ai-inline-highlight{--tw-bg-opacity:1}[dir] .ProseMirror-aiInlinePreviewMode .rte2-style-ai-inline-highlight{background-color:oklch(var(--btu-theme-primary-50)/var(--tw-bg-opacity))}.ProseMirror-aiInlinePreviewMode .rte2-style-ai-inline-ins{--tw-bg-opacity:1;--tw-text-opacity:1;color:oklch(var(--btu-theme-primary-900)/var(--tw-text-opacity));text-decoration-line:none}[dir] .ProseMirror-aiInlinePreviewMode .rte2-style-ai-inline-ins{background-color:oklch(var(--btu-theme-primary-50)/var(--tw-bg-opacity))}.ProseMirror-aiInlinePreviewMode .rte2-style-ai-inline-del{--tw-bg-opacity:1;text-decoration-line:line-through}[dir] .ProseMirror-aiInlinePreviewMode .rte2-style-ai-inline-del{background-color:oklch(var(--btu-theme-gray-50)/var(--tw-bg-opacity))}.CIG-row:only-child.is-unlabeled[data-field=richText]{width:100%}

package/src/legacy/tool-ui/src/main/webapp/dist/7718.5d43fec84fea624d6371.css ADDED Viewed

@@ -0,0 +1 @@