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

package/src/legacy/tool-ui/src/main/webapp/v4/Entry.less

@@ -1,157 +0,0 @@
-@import url('../style/v3/index');
-
-@import url('./Reset.less');
-@import url('./Icon.less');
-@import url('./IconButton.less');
-@import url('./Link.less');
-@import url('./Text.less');
-
-@import url('./Widget.less');
-
-@import url('./ActionBar.less');
-@import url('./Admin.less');
-@import url('./AdobeStock.less');
-@import url('./Apis.less');
-@import url('./AutoExpand.less');
-@import url('./Avatar.less');
-@import url('./BackgroundTasks.less');
-@import url('./Badge.less');
-@import url('./Board.less');
-@import url('./BulletedList.less');
-@import url('./Button.less');
-@import url('./Card.less');
-@import url('./Checkbox.less');
-@import url('./CIGCluster.less');
-@import url('./Collections.less');
-@import url('./CommunityWidget.less');
-@import url('./Compat.less');
-@import url('./ContentEditDrawer.less');
-@import url('./ContentInputGroup.less');
-@import url('./ComboInput.less');
-@import url('./ContentEdit.less');
-@import url('./ContentEditSites.less');
-@import url('./ContentForm.less');
-@import url('./ContentSelector.less');
-@import url('./ContentSummary.less');
-@import url('./ContentTools.less');
-@import url('./ContentType.less');
-@import url('./CopyToClipboard.less');
-@import url('./DashboardRow.less');
-@import url('./DashboardWidget.less');
-@import url('./DataTable.less');
-@import url('./DateTimeInput.less');
-@import url('./DateStringField.less');
-@import url('./Diff.less');
-@import url('./Downloads.css');
-@import url('./Draggable.less');
-@import url('./Dropdown.less');
-@import url('./EmbeddedInputGroup.less');
-@import url('./ExternalItemImport.less');
-@import url('./FileInput.less');
-@import url('./FormFilter.less');
-@import url('./Frame.less');
-@import url('./GraphQLApis.less');
-@import url('./Grid.less');
-@import url('./Guide.less');
-@import url('./GuideField.less');
-@import url('./Hierarchy.less');
-@import url('./Highlight.less');
-@import url('./ImageEditor.less');
-@import url('./Input.less');
-@import url('./InputRow.less');
-@import url('./Label.less');
-@import url('./LabeledCheckbox.less');
-@import url('./LinkCarousel.less');
-@import url('./LinkList.less');
-@import url('./LinkTable.less');
-@import url('./LocationMap.less');
-@import url('./LookingGlass.less');
-@import url('./Message.less');
-@import url('./Month.less');
-@import url('./Notification.less');
-@import url('./NumberBar.less');
-@import url('./NumberedList.less');
-@import url('./Page.less');
-@import url('./PaginatedResult.less');
-@import url('./Pagination.less');
-@import url('./Popup.less');
-@import url('./PrePublish.less');
-@import url('./Preview.less');
-@import url('./ProfileDropdown.less');
-@import url('./QueryField.less');
-@import url('./RadialProgressBar.less');
-@import url('./Repeatable.less');
-@import url('./RepeatableContentInputGroup.less');
-@import url('./RepeatableContentSelector.less');
-@import url('./RepeatableTextInput.less');
-@import url('ContentReporting.less');
-@import url('./Revision.less');
-@import url('./RichText.less');
-@import url('./SearchInput.less');
-@import url('./SearchResult.less');
-@import url('./SearchFields.less');
-@import url('./SearchWidget.less');
-@import url('./SearchWidgetAdvanced.less');
-@import url('./SharePreview.less');
-@import url('./Sortable.less');
-@import url('./StandardForm.less');
-@import url('./StyleEmbeddedContent.less');
-@import url('./Suggestions.less');
-@import url('./TabBar.less');
-@import url('./TabContainer.less');
-@import url('./Taxonomy.less');
-@import url('./TextInput.less');
-@import url('./TreeList.less');
-@import url('./theme/Theme.less');
-@import url('./ThemeBundleEditor.less');
-@import url('./Utils.css');
-@import url('./Viewers.less');
-@import url('./ViewMirror.less');
-@import url('./ViewPreview.less');
-@import url('./Week.less');
-@import url('./Workflow.less');
-
-@import url('./graphql/GraphQL.less');
-
-@import url('./mail-publishing/MailPublishing.less');
-
-@import url('./translation/Translation.less');
-
-@import url('./widget/AnalyticsWidget.less');
-@import url('./widget/AssignmentDeskDashboard.less');
-@import url('./widget/AssignmentDeskRelatedWidget.less');
-@import url('./widget/AssignmentContent.less');
-@import url('./widget/AssignmentFilters.less');
-@import url('./widget/AssociatedContentWidget.less');
-@import url('./widget/BulkUpload.less');
-@import url('./widget/BulkWorkflow.less');
-@import url('./widget/Calendar.less');
-@import url('./widget/CalendarEventSummary.less');
-@import url('./widget/CalendarAccessOverview.less');
-@import url('./widget/ClosableWindow.less');
-@import url('./widget/ContentColors.less');
-@import url('./widget/ContentTemplatesWidget.less');
-@import url('./widget/Conversation.less');
-@import url('./widget/CopySiteWidget.less');
-@import url('./widget/FormSubmission.less');
-@import url('./widget/LiveBlog.less');
-@import url('./widget/PitchContent.less');
-@import url('./widget/PitchAssignments.less');
-@import url('./widget/Revisions.less');
-@import url('./widget/SavedSearch.less');
-@import url('./widget/SemRushDashboardWidget.less');
-@import url('./widget/SlackAuthentication.less');
-@import url('./widget/WorkStreams.less');
-
-@import url('./appetizeio/AppetizeioEmbedded.less');
-
-form[target='admin-content-types-result'] .ComboInput,
-form[target='admin-content-templates-result'] .ComboInput {
-  max-width: 100%;
-  width: 100%;
-}
-
-/* New v5 things which shouldn't appear in v4 proper */
-.v5-only {
-  display: none;
-}

