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

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

@@ -1,15 +0,0 @@
-:root {
-  --Input-borderColor: var(--color-gray4);
-  --Input-focusBackground: var(--color-dominant1);
-  --Input-focusColor: var(--color-dominant5);
-  --Input-placeholderColor: var(--color-gray5);
-}
-
-:root.is-highContrast {
-  --Input-borderColor: #000;
-}
-
-::placeholder {
-  color: var(--Input-placeholderColor);
-  font-style: italic;
-}

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

@@ -1,35 +0,0 @@
-.InputRow,
-.InputRow > fieldset {
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: var(--gap-l);
-
-  fieldset {
-    margin-top: 0;
-    min-width: 0;
-  }
-
-  > * {
-    flex: auto;
-  }
-
-  > label {
-    .Text.is-s;
-
-    color: var(--color-gray7);
-    font-weight: bold;
-    margin-bottom: var(--gap-s);
-    width: 100%;
-  }
-
-  > .ComboInput + ul {
-    > li {
-      display: flex;
-      margin-top: var(--gap-m);
-    }
-
-    > li input[type='checkbox'] {
-      margin-right: var(--gap-s);
-    }
-  }
-}

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

@@ -1,12 +0,0 @@
-.Label {
-  background: var(--color-gray6);
-  border-radius: calc(var(--Text-height) / 8);
-  color: var(--color-white);
-  display: inline-block;
-  font-size: 0.75em;
-  margin-right: var(--gap-xs);
-  padding: 0 calc(var(--Text-height) / 4);
-  position: relative;
-  text-transform: uppercase;
-  vertical-align: top;
-}

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

@@ -1,35 +0,0 @@
-.LabeledCheckbox {
-  align-items: center;
-  cursor: pointer;
-  display: inline-flex;
-  line-height: calc(var(--gap-s) * 2 + var(--Text-height));
-
-  .Checkbox {
-    margin-left: var(--gap-s);
-    order: 1;
-  }
-}
-
-.DashboardWidget-filters {
-  .LabeledCheckbox {
-    line-height: calc(var(--gap-l) + var(--Text-height));
-    padding: 0 var(--gap-s);
-    position: relative;
-
-    &:hover {
-      background: var(--color-gray2);
-    }
-
-    &:hover::before {
-      border-color: var(--Input-focusColor);
-      border-style: solid;
-      border-width: 0 0 1px;
-      bottom: 0;
-      content: '';
-      left: 0;
-      pointer-events: none;
-      position: absolute;
-      right: 0;
-    }
-  }
-}

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

@@ -1,93 +0,0 @@
-.Link {
-  background: transparent;
-  border: 0;
-  color: var(--Link-color);
-  cursor: pointer;
-  display: inline;
-  font-size: inherit;
-  font-weight: inherit;
-  padding: 0;
-  text-decoration: var(--Link-decoration);
-  text-decoration-thickness: 0.05em;
-  text-transform: inherit;
-  text-underline-offset: 0.25em;
-  vertical-align: baseline;
-
-  &:hover {
-    color: var(--Link-hoverColor);
-    text-decoration: var(--Link-hoverDecoration, underline);
-  }
-}
-
-a {
-  &:extend(.Link all);
-}
-
-.Link.is-dominant {
-  --Link-color: var(--color-dominant6);
-  --Link-hoverColor: var(--color-dominant5);
-  --Link-decoration: none;
-}
-
-.Link.is-white {
-  --Link-color: var(--color-white);
-  --Link-hoverColor: var(--color-white);
-  --Link-decoration: none;
-}
-
-.Link.is-black {
-  --Link-color: var(--color-black);
-  --Link-hoverColor: var(--color-black);
-  --Link-decoration: none;
-}
-
-.Link.is-red {
-  --Link-color: var(--color-red6);
-  --Link-hoverColor: var(--color-red5);
-  --Link-decoration: none;
-}
-
-.Link.is-orange {
-  --Link-color: var(--color-orange6);
-  --Link-hoverColor: var(--color-orange5);
-  --Link-decoration: none;
-}
-
-.Link.is-yellow {
-  --Link-color: var(--color-yellow6);
-  --Link-hoverColor: var(--color-yellow6);
-  --Link-decoration: none;
-}
-
-.Link.is-green {
-  --Link-color: var(--color-green6);
-  --Link-hoverColor: var(--color-green6);
-  --Link-decoration: none;
-}
-
-.Link.is-gray {
-  --Link-color: var(--color-gray5);
-  --Link-hoverColor: var(--color-gray6);
-  --Link-decoration: none;
-}
-
-.Link.is-blue {
-  --Link-color: var(--color-blue5);
-  --Link-hoverColor: var(--color-blue6);
-  --Link-decoration: underline;
-}
-
-.Link.is-purple {
-  --Link-color: var(--color-purple6);
-  --Link-hoverColor: var(--color-purple6);
-  --Link-decoration: none;
-}
-
-.Link.is-active {
-  color: var(--Link-hoverColor);
-  text-decoration: var(--Link-hoverDecoration, underline);
-}
-
-:root {
-  .Link.is-blue;
-}

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

