omnia-sass 3.5.72 → 3.5.101

package/src/shared/render/components/FeedbackMessage/style.scss

@@ -1,19 +0,0 @@
-.feedback-message {
-  background-color: transparent;
-  border-radius: 0;
-  border-top: none;
-  border-left: none;
-  border-right: none;
-  &.feedback-message-danger {
-    border-bottom-color: theme-color-level('danger');
-  }
-  &.feedback-message-info {
-    border-bottom-color: theme-color-level('info');
-  }
-  &.feedback-message-success {
-    border-bottom-color: theme-color-level('success');
-  }
-  &.feedback-message-warning {
-    border-bottom-color: theme-color-level('warning');
-  }
-}

package/src/shared/render/components/FormField/style.scss

@@ -1,435 +0,0 @@
-.form-field {
-  .react-datepicker-wrapper {
-    width: 100%;
-    .DateInput_fang {
-      display: none;
-    }
-    .react-datepicker-wrapper_picker {
-      top: 40px !important;
-    }
-    .react-datepicker__input-container input {
-      height: 100%;
-      width: 100%;
-      border-radius: $border-radius;
-      display: block;
-    }
-    .DayPickerKeyboardShortcuts_show__bottomRight {
-      border-right-color: $primary;
-    }
-    .DayPickerKeyboardShortcuts_show__bottomRight::before {
-      border-right-color: $link-color !important;
-    }
-    .react-datepicker__input-container_picker,
-    .DayPicker__withBorder,
-    .CalendarMonthGrid,
-    .DayPickerNavigation_leftButton__horizontalDefault,
-    .DayPickerNavigation_rightButton__horizontalDefault,
-    .CalendarDay__default,
-    .DayPickerKeyboardShortcuts_panel {
-      background: $body-bg;
-    }
-    .CalendarDay__default:not(.CalendarDay__selected):hover {
-      background: lighten($primary, 30%) !important;
-      color: $body-bg !important;
-    }
-    .DayPickerNavigation_leftButton__horizontalDefault,
-    .DayPickerNavigation_rightButton__horizontalDefault,
-    .CalendarDay__default,
-    .DayPickerKeyboardShortcuts_panel {
-      border-color: $nav-tabs-border-color;
-    }
-    .DayPickerNavigation_svg__horizontal,
-    .DayPickerKeyboardShortcuts_closeSvg {
-      fill: $body-color;
-    }
-    .CalendarDay__default,
-    .DayPickerKeyboardShortcuts_panel {
-      color: $body-color;
-    }
-    .CalendarDay__selected {
-      background: $link-color !important;
-      border-color: $link-color !important;
-    }
-    .DayPicker__withBorder {
-      border-radius: $border-radius;
-    }
-    .DateInput {
-      line-height: 1.25;
-      padding: 0;
-    }
-    .DateInput_input {
-      font-size: 1rem;
-      font-family: $font-family-base;
-      color: $input-color !important;
-      font-weight: 400;
-      border: 0;
-      padding: 0 0 0 0.75rem;
-      background: transparent !important;
-      outline: none;
-    }
-    .DateInput_input__focused {
-      background-color: transparent;
-      border-radius: 0;
-    }
-    .react-datepicker-wrapper__picker {
-      top: 40px;
-    }
-    .react-datepicker__input-container_clearDate {
-      margin: 0;
-      &:hover {
-        background-color: transparent;
-        .react-datepicker__input-container_clearDate_svg {
-          fill: $primary;
-        }
-      }
-    }
-  }
-  .SingleDatePickerInput_calendarIcon {
-    display: inline-flex;
-    margin: 0;
-    padding: 0;
-    color: grey;
-    background-color: transparent;
-    border: 0;
-  }
-  .form-field-number {
-    text-align: right;
-  }
-  .form-field-disabled,
-  &.form-field-date .form-control.disabled {
-    background-color: $input-disabled-bg !important;
-    .DateInput_input {
-      background-color: $input-disabled-bg;
-      font-style: normal;
-    }
-    .SingleDatePickerInput_calendarIcon {
-      cursor: no-drop;
-    }
-  }
-  &.form-field-invalid {
-    .react-datepicker-wrapperInput {
-      border: 1px solid $danger;
-    }
-    .element-input-feedback {
-      display: block;
-    }
-  }
-  &.form-field-valid {
-    .react-datepicker-wrapperInput {
-      border: 1px solid $success;
-    }
-    .element-input-feedback {
-      display: block;
-    }
-  }
-  // Placeholder text color
-  ::-webkit-input-placeholder {
-    /* WebKit, Blink, Edge */
-    color: rgba($black, 0.35);
-  }
-  :-moz-placeholder {
-    /* Mozilla Firefox 4 to 18 */
-    color: rgba($black, 0.35);
-    opacity: 1;
-  }
-  ::-moz-placeholder {
-    /* Mozilla Firefox 19+ */
-    color: rgba($black, 0.35);
-    opacity: 1;
-  }
-  :-ms-input-placeholder {
-    /* Internet Explorer 10-11 */
-    color: rgba($black, 0.35);
-  }
-  ::-ms-input-placeholder {
-    /* Microsoft Edge */
-    color: rgba($black, 0.35);
-  }
-  .input-group-addon {
-    padding: 0;
-    .btn {
-      border: none;
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
-  .input-group .btn {
-    border-color: $input-border-color;
-  }
-  /* Checkbox: Customize the label (the container) */
-  .form-check-container {
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    height: 38px; // 36px + 2px margin
-    /* Hide the browser's default checkbox */
-    input {
-      position: absolute;
-      opacity: 0;
-      cursor: pointer;
-      /* When the checkbox is checked, add a blue background */
-      &:checked ~ .checkmark {
-        background-color: white;
-      }
-    }
-    /* Create a custom checkbox */
-    .checkmark {
-      position: absolute;
-      top: 0;
-      left: 0;
-      height: 38px;
-      width: 38px;
-      background-color: white;
-      border-radius: 0.25rem;
-      border: 1px solid $input-border-color;
-      /* Create the checkmark/indicator (hidden when not checked) */
-      &:after {
-        content: '';
-        position: absolute;
-        display: none;
-        /* Style the checkmark/indicator */
-        left: 13px;
-        top: 7px;
-        width: 10px;
-        height: 16px;
-        border: solid $primary;
-        border-width: 0 3px 3px 0;
-        -webkit-transform: rotate(45deg);
-        -ms-transform: rotate(45deg);
-        transform: rotate(45deg);
-      }
-      &.disabled {
-        background-color: $input-disabled-bg !important;
-        cursor: default;
-      }
-    }
-    /* On mouse-over, add a grey background color */
-    &:hover input ~ .checkmark {
-      background-color: #eee;
-    }
-    /* Show the checkmark when checked */
-    input:checked ~ .checkmark:after {
-      display: block;
-    }
-    input:focus ~ .checkmark {
-      color: $input-focus-color;
-      background-color: $input-focus-bg;
-      border-color: $input-focus-border-color;
-      outline: 0;
-      // Avoid using mixin so we can pass custom focus shadow properly
-      @if $enable-shadows {
-        box-shadow: $input-box-shadow, $input-focus-box-shadow;
-      } @else {
-        box-shadow: $input-focus-box-shadow;
-      }
-    }
-  }
-
-  .input-textarea-noresize {
-    resize: none;
-  }
-}
-
-.CalendarDay__selected {
-  background-color: $success !important;
-  border-color: $success !important;
-}
-
-.form-control-property-editor {
-  height: auto;
-  padding: 0px;
-  font-size: 1rem;
-  border-radius: 0rem;
-  width: auto;
-}
-.form-control-property-editor-checkbox {
-  height: 19px !important;
-  width: 19px !important;
-  padding: 0px;
-  font-size: 1rem;
-  border-radius: 0rem;
-}
-.compact-form-field-reference-window-toggler {
-  height: auto;
-  padding: 0 0.2rem;
-  font-size: 0.8rem;
-  border-radius: 0rem;
-  width: auto;
-}
-
-.DayPickerKeyboardShortcuts_show__bottomRight {
-  border-right-color: $primary !important;
-}
-
-@keyframes loading {
-  0% {
-    transform-origin: 100% 100%;
-    transform: rotate(0deg);
-  }
-  100% {
-    transform-origin: 100% 100%;
-    transform: rotate(360deg);
-  }
-}
-
-.form-control-loader {
-  position: absolute;
-  width: auto;
-  bottom: 2rem;
-  right: 2rem;
-  margin-top: 0;
-  &:before {
-    position: absolute;
-    display: block;
-    content: '';
-    z-index: 12;
-    top: 2px;
-    left: 2px;
-    width: 20px;
-    height: 20px;
-    border-radius: 50%;
-    background-color: $gray-300;
-  }
-  &:after {
-    position: absolute;
-    display: block;
-    content: '';
-    z-index: 11;
-    width: 12px;
-    height: 12px;
-    border-radius: 200px 0 0;
-    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0, rgba(69, 154, 215, 1) 50%, rgba(69, 154, 215, 1) 100%);
-    animation: loading 0.5s linear infinite;
-  }
-
-  &.form-control-loader-loading-line {
-    bottom: auto;
-    right: auto;
-  }
-}
-
-.form-check-container {
-  margin-bottom: 0;
-}
-
-table .checkmark {
-  height: 36px;
-  width: 36px;
-}
-
-.element-editable-list {
-  .form-field .react-datepicker__input-container .DateInput_input {
-    padding: 0 0 0 0.75rem;
-  }
-}
-
-.form-field-history {
-  .form-control,
-  .form-check-container .checkmark,
-  .react-datepicker-wrapper .react-datepicker__input-container {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  &.form-field-history-previous {
-    .form-control,
-    .react-datepicker-wrapper .react-datepicker__input-container .DateInput input {
-      text-decoration: line-through;
-    }
-    .form-check-container .checkmark::after {
-      border-color: $gray-600;
-    }
-  }
-}
-
-.form-field-reference {
-  button {
-    border-right: 2px dotted;
-    background-color: $input-bg;
-  }
-  input {
-    border-left: none;
-  }
-}
-
-.form-field-code {
-  .code-editor {
-    min-height: 50vh;
-    height: 100%;
-    section {
-      min-height: 50vh;
-    }
-    padding-bottom: 2rem;
-  }
-}
-
-@media (max-width: map-get($grid-breakpoints, 'sm')) {
-  .form-field {
-    .DayPicker_weekHeader_li,
-    .CalendarDay {
-      width: calc(90vw / 8) !important;
-    }
-
-    .DayPicker,
-    .DayPicker_focusRegion,
-    .DayPicker_transitionContainer {
-      width: 90vw !important;
-    }
-
-    .react-datepicker-wrapper_picker {
-      right: 0;
-    }
-  }
-}
-.react-datepicker-popper {
-  .react-datepicker {
-    font-family: inherit;
-    background: $body-bg;
-    .react-datepicker__triangle {
-      border-bottom-color: $body-bg !important;
-      left: 2rem !important;
-    }
-    .react-datepicker__navigation--next,
-    .react-datepicker__navigation--previous {
-      color: lighten($body-color, 50%);
-      margin-top: 1rem;
-    }
-    .react-datepicker__month-container {
-      background: $body-bg;
-      margin: 0.75rem;
-      .react-datepicker__month,
-      .react-datepicker__week {
-        background: $body-bg;
-
-        .react-datepicker__day {
-          color: $body-color;
-          border: 1px solid;
-          border-color: lighten($body-color, 65%);
-          margin: 0px;
-          border-radius: 0rem;
-        }
-        .react-datepicker__day:hover {
-          color: $body-bg;
-        }
-        .react-datepicker__day--selected {
-          background-color: $primary;
-        }
-        .react-datepicker__day--outside-month {
-          opacity: 30%;
-        }
-      }
-      .react-datepicker__header {
-        background: $body-bg;
-        border-bottom: none;
-
-        .react-datepicker__day-names,
-        .react-datepicker__day-name,
-        .react-datepicker__current-month {
-          color: lighten($body-color, 20%);
-          margin: 0px;
-        }
-      }
-    }
-  }
-}

package/src/shared/render/components/GraphVisualizer/style.scss

@@ -1,30 +0,0 @@
-.graph-visualizer {
-  width: 100%;
-  border: 1px solid $gray-300;
-  .node {
-    &:hover {
-      cursor: pointer;
-    }
-    > :first-child {
-      stroke: $primary;
-      fill: #fff;
-    }
-    &.initial-state {
-      > :first-child {
-        stroke: $primary;
-        fill: $info;
-      }
-      .label {
-        fill: white;
-      }
-    }
-  }
-  .edgePath path {
-    stroke: $secondary;
-    fill: $secondary;
-    stroke-width: 1px;
-  }
-  &:hover {
-    cursor: grab;
-  }
-}

package/src/shared/render/components/GroupNavigator/style.scss

@@ -1,10 +0,0 @@
-.group-contextual-help-btn {
-  color: $gray-600;
-  padding-left: 0;
-  padding-right: 0;
-  padding-bottom: 0;
-  padding-top: 0;
-  &:hover {
-    color: $gray-800;
-  }
-}

package/src/shared/render/components/HelpCenter/style.scss

@@ -1,28 +0,0 @@
-.help-button {
-  position: fixed;
-  bottom: 30px;
-  right: 30px;
-  font-size: 2rem;
-  padding: 15px;
-  border-radius: 100%;
-  background-color: Gainsboro;
-  border: 1px solid black;
-  display: inline-block;
-  opacity: 0.5;
-  -webkit-transition: opacity 0.4s ease-in-out;
-  -moz-transition: opacity 0.4s ease-in-out;
-  -ms-transition: opacity 0.4s ease-in-out;
-  -o-transition: opacity 0.4s ease-in-out;
-  transition: opacity 0.4s ease-in-out;
-  &:hover {
-    opacity: 1;
-    cursor: pointer;
-  }
-  i {
-    color: #fff;
-    display: table-cell;
-    text-align: center;
-    vertical-align: middle;
-    width: 30px;
-  }
-}

package/src/shared/render/components/List/style.scss

@@ -1,138 +0,0 @@
-.list {
-  margin-bottom: 1rem;
-  .table {
-    margin-bottom: 0;
-    table-layout: fixed;
-    .list-row-options-header,
-    .list-row-options {
-      width: 0.1%;
-    }
-  }
-  .list-filters-area {
-    background-color: $body-bg;
-    border: $table-border-width solid $table-border-color;
-    padding-top: 0.5rem;
-    .list-filter-remove-btn {
-      vertical-align: inherit;
-      padding-top: 0;
-      padding-bottom: 0;
-      padding-left: 0.1rem;
-      padding-right: 0.1rem;
-      color: $danger;
-      &:hover {
-        color: darken($danger, 7.5%);
-      }
-    }
-  }
-  .list-footer {
-    padding: 0;
-    border-top: $table-border-width solid $table-border-color;
-    .list-records-number {
-      padding: 0.5rem 0.75rem;
-      color: $gray-500;
-    }
-    .list-pagination {
-      margin-bottom: 0;
-      .page-item {
-        .page-link {
-          background-color: transparent;
-          border-color: transparent;
-        }
-        &.disabled .page-link {
-          color: $gray-500;
-        }
-      }
-    }
-    .form-field {
-      padding: 0;
-      input,
-      .form-field-reference-window-toggler {
-        background-color: transparent;
-        border-radius: 0;
-        border-top: none;
-        border-left: none;
-        border-right: none;
-      }
-      input:focus {
-        box-shadow: none;
-      }
-      .form-field-reference-window-toggler {
-        border-bottom: 1px solid $input-border-color;
-        &:focus {
-          border-bottom-color: $input-focus-border-color;
-        }
-      }
-    }
-  }
-  .clickable-row {
-    cursor: pointer;
-  }
-  .list-cell-boolean {
-    text-align: center;
-  }
-  .list-cell-number {
-    text-align: right;
-  }
-  .pagination {
-    margin: 0;
-    padding-right: 0.5rem;
-    .page-item .page-link {
-      padding-left: 0.25rem;
-      padding-right: 0.25rem;
-    }
-  }
-  .list-header {
-    &.list-header-sortable {
-      cursor: pointer;
-    }
-    &.list-header-filterable {
-      .list-header-filter-button {
-        padding: 0;
-        color: $gray-400;
-        &:hover {
-          color: $gray-500;
-        }
-        &.active {
-          color: $primary;
-        }
-      }
-      .list-header-label {
-        width: calc(100% - 1.5rem);
-      }
-    }
-    &:not(.list-header-filterable) {
-      .list-header-label {
-        width: calc(100% - 0.25rem);
-      }
-    }
-    .list-header-label,
-    .list-header-filter-button-container {
-      display: inline-block;
-      vertical-align: middle;
-    }
-    .list-header-filter-button-container {
-      width: 24px;
-      position: relative;
-      top: -1px;
-    }
-    .list-header-label {
-      overflow-x: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      .list-header-label-text {
-        display: inline;
-      }
-    }
-  }
-  .list-cell {
-    .list-cell-content {
-      width: 100%;
-      overflow-x: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      button.btn-link {
-        padding: 0;
-      }
-    }
-  }
-}

package/src/shared/render/components/Loader/style.scss

@@ -1,46 +0,0 @@
-@keyframes spinner {
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-.loader {
-    padding: 30px;
-    margin: 1rem;
-}
-
-.loader:before {
-    content: '';
-    box-sizing: border-box;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 50px;
-    height: 50px;
-    margin-top: -10px;
-    margin-left: -10px;
-    border-radius: 50%;
-    border: 5px solid transparent;
-    border-top-color: $primary;
-    border-bottom-color: $primary;
-    animation: spinner 0.8s ease infinite;
-}  
-
-.background-fade {
-    position: fixed;
-    top: 0;
-    left: 0;
-    background: darken($body-bg, 20%);
-    opacity: 0.8;
-    z-index: 1020;
-    height: 100%;
-    width: 100%;
-}
-
-.loader-message {
-    position: absolute;
-    top:60%;
-    left:50%;
-    transform: translate(-40%, -60%);
-    color: $primary;
-}

package/src/shared/render/components/ModalHeaderWithContextualHelp/style.scss

@@ -1,12 +0,0 @@
-.modal-header-contextual-help {
-  .modal-header-contextual-help-btn {
-    color: $gray-600;
-    padding-left: 0;
-    padding-right: 0;
-    padding-bottom: 0;
-    border: 0;
-    &:hover {
-      color: $gray-800;
-    }
-  }
-}