package/src/legacy/tool-ui/src/main/webapp/v4/ExternalItemImport.less

@@ -1,3 +0,0 @@
-.ExternalItemImport {
-  --contentRight-width: 40%;
-}

package/src/legacy/tool-ui/src/main/webapp/v4/FileInput.less

@@ -1,194 +0,0 @@
-@import (reference) url('./ImageEditor.less');
-
-.FileInput {
-  cursor: pointer;
-  display: inline-flex;
-  margin-right: var(--gap-s);
-  max-width: 100%;
-  position: relative;
-  vertical-align: top;
-
-  input[type='file'] {
-    border: 0;
-    bottom: 0;
-    cursor: pointer;
-    left: 0;
-    opacity: 0;
-    padding: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-  }
-
-  &::before {
-    .Button;
-
-    content: 'Choose';
-  }
-
-  &:hover,
-  &:focus-within {
-    &::before {
-      .Button.is-focused;
-    }
-  }
-
-  &[data-choose]::before {
-    content: attr(data-choose);
-  }
-
-  &[data-placeholder]::before {
-    content: attr(data-placeholder);
-  }
-
-  &[data-value] {
-    &::before {
-      .Icon;
-
-      background: var(--color-black);
-      border-color: var(--color-black);
-      color: var(--color-white);
-      content: 'swap_horiz';
-    }
-
-    &::after {
-      content: attr(data-value);
-      display: inline-block;
-      overflow: hidden;
-      padding: var(--gap-s);
-      text-overflow: ellipsis;
-      vertical-align: top;
-      white-space: nowrap;
-    }
-  }
-}
-
-// Legacy.
-.fileSelectorItem {
-  display: block;
-  margin-top: var(--gap-s);
-
-  &.is-error {
-    min-height: 0;
-
-    > .Message {
-      width: 100%;
-    }
-
-    > *:not(.Message) {
-      display: none !important;
-    }
-  }
-}
-
-.file-selector-com-psddev-cms-ui-form-field-NewUploadFileFormInputAction {
-  display: inline;
-  margin: 0 0 0 var(--gap-s);
-}
-
-.bulkFileSelector {
-  display: block;
-}
-
-.uploadableFile {
-  align-items: center;
-  background: rgb(var(--rgb-dominant3) / 70%);
-  border: 4px dotted var(--color-dominant5);
-  border-radius: var(--gap-m);
-  display: flex;
-  justify-content: center;
-  padding: var(--gap-m);
-  user-select: none;
-
-  &.is-active {
-    border-style: solid;
-  }
-
-  a {
-    .Link.is-black;
-    .Text.is-xl;
-
-    --Link-hoverDecoration: none;
-
-    display: block;
-
-    &::before {
-      .Icon;
-      .Icon.is-l;
-
-      content: 'arrow_upward';
-      margin-right: var(--gap-xs);
-    }
-  }
-}
-
-.upload-preview {
-  .ImageEditor-preview;
-
-  --RPB-size: 100px;
-
-  display: inline-block;
-  margin-top: var(--gap-s);
-  vertical-align: middle;
-
-  .RPB,
-  .upload-percentage {
-    display: none;
-    left: 50%;
-    position: absolute;
-    top: 50%;
-    transform: translate(-50%, -50%);
-  }
-
-  .RPB {
-    background: var(--color-white);
-    border-radius: 50%;
-  }
-
-  &.loading {
-    min-height: 100px;
-    min-width: 100px;
-
-    img {
-      opacity: 0.2;
-    }
-
-    .RPB,
-    .upload-percentage {
-      display: block;
-    }
-  }
-}
-
-.bulk-upload-files > .inputLarge .upload-preview.error,
-.upload-preview.error {
-  display: none;
-}
-
-.bulk-upload-files {
-  margin-bottom: calc(var(--gap-l) * 2);
-
-  > .inputLabel {
-    display: none;
-  }
-
-  > .inputLarge {
-    margin-top: var(--gap-s);
-    overflow: auto;
-    white-space: nowrap;
-
-    .upload-preview {
-      display: inline-flex;
-      margin-right: var(--gap-s);
-
-      img {
-        flex: auto;
-        object-fit: cover;
-      }
-
-      .upload-preview-label {
-        display: none;
-      }
-    }
-  }
-}