@@ -1,143 +0,0 @@
-.LinkCarousel {
-  background: var(--color-gray1);
-  display: flex;
-  margin-left: calc(0px - var(--gap-xl));
-  margin-right: calc(0px - var(--gap-xl));
-  overflow-x: auto;
-  padding: var(--gap-l);
-}
-
-.LinkCarousel-title {
-  background: var(--color-gray1);
-  font-weight: bold;
-  margin-left: calc(0px - var(--gap-xl));
-  margin-right: calc(0px - var(--gap-xl));
-  padding: var(--gap-l) var(--gap-l) var(--gap-xs);
-}
-
-.LinkCarousel-group {
-  padding-right: var(--gap-l);
-
-  &:not(:first-child) {
-    margin-left: calc(var(--gap-m) - var(--gap-l));
-  }
-
-  > h3 {
-    display: none;
-  }
-
-  > ul {
-    display: flex;
-    height: 100%;
-  }
-}
-
-.LinkCarousel-item {
-  --size: calc(
-    var(--gap-l) * 2 + var(--iconSize-xl) + var(--gap-s) * 2 - 2px +
-      var(--lineHeight-s)
-  );
-
-  background: var(--color-white);
-  box-shadow: var(--shadow-1);
-  cursor: pointer;
-  min-height: var(--size);
-  padding: var(--gap-s) var(--gap-m);
-  position: relative;
-  width: var(--size);
-
-  &:not(:first-child) {
-    margin-left: var(--gap-m);
-  }
-
-  &:not(.is-image) {
-    > .Link {
-      padding-right: var(--gap-l);
-    }
-  }
-
-  > .Link {
-    .Text.is-s;
-
-    display: block;
-    height: 100%;
-    overflow: hidden;
-    text-decoration: none;
-  }
-
-  &:hover {
-    box-shadow: var(--shadow-2);
-  }
-}
-
-.LinkCarousel-item-favorite {
-  .IconButton;
-
-  --IconButton-name: 'star';
-  --Icon-size: var(--iconSize-xs);
-
-  position: absolute;
-  right: 0;
-  top: 0;
-
-  &.is-unstarred {
-    --IconButton-name: 'star_border';
-
-    opacity: 0;
-  }
-
-  &::before {
-    transform: unset;
-  }
-}
-
-.LinkCarousel-item:focus-within .LinkCarousel-item-favorite.is-unstarred,
-.LinkCarousel-item:hover .LinkCarousel-item-favorite.is-unstarred {
-  opacity: 1;
-
-  &::before {
-    --Icon-fill: 'FILL' 0;
-  }
-}
-
-.LinkCarousel-item.is-image {
-  display: flex;
-  flex-direction: column;
-  padding-top: 0;
-  position: relative;
-
-  &::before {
-    .Icon;
-
-    align-items: center;
-    color: var(--Link-color);
-    content: 'add_circle_outline';
-    display: flex;
-    flex: 1;
-    font-size: var(--iconSize-xl);
-    justify-content: center;
-    padding: var(--gap-s) 0 calc(var(--gap-s) - 2px) 0;
-    top: 0;
-  }
-
-  &:hover::before {
-    color: var(--Link-hoverColor);
-  }
-
-  &[data-icon-name]::before {
-    content: attr(data-icon-name);
-  }
-
-  > .Link {
-    border-top: 2px solid var(--color-dominant6);
-    height: auto;
-    padding-top: calc(var(--gap-s) - 2px);
-    text-align: center;
-    width: 100%;
-  }
-}
-
-// Legacy.
-.p-commonContent-new > form {
-  display: none;
-}

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

