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

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

@@ -1,189 +0,0 @@
-.Message {
-  background: var(--color-gray1);
-  padding: var(--gap-m) var(--gap-l) var(--gap-m)
-    calc(var(--gap-l) + var(--Icon-size) + var(--gap-s));
-  position: relative;
-
-  > .Message-icon::before {
-    .Icon;
-
-    content: 'info';
-    left: var(--gap-l);
-    position: absolute;
-    top: calc(var(--gap-s) + var(--gap-xs));
-  }
-
-  ol,
-  ul {
-    margin-left: var(--gap-l);
-
-    li:only-child {
-      list-style: none;
-    }
-  }
-
-  ol {
-    list-style: decimal;
-  }
-
-  ul {
-    list-style: disc;
-  }
-
-  p {
-    margin: 0;
-  }
-
-  a {
-    --Link-decoration: underline;
-
-    text-decoration-style: solid;
-    text-decoration-thickness: auto;
-  }
-
-  .is-emphasis {
-    font-weight: bold;
-    margin: 0 7px;
-    text-transform: uppercase;
-  }
-}
-
-.Message.is-error,
-.Message.is-success {
-  .Link.is-white;
-}
-
-.Message.is-success p {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-}
-
-.Message.is-success p > span {
-  margin-right: var(--gap-s);
-}
-
-.Message.is-error {
-  background-color: var(--color-red6);
-  color: var(--color-white);
-
-  > .Message-icon::before {
-    content: 'error';
-  }
-}
-
-.Message.is-warning {
-  background: var(--color-yellow3);
-  color: inherit;
-
-  > .Message-icon::before {
-    content: 'warning';
-  }
-
-  .Link.is-black;
-
-  &.WorkInProgressRestoredMessage {
-    display: flex;
-    flex-direction: row-reverse;
-
-    .WorkInProgressRestoredMessage-actions a {
-      margin-left: var(--gap-m);
-      white-space: nowrap;
-    }
-
-    p {
-      flex-grow: 1;
-    }
-  }
-}
-
-.Message.is-success {
-  background: var(--color-green5);
-  color: var(--color-white);
-
-  > .Message-icon::before {
-    content: 'check_circle';
-  }
-
-  .is-workflow & {
-    background: var(--Revision-revisionBackgroundColor);
-    color: var(--Revision-revisionTextColor);
-
-    a {
-      color: var(--Revision-revisionTextColor);
-    }
-  }
-}
-
-.Message.is-revision {
-  background-color: var(--Revision-revisionBackgroundColor);
-  display: flex;
-  flex-flow: wrap;
-  flex-direction: column;
-  justify-content: space-between;
-
-  > :first-child {
-    margin-bottom: var(--gap-m);
-  }
-
-  > .Message-icon::before {
-    background-color: var(--Revision-revisionColor);
-    border: solid 2px var(--Revision-revisionBackgroundColor);
-    border-radius: 50%;
-    content: ' ';
-    display: inline-block;
-    height: var(--Icon-size);
-    min-height: var(--Icon-size);
-    min-width: var(--Icon-size);
-    width: var(--Icon-size);
-  }
-}
-
-.Message.is-upload {
-  > .Message-icon::before {
-    content: 'publish';
-  }
-}
-
-.Message.is-workflow {
-  align-items: center;
-  display: flex;
-
-  a {
-    color: var(--Revision-revisionTextColor);
-  }
-}
-
-.Message .ActionBar {
-  background: transparent;
-  border: 0;
-  padding: 0;
-}
-
-@media (@mq-l) {
-  .Message.is-revision {
-    flex-direction: row;
-
-    > :first-child {
-      margin-bottom: auto;
-    }
-  }
-}
-
-/* Configuration Status variant */
-.Message.is-configStatus {
-  p {
-    display: flex;
-    flex-direction: column;
-    gap: var(--gap-xs);
-  }
-
-  .Message-meta {
-    font-size: var(--fontSize-s);
-  }
-
-  .Message-issues {
-    list-style: disc;
-    margin-top: var(--gap-s);
-  }
-}

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