package/src/legacy/tool-ui/src/main/webapp/v4/FormFilter.less

@@ -1,189 +0,0 @@
-@import (reference) url('./Icon.less');
-@import (reference) url('./Reset.less');
-@import (reference) url('./SearchInput.less');
-
-btu-form-filter {
-  align-items: center;
-  display: flex;
-  justify-content: end;
-  width: 100%;
-
-  .FormFilter-icon {
-    .Link;
-
-    border: none;
-    color: var(--color-black);
-    margin-left: var(--gap-l);
-  }
-}
-
-.FormFilter {
-  &-container {
-    .SearchInput;
-    .SearchInput.is-filter;
-
-    display: flex;
-    flex-direction: row;
-    opacity: 0;
-    overflow: hidden;
-    padding: 0 var(--gap-m);
-    transform: scaleX(0);
-    transform-origin: right;
-    transition-duration: var(--time-xs);
-    transition-property: opacity, transform;
-    transition-timing-function: var(--ease-out);
-    width: 40%;
-
-    &.is-open {
-      opacity: 1;
-      transform: scaleX(1);
-    }
-
-    > btu-input {
-      width: 100%;
-    }
-  }
-
-  &-icon {
-    --Link-color: var(--color-black);
-
-    height: calc(var(--gap-s) * 2 + var(--Icon-size));
-    overflow: hidden;
-    top: 0;
-    width: calc(var(--gap-s) * 2 + var(--Icon-size));
-
-    &::after {
-      &:extend(.Icon);
-
-      content: 'search';
-      margin-top: calc(0px - var(--Icon-size) / 2);
-      position: absolute;
-      right: var(--gap-s);
-      top: 50%;
-    }
-
-    &::before {
-      border-radius: 50%;
-      content: '';
-      display: block;
-      height: 100%;
-      opacity: 0;
-      transition: opacity var(--time-m) var(--ease-in);
-      width: 100%;
-      z-index: -1;
-    }
-
-    &:hover {
-      cursor: pointer;
-    }
-
-    &:hover::before {
-      background-color: var(--color-gray2);
-      opacity: 0.8;
-    }
-
-    &.is-open {
-      &::after {
-        content: 'close';
-      }
-
-      &::before {
-        background-color: var(--color-gray3);
-        opacity: 1;
-      }
-    }
-  }
-}
-
-.CIG {
-  &.is-filtering {
-    > *,
-    > .Tab > *,
-    .PluginItem:not(.is-filterResult) {
-      display: none;
-    }
-
-    > .Tab {
-      display: block;
-    }
-
-    .is-filterResult,
-    > *:has(.is-filterResult):not([hidden]) {
-      display: block !important;
-
-      &.CIG-row[data-tab]:not(.has-title),
-      &.Tab[data-tab],
-      &.CIG-title[data-tab] {
-        margin-top: calc(var(--gap-xl) * 1.6);
-        position: relative;
-      }
-
-      &.CIG-row[data-tab]:not(.has-title)::before,
-      &.Tab[data-tab]::after,
-      &.CIG-title[data-tab]::after {
-        border-bottom: 1px solid var(--color-gray3);
-        content: attr(data-tab);
-        font-size: var(--fontSize-xs);
-        font-weight: 100;
-        line-height: var(--lineHeight-l);
-        position: absolute;
-        text-transform: uppercase;
-        top: calc(var(--gap-l) * -1.6);
-        width: 100%;
-      }
-
-      &.CIG-title[data-tab]::after {
-        left: 0;
-      }
-
-      &.Tab[data-tab]::after,
-      &.CIG-row[data-tab]:not(.has-title)::before {
-        left: calc(var(--gap-m) * -1);
-      }
-
-      &.CIG-title {
-        pointer-events: none;
-      }
-
-      .CIG-titleToggle {
-        display: none;
-      }
-    }
-
-    .FormFilter-message {
-      display: block;
-      margin: var(--gap-m) 0;
-    }
-  }
-
-  &.is-loading {
-    display: block;
-    min-height: 80vh;
-    visibility: visible;
-
-    &::before {
-      .Icon;
-
-      animation: spin var(--time-xl) infinite ease-in-out;
-      color: var(--color-black);
-      content: 'autorenew';
-      height: var(--Icon-size-l);
-      left: 50%;
-      margin-right: var(--gap-m);
-      position: absolute;
-      top: 50%;
-      width: var(--Icon-size-l);
-      z-index: 10;
-    }
-  }
-
-  @keyframes spin {
-    from {
-      transform: rotate(0deg);
-    }
-
-    to {
-      transform: rotate(360deg);
-    }
-  }
-}