@@ -1,150 +0,0 @@
-.LinkList {
-  --LinkList-imageSize: var(--gap-xl);
-
-  display: block;
-
-  > thead {
-    display: none;
-  }
-
-  > tbody {
-    display: block;
-  }
-
-  tr {
-    border-top: var(--borderWidth-thin) solid var(--color-gray3);
-    display: flex;
-    flex-wrap: wrap;
-    min-height: calc(var(--gap-m) * 2 + var(--LinkList-imageSize));
-    padding: var(--gap-m) 0;
-    padding-left: calc(var(--LinkList-imageSize) + var(--gap-m));
-    position: relative;
-
-    &:first-child {
-      border-color: transparent;
-    }
-  }
-
-  tr.no-icon {
-    padding-left: 0;
-  }
-
-  tr.is-buttoned {
-    width: calc(100% - (var(--gap-s) * 2 + var(--Icon-size)));
-  }
-
-  tr.contentIcon {
-    min-height: 0;
-    padding-left: calc(var(--iconSize-m) + var(--gap-m));
-    padding-right: calc(var(--iconSize-m) + var(--gap-m));
-
-    .LinkList-main {
-      &[data-icon-name] {
-        &::before {
-          content: attr(data-icon-name);
-        }
-      }
-    }
-
-    .LinkList-main::before {
-      .Icon;
-
-      content: 'circle';
-      font-size: var(--iconSize-m);
-      left: 0;
-      padding-right: var(--gap-m);
-      position: absolute;
-      top: var(--gap-m);
-    }
-  }
-}
-
-.LinkList.is-scrollable {
-  max-height: 40vh;
-  overflow: auto;
-
-  @media (@mq-m) {
-    max-height: 75vh;
-  }
-}
-
-.LinkList-image {
-  --Avatar-size: var(--LinkList-imageSize);
-
-  align-items: center;
-  display: flex !important;
-  height: 100%;
-  left: 0;
-  order: -3;
-  position: absolute;
-  top: 0;
-  width: var(--LinkList-imageSize);
-}
-
-.LinkList-image.is-icon {
-  .Icon;
-  .Icon.is-l;
-
-  position: absolute;
-
-  &[data-icon-name]::before {
-    content: attr(data-icon-name);
-  }
-}
-
-.LinkList-main {
-  order: -2;
-  width: 100%;
-}
-
-.LinkList-type {
-  order: -1;
-}
-
-.LinkList
-  td:not(.LinkList-image, .LinkList-main, .LinkList-viewers, .LinkList-button) {
-  .Text.is-s;
-
-  align-items: center;
-  color: var(--color-gray5);
-  display: flex;
-
-  &:empty {
-    display: none;
-  }
-
-  &.date,
-  &.time {
-    width: auto;
-  }
-
-  &.LinkList-description {
-    color: var(--color-gray7);
-    width: 100%;
-  }
-
-  .LinkList-icon {
-    display: flex;
-
-    &::before {
-      background: var(--color-gray6);
-      border-radius: 50%;
-      content: '';
-      display: inline-block;
-      height: 2px;
-      margin: 0 var(--gap-s);
-      width: 2px;
-    }
-  }
-}
-
-.LinkList-viewers {
-  bottom: var(--gap-m);
-  position: absolute;
-  right: 0;
-}
-
-.LinkList-button {
-  position: absolute;
-  right: calc((-1 * var(--Icon-size)) + (-2 * var(--gap-s)));
-}

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