@@ -1,102 +0,0 @@
-.Month-row {
-  display: flex;
-}
-
-.Month-dowLabel {
-  .Text.is-s;
-
-  background: var(--color-white);
-  padding-bottom: var(--gap-s);
-  position: relative;
-  text-align: center;
-  width: 100%;
-}
-
-.Month-day {
-  background: var(--color-white);
-  outline: 1px solid var(--color-gray5);
-  position: relative;
-  width: 100%;
-
-  &::before {
-    content: '';
-    display: block;
-    padding-bottom: 100%;
-  }
-
-  &:focus {
-    z-index: 1000;
-  }
-}
-
-.Month-dow {
-  .Text.is-s;
-
-  left: var(--gap-s);
-  position: absolute;
-  top: var(--gap-s);
-  visibility: hidden;
-}
-
-.Month-row:first-child .Month-dow {
-  flex-basis: 40px;
-  visibility: visible;
-  width: auto;
-}
-
-.Month-dom {
-  .Text.is-s;
-
-  position: absolute;
-  right: var(--gap-s);
-  top: var(--gap-s);
-}
-
-.other-month {
-  background: var(--color-gray1);
-}
-
-.calendarEvents {
-  --size: 65%;
-
-  align-items: center;
-  background: var(--Link-color);
-  border-radius: 50%;
-  bottom: var(--gap-s);
-  color: var(--color-white);
-  display: flex;
-  height: var(--size);
-  justify-content: center;
-  left: var(--gap-s);
-  position: absolute;
-  width: var(--size);
-
-  &:hover {
-    color: var(--color-white);
-    text-decoration: none;
-  }
-
-  &[data-count='1'] {
-    --size: 35%;
-  }
-
-  &[data-count='2'] {
-    --size: 40%;
-  }
-
-  &[data-count='3'] {
-    --size: 45%;
-  }
-
-  &[data-count='4'] {
-    --size: 50%;
-  }
-
-  &[data-count='5'] {
-    --size: 55%;
-  }
-
-  &[data-count='6'] {
-    --size: 60%;
-  }
-}

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