package/src/legacy/tool-ui/src/main/webapp/v4/Frame.less

@@ -1,26 +0,0 @@
-.Frame {
-  &-relative {
-    --ContentEdit-barTop: 0;
-
-    position: relative;
-
-    .ContentEdit-bar {
-      position: absolute;
-    }
-
-    .ContentEdit-title {
-      position: absolute;
-    }
-
-    .ContentEdit-main {
-      overflow: auto;
-    }
-
-    @media (@mq-m) {
-      --ContentEdit-barTop: calc(
-        var(--Page-headerBottom) + var(--ContentEdit-workstreamHeight) +
-          var(--gap-m) * 2 + var(--lineHeight-m)
-      );
-    }
-  }
-}

package/src/legacy/tool-ui/src/main/webapp/v4/GraphQLApis.less

@@ -1,4 +0,0 @@
-.GraphQLApis-buttonOnly.CIG-row.inputContainer .CIG-label.inputLabel,
-.GraphQLApis-buttonOnly.CIG-row.inputContainer .CIG-small.inputSmall-text {
-  display: none;
-}

package/src/legacy/tool-ui/src/main/webapp/v4/Grid.less

@@ -1,48 +0,0 @@
-.Grid {
-  display: flex;
-  flex-wrap: wrap;
-
-  > li {
-    width: 100%;
-  }
-}
-
-.Grid.is-withNav {
-  overflow-x: hidden;
-
-  > li {
-    flex: 1 0 auto;
-  }
-}
-
-@media (@mq-m) {
-  .Grid {
-    height: calc(
-      100vh - var(--Page-headerHeight) - var(--Icon-size) - (2 * var(--gap-m))
-    );
-    overflow: hidden;
-  }
-
-  .Grid.is-withNav {
-    .Grid-nav {
-      max-width: 305px;
-
-      table {
-        height: 100%;
-        max-height: none;
-      }
-    }
-
-    .Grid-main {
-      border-left: solid 1px var(--color-gray3);
-      width: 37.5%;
-
-      .ContentEdit {
-        height: calc(
-          100vh - var(--Page-headerHeight) - var(--Icon-size) -
-            (2 * var(--gap-m))
-        );
-      }
-    }
-  }
-}