@@ -1,112 +0,0 @@
-.LinkTable {
-  padding: 0;
-  width: 100%;
-
-  th,
-  td {
-    &[data-field-name='getRoleNames'] {
-      white-space: pre;
-    }
-
-    padding: var(--gap-m) calc(var(--gap-m) / 2);
-    vertical-align: top;
-
-    &:first-child {
-      padding-left: 0;
-    }
-
-    &:last-child {
-      padding-right: 0;
-    }
-
-    &.date,
-    &.time {
-      white-space: nowrap;
-    }
-  }
-
-  > thead > tr {
-    border-bottom: 1px solid var(--color-gray3);
-
-    > th {
-      .Text.is-s;
-
-      font-weight: bold;
-      padding-bottom: var(--gap-s);
-      padding-top: var(--gap-s);
-    }
-  }
-
-  > li > .LinkTable-noLinkText,
-  > li > a {
-    display: block;
-    padding: var(--gap-m) 0;
-  }
-
-  > tbody > tr,
-  > li {
-    border-top: 1px solid var(--color-gray3);
-
-    &:first-child {
-      border-color: transparent;
-    }
-  }
-}
-
-.LinkTable.is-compact {
-  > thead {
-    display: none;
-  }
-
-  > tbody > tr {
-    display: flex;
-    flex-wrap: wrap;
-    padding: var(--gap-m) 0;
-
-    > .LinkTable-main {
-      order: -1;
-      padding: 0;
-      width: 100%;
-    }
-
-    > td:not(.LinkTable-main) {
-      .Text.is-s;
-
-      align-items: center;
-      color: var(--color-gray5);
-      display: flex;
-      padding: 0;
-
-      &:empty {
-        display: none;
-      }
-
-      &:not(.LinkTable-first)::before {
-        background: var(--color-gray6);
-        border-radius: 50%;
-        content: '';
-        display: inline-block;
-        height: 2px;
-        margin: 0 var(--gap-s);
-        width: 2px;
-      }
-    }
-  }
-}
-
-.LinkTable.is-scrollable {
-  overflow: auto;
-}
-
-th.hasComboInput {
-  align-content: flex-start;
-  display: flex;
-
-  > span {
-    margin-right: var(--gap-s);
-  }
-
-  > .ComboInput {
-    margin-top: calc(-1 * var(--gap-s));
-  }
-}

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

@@ -1,62 +0,0 @@
-.LocationMap-marker {
-  .Icon.is-l;
-
-  align-items: center;
-  color: var(--color-blue5);
-  justify-content: center;
-
-  &::before {
-    .Icon;
-
-    content: 'location_on';
-    font-size: 36px;
-    text-shadow: 0 0 var(--gap-s) var(--color-gray4);
-    top: 0;
-  }
-}
-
-.LocationMap-locateControl {
-  align-items: center;
-  color: var(--color-gray7);
-  display: flex;
-  height: 100%;
-  justify-content: center;
-  width: 100%;
-
-  &::before {
-    .Icon;
-
-    content: 'my_location';
-    font-size: 22px;
-    top: 0;
-  }
-}
-
-.LocationMap-locateControl.is-loading {
-  color: var(--color-blue5);
-
-  &::before {
-    .Icon;
-
-    content: 'rss_feed';
-  }
-}
-
-.LocationMap-removeMarker {
-  align-items: center;
-  display: none !important;
-  justify-content: center;
-
-  &::before {
-    .Icon;
-
-    content: 'close';
-    top: 0;
-  }
-}
-
-.is-marked {
-  .LocationMap-removeMarker {
-    display: flex !important;
-  }
-}

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

@@ -1,30 +0,0 @@
-.LookingGlass-actions:not(:last-child) {
-  margin-bottom: var(--gap-l);
-}
-
-.LookingGlass-actions[data-action='copy'] > span {
-  .Text.is-xs;
-
-  color: var(--color-gray5);
-  margin-left: var(--gap-m);
-  opacity: 0;
-  transition: opacity var(--time-l) ease-out;
-}
-
-.LookingGlass-actions[data-copied='true'] > span {
-  opacity: 1;
-}
-
-.LookingGlass-loader {
-  &::after {
-    .Icon;
-
-    animation: spin var(--time-xl) infinite ease-in-out;
-    color: var(--color-black);
-    content: 'autorenew';
-    left: auto;
-    margin-left: var(--gap-m);
-    position: absolute;
-    top: calc(50% - var(--Icon-size) / 2);
-  }
-}