@@ -1,278 +0,0 @@
-@import (reference) url('./Dropdown.less');
-
-.Notification {
-  margin-top: calc(-1 * var(--gap-l));
-  padding-bottom: var(--gap-l);
-
-  &-controls {
-    align-items: center;
-    display: flex;
-    padding: 10px;
-
-    > * {
-      flex-shrink: 0;
-      margin-right: var(--gap-m);
-    }
-
-    &-toggle {
-      .IconButton;
-
-      --IconButton-name: 'settings';
-
-      .Popup .ActionBar & {
-        width: 45px;
-      }
-    }
-
-    &-list {
-      .Dropdown;
-
-      & li {
-        .Dropdown-item;
-
-        padding: 0;
-      }
-
-      & a {
-        display: block;
-      }
-    }
-
-    &-menu {
-      margin-left: auto;
-      order: 2;
-
-      &.is-open {
-        .Notification-controls-toggle {
-          &:hover,
-          &:focus {
-            --IconButton-name: 'close';
-          }
-        }
-
-        .Notification-controls-list {
-          .Dropdown.is-open;
-        }
-      }
-    }
-  }
-
-  &-pagination {
-    position: absolute;
-    right: calc(4 * var(--gap-l) - var(--gap-s));
-    top: calc(
-      var(--gap-m) + var(--lineHeight-m) / 2 - var(--Icon-size) / 2 -
-        var(--gap-s)
-    );
-    z-index: 10;
-  }
-
-  &-date {
-    background-color: var(--color-gray2);
-    font-weight: bold;
-    margin: 0 calc(-1 * var(--gap-l));
-    padding: 10px var(--gap-l);
-  }
-
-  &-item {
-    border-bottom: 1px solid var(--color-gray2);
-    padding: 5px 0;
-
-    &:last-child {
-      border-bottom: none;
-    }
-
-    > div {
-      margin: 5px 0;
-    }
-
-    &:hover,
-    &:focus-within {
-      a.Button-clearSingle {
-        opacity: 1;
-      }
-    }
-  }
-
-  &-info {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  &-type {
-    font-weight: bold;
-    padding-right: var(--gap-m);
-  }
-
-  &-clear {
-    a.Button-clearSingle {
-      .IconButton;
-      .IconButton.is-red;
-
-      --IconButton-name: 'close';
-
-      opacity: 0;
-    }
-  }
-
-  &-new {
-    color: var(--color-blue5);
-    position: relative;
-
-    &::before {
-      content: '●';
-      left: calc(-1 * var(--gap-m) - 1px);
-      position: absolute;
-    }
-  }
-
-  &-error,
-  &-error-new {
-    color: var(--color-red5);
-    position: relative;
-    text-decoration-color: var(--color-red5);
-
-    &::before {
-      color: var(--color-red5);
-      content: '!';
-      font-weight: bold;
-      left: calc(-1 * var(--gap-m));
-      position: absolute;
-    }
-  }
-
-  &-details {
-    background-color: var(--color-gray2);
-    padding: 5px;
-
-    > span {
-      color: var(--color-gray6);
-      font-style: italic;
-    }
-  }
-
-  &-contentError {
-    max-height: 5vh;
-    overflow-y: scroll;
-
-    &-errorInfoButton {
-      &.is-active {
-        opacity: 1;
-      }
-
-      .error-message {
-        display: none;
-      }
-    }
-
-    &:hover {
-      .Notification-contentError-errorInfoButton {
-        opacity: 1;
-      }
-    }
-  }
-
-  &-list {
-    list-style: decimal;
-    padding-left: 20px;
-  }
-
-  &-footer {
-    background-color: var(--color-white);
-    bottom: var(--gap-l);
-    box-shadow: inset 0 1px 0 0 var(--color-gray2);
-    font-size: 16px;
-    margin-bottom: calc(-1 * var(--gap-l));
-    padding: var(--gap-s) 0;
-    position: absolute;
-    text-align: right;
-    width: 100%;
-  }
-}
-
-.Widget.ToolUserNotifications {
-  position: unset;
-
-  .Button-clearAll {
-    .Button;
-
-    background: transparent;
-    border-color: var(--color-red5);
-    color: var(--color-red5);
-
-    &:hover {
-      border-color: var(--color-red6);
-      color: var(--color-red6);
-    }
-  }
-}
-
-// Hides the add/remove buttons on Automatic Subscriptions
-.inputContainer[data-field='cms.notification.automaticSubscriptions/subscriptionOptions']
-  > .RCIG
-  > .RCIG-controls {
-  display: none;
-}
-
-.inputContainer[data-field='cms.notification.automaticSubscriptions/subscriptionOptions']
-  > .RCIG
-  > .RCIG-list
-  > .RCIG-item
-  > .RCIG-remove {
-  display: none;
-}
-
-// Hides the effectively read-only subscription field needed to power other dynamic texts.
-[data-type='com.psddev.cms.notification.AutomaticToolSubscriptionOption']
-  > [data-field-name='subscription'] {
-  display: none;
-}
-
-.Notification-actionBar {
-  padding-bottom: var(--gap-xs);
-  padding-top: var(--gap-xs);
-
-  .Notification-action {
-    display: inline-block;
-
-    &:not(:first-child) {
-      padding-left: var(--gap-m);
-    }
-  }
-
-  .Notification-actionRefresh {
-    display: none;
-  }
-
-  .Actions-controls {
-    display: inline;
-
-    .Additional-actionsToggle {
-      .IconButton;
-
-      background: transparent;
-      border: 0;
-      padding: 0;
-
-      --IconButton-name: 'more_horiz';
-
-      &[aria-expanded='true'] {
-        .IconButton.is-focus;
-
-        --IconButton-name: 'close';
-      }
-    }
-
-    .Actions-controlsList > li > form.Notification-action {
-      display: contents;
-    }
-
-    .Actions-controlsList [role='menuitem'] {
-      .Dropdown-item;
-    }
-
-    &.is-open .Actions-controlsList {
-      .Dropdown.is-open;
-    }
-  }
-}

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

@@ -1,21 +0,0 @@
-.NB {
-  display: flex;
-  white-space: nowrap;
-}
-
-.NB-item:not(:first-child) {
-  border-left: 1px solid var(--color-gray3);
-  margin-left: var(--gap-m);
-  padding-left: var(--gap-m);
-}
-
-.NB-number {
-  font-size: var(--fontSize-xxl);
-  line-height: var(--fontSize-xxl);
-}
-
-.NB-label {
-  .Text.is-xs;
-
-  color: var(--color-gray5);
-}

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

@@ -1,17 +0,0 @@
-.NumberedList {
-  list-style-type: decimal;
-  padding-left: var(--gap-l);
-
-  > li {
-    &:not(:last-child) {
-      margin-bottom: var(--gap-xs);
-    }
-
-    &.is-selected {
-      background: var(--color-gray3);
-      list-style-type: none;
-      margin-left: calc(0px - var(--gap-l));
-      padding-left: var(--gap-l);
-    }
-  }
-}