spree_admin 5.2.6 → 5.3.0.rc1

data/app/assets/stylesheets/spree/admin/actiontext.css

@@ -1,36 +0,0 @@
-/*
- * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
- * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
- * inclusion directly in any other asset bundle and remove this file.
- *
- *= require trix
-*/
-
-/*
- * We need to override trix.css’s image gallery styles to accommodate the
- * <action-text-attachment> element we wrap around attachments. Otherwise,
- * images in galleries will be squished by the max-width: 33%; rule.
-*/
-.trix-content .attachment-gallery > action-text-attachment,
-.trix-content .attachment-gallery > .attachment {
-  flex: 1 0 33%;
-  padding: 0 0.5em;
-  max-width: 33%;
-}
-
-.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
-.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
-.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
-  flex-basis: 50%;
-  max-width: 50%;
-}
-
-.trix-content action-text-attachment .attachment {
-  padding: 0 !important;
-  max-width: 100% !important;
-}
-
-.trix-button--dialog {
-  width: auto !important;
-  height: auto !important;
-}

data/app/assets/stylesheets/spree/admin/application.scss

@@ -1,46 +0,0 @@
-@import 'global/variables';
-
-@import 'bootstrap';
-
-@import 'components/navbar';
-@import 'components/tables';
-@import 'components/badges';
-@import 'components/cards';
-@import 'components/alerts';
-@import 'components/dropdowns';
-@import 'components/main';
-@import 'components/buttons';
-@import 'components/tooltips';
-@import 'components/filters';
-@import 'components/navigation';
-@import 'components/modals'; // old bootstrap modals
-@import 'components/dialogs'; // new native dialogs
-@import 'components/variants_form';
-@import 'components/media_form';
-@import 'components/seo_form';
-@import 'components/line_items_form';
-@import 'components/search_picker';
-@import 'components/sortable_tree';
-@import 'components/sidebar';
-@import 'components/bulk_panel';
-@import 'components/wizard';
-
-@import 'plugins/tinymce_custom';
-@import 'plugins/trix_custom';
-@import 'plugins/tom-select.bootstrap4';
-
-@import url('https://unpkg.com/trix@2.1.12/dist/trix.css');
-@import url('https://esm.sh/@uppy/core@4.2.0/dist/style.min.css');
-@import url('https://esm.sh/@uppy/dashboard@4.1.0/dist/style.min.css');
-@import url('https://esm.sh/@uppy/image-editor@3.1.0/dist/style.min.css');
-@import url('https://esm.sh/animate.css@4.1.1/animate.min.css');
-@import url('https://esm.sh/@simonwep/pickr@1.8.2/dist/themes/classic.min.css');
-@import url('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/github-dark.min.css');
-
-@import 'plugins/uppy_fixes';
-
-@import 'shared/base';
-@import 'shared/forms';
-
-@import 'views/dashboard';
-@import "views/page_builder";

data/app/assets/stylesheets/spree/admin/components/_alerts.scss

@@ -1,69 +0,0 @@
-.alert {
-  display: inline-block;
-}
-
-.alert {
-  background-repeat: no-repeat;
-  background-position: 1rem center;
-  background-size: 1rem 1rem;
-  padding-left: 44px;
-  min-height: 2.5rem;
-  display: inline-flex;
-  flex-direction: column;
-  justify-content: center;
-
-  > p:last-child {
-    margin-bottom: 0;
-  }
-
-  a {
-    font-weight: $font-weight-medium;
-    color: theme-color('primary');
-  }
-}
-
-.alert-info {
-  background-color: #f7fcff;
-  border-color: rgba($info, 0.1) !important;
-
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-info-circle'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0' /%3E%3Cpath d='M12 9h.01' /%3E%3Cpath d='M11 12h1v4h1' /%3E%3C/svg%3E");
-}
-
-.alert-warning {
-  border-color: rgba($warning, 0.1) !important;
-  color: inherit;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-alert-circle'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0' /%3E%3Cpath d='M12 8v4' /%3E%3Cpath d='M12 16h.01' /%3E%3C/svg%3E");
-}
-
-.alert-danger {
-  background-color: #FEF2F2;
-  border-color: #FBE3E3;
-  color: #450A09;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-exclamation-circle'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /%3E%3Cpath d='M12 9v4' /%3E%3Cpath d='M12 16v.01' /%3E%3C/svg%3E");
-}
-
-.alert-success {
-  background-color: #ECFDF5;
-  color: #092E26;
-  border-color: #D5F9E6;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-check-circle'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /%3E%3Cpath d='M9 12l2 2l4 -4' /%3E%3C/svg%3E");
-}
-
-.page-alerts {
-  .alert {
-    @extend .rounded-lg;
-  }
-}
-
-.alerts-container {
-  position: fixed;
-  width: 100%;
-  z-index: 1070;
-  top: 0.4rem;
-
-  .alert {
-    border-width: 1px;
-    box-shadow: $box-shadow-sm;
-    border-radius: $border-radius-lg;
-  }
-}

data/app/assets/stylesheets/spree/admin/components/_badges.scss

@@ -1,122 +0,0 @@
-.badge {
-  cursor: default;
-  @extend .d-inline-flex;
-  @extend .align-items-center;
-  font-weight: $badge-font-weight;
-  font-size: $badge-font-size;
-}
-.badge i {
-  @extend .mr-1;
-  font-size: 100%;
-}
-.badge .ti {
-  font-size: $badge-font-size;
-  line-height: $badge-font-size
-}
-
-// Green
-.badge-completed,
-.badge-complete,
-.badge-resumed,
-.badge-considered_safe,
-.badge-paid,
-.badge-shipped,
-.badge-active,
-.badge-success,
-.badge-sold,
-.badge-open,
-.badge-authorized,
-.badge-published,
-.badge-live,
-.badge-processed,
-.badge-success,
-.badge-create,
-.badge-approved,
-.badge-resolved,
-.badge-reimbursed,
-.badge-allocation,
-.bg-success {
-  border: 1px solid transparent !important;
-  background-color: #C6F6D5 !important;
-  color: #22543D !important;
-}
-
-// Red
-.badge-failed,
-.badge-considered_risky,
-.badge-error,
-.badge-errored,
-.badge-invalid,
-.badge-rejected,
-.badge-destroy,
-.badge-closed,
-.badge-canceled,
-.badge-partially_canceled,
-.badge-void,
-.badge-danger {
-  border: 1px solid transparent;
-  background-color: #fee2e1 !important;
-  color: #8e1f0b !important;
-}
-
-// Orange
-.badge-returned,
-.badge-credit_owed,
-.badge-balance_due,
-.badge-backorder,
-.badge-checkout,
-.badge-suspended,
-.badge-archived,
-.badge-warning,
-.badge-ready, // unfulfilled
-.bg-warning
-{
-  border: 1px solid transparent;
-  background-color: rgba(255, 235, 120, 1);
-  color: rgba(79, 71, 0, 1);
-}
-
-// light
-.badge-processing,
-.badge-pending,
-.badge-paused,
-.badge-awaiting_return,
-.badge-cart,
-.badge-inactive,
-.badge-address,
-.badge-delivery,
-.badge-payment,
-.badge-confirm,
-.badge-disabled,
-.badge-draft,
-.badge-onboarding,
-.badge-light,
-.badge-authorize,
-.badge-eligible,
-.badge-invited {
-  @extend .bg-white;
-  @extend .text-muted;
-  @extend .border;
-  font-weight: $font-weight-normal;
-
-  &:hover {
-    @extend .bg-white;
-    @extend .text-muted;
-  }
-}
-
-.badge-notice,
-.badge-update,
-.badge-partial,
-.badge-capture,
-.badge-info {
-  border: 1px solid transparent;
-  background-color: #E0EFFE;
-  color: #00527c;
-}
-
-.badge-dark {
-  background-color: transparent !important;
-  border: 1px solid $gray-800 !important;
-  color: $white;
-}

data/app/assets/stylesheets/spree/admin/components/_bulk_panel.scss

@@ -1,81 +0,0 @@
-.bulk-panel-container {
-  display: inline-flex;
-  align-items: center;
-  border-radius: 1rem;
-  background-color: $dropdown-bg;
-  box-shadow: $dropdown-box-shadow;
-  animation: bounceInUp;
-  animation-duration: 0.5s;
-  height: 3rem;
-  gap: 0.5rem;
-
-  .btn {
-    height: 2.5rem;
-    &:hover {
-      background-color: $gray-50;
-    }
-  }
-
-  > * {
-    height: 2.5rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &:first-child {
-      border-top-left-radius: $border-radius-lg;
-      border-bottom-left-radius: $border-radius-lg;
-    }
-
-    &:last-child {
-      border-top-right-radius: $border-radius-lg;
-      border-bottom-right-radius: $border-radius-lg;
-
-      .btn {
-        border-top-right-radius: $border-radius-lg;
-        border-bottom-right-radius: $border-radius-lg;
-      }
-    }
-  }
-
-  .btn-close {
-    width: 2.5rem;
-  }
-}
-
-#bulk-panel {
-  position: fixed;
-  width: 100%;
-  text-align: center;
-  bottom: 1rem;
-  left: 0;
-  z-index: 1020;
-}
-
-@include media-breakpoint-up(lg) {
-  #bulk-panel {
-    left: 25%;
-    width: 75%;
-  }
-}
-
-@include media-breakpoint-up(xl) {
-  #bulk-panel {
-    left: 16.66666667%;
-    width: 83.33333333%;
-  }
-}
-
-.bulk-operations-counter {
-  padding-left: 1rem;
-  padding-right: 0;
-
-  .bulk-operations-counter-label {
-    padding-right: 1rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 0.5rem;
-    border-right: 1px solid $border-color;
-  }
-}

data/app/assets/stylesheets/spree/admin/components/_buttons.scss

@@ -1,178 +0,0 @@
-// https://github.com/hotwired/turbo/pull/386
-button                  .show-when-disabled { display: none; }
-button[disabled]        .show-when-disabled { display: initial; }
-
-button                  .show-when-enabled { display: initial; }
-button[disabled]        .show-when-enabled { display: none; }
-
-.payment-action-save {
-  @include button-variant(theme-color('success'), theme-color('success'), theme-color('success') );
-}
-
-.btn {
-  transition: background-color 0.1s linear 0s, border-color 0.2s linear 0s !important;
-}
-
-.btn-primary, .btn-light, .btn-secondary {
-  box-shadow: $btn-box-shadow;
-}
-
-.btn,
-.nav-pills > li > a {
-  vertical-align: middle;
-  transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
-}
-
-.btn:focus {
-  outline: none !important;
-  box-shadow: none !important;
-}
-
-.btn:disabled {
-  cursor: not-allowed;
-}
-
-.ti {
-  font-size: 120%;
-  vertical-align: middle;
-}
-
-.btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  vertical-align: middle;
-
-  .ship {
-    color: #fff;
-  }
-}
-
-.btn-primary {
-  @extend .shadow-xs;
-}
-
-.btn-lg {
-  @extend .py-2;
-  @extend .px-4;
-}
-
-.btn-danger {
-  @extend .btn-light;
-  color: $danger !important;
-
-  &:hover {
-    background: rgba($danger, 0.1) !important;
-    border-color: rgba($danger, 0.1) !important;
-    color: $danger !important;
-  }
-}
-
-.hover-light {
-  &:hover, &:focus {
-    background-color: rgba($light, 0.75);
-    text-decoration: none;
-  }
-}
-.hover-gray {
-  &:hover, &:focus {
-    background-color: $gray-50;
-    text-decoration: none;
-  }
-}
-.hover-gray-200 {
-  &:hover, &:focus {
-    background-color: $gray-200;
-    text-decoration: none;
-  }
-}
-.hover-primary {
-  &:hover, &:focus {
-    background-color: theme-color('black');
-    text-decoration: none;
-  }
-}
-
-.btn-secondary {
-  color: $primary;
-  border-color: rgba($primary, 0.1);
-
-  &:hover, &:focus {
-    border-color: rgba($primary, 0.2) !important;
-    color: $primary !important;
-  }
-
-  .arrow {
-    color: $primary !important;
-  }
-}
-
-.actions .btn {
-  margin-left: 5px;
-}
-
-.btn-close {
-  @extend .btn;
-  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/0.85em auto no-repeat;
-  width: 0.85em;
-  height: 0.85em;
-  opacity: 0.5;
-  padding: 12px;
-  border-radius: $border-radius;
-
-  &:hover {
-    opacity: 0.8 !important;
-    background-color: $gray-50 !important;
-  }
-}
-
-.btn i {
-  margin-right: 0.5rem;
-}
-.btn-sm i {
-  margin-right: 0.25rem;
-}
-
-.btn-light {
-  background-color: $gray-25;
-  border-color: $border-color;
-  color: $gray-700;
-
-  &:hover, &:focus {
-    border-color: $border-color;
-    background-color: $gray-50;
-    color: $gray-900;
-  }
-
-  &:focus, &:active {
-    background: $gray-50 !important;
-    box-shadow: $btn-active-box-shadow !important;
-  }
-
-  &.bg-transparent {
-    background: transparent;
-  }
-}
-
-.btn-dark {
-  background-color: $gray-900;
-  color: $gray-200;
-
-  &:hover, &:focus {
-    background: linear-gradient($gray-900, $primary) !important;
-    border-color: $gray-700 !important;
-    color: $white !important;
-  }
-}
-
-.btn-clipboard {
-  @extend .btn-light;
-  @extend .btn-sm;
-  @extend .px-1;
-  @extend .ml-2;
-  @extend .font-size-sm;
-
-  min-width: 24px;
-  height: 24px;
-}

data/app/assets/stylesheets/spree/admin/components/_cards.scss

@@ -1,146 +0,0 @@
-.card {
-  > .table,
-  .table-responsive > .table {
-  	border-right: 0;
-  	border-left: 0;
-    margin-bottom: 0;
-
-    &:last-child, &:last-of-type {
-			border-bottom: 0;
-		}
-
-  	td:first-child,
-		th:first-child {
-			border-left: 0;
-		}
-
-  	td:last-child,
-		th:last-child {
-			border-right: 0;
-		}
-
-  	tr:first-child td,
-		tr:first-child th {
-			border-top: 0;
-		}
-
-  	tr:last-child td {
-			border-bottom: 0;
-		}
-	}
-
-  .card-header + .table,
-  .card-header + .table-responsive > .table {
-    border-top: 0;
-	}
-}
-
-.card .card {
-  border-radius: $border-radius;
-}
-
-.card-header, .card-footer {
-  background-color: transparent;
-}
-.card-header {
-  display: flex;
-  align-items: center;
-  height: 54px;
-  border-bottom: 1px solid $gray-50;
-  padding-right: 1rem;
-
-  .card-title {
-    margin-bottom: 0;
-    font-size: $font-size-plus;
-    font-family: $font-family-sans-serif;
-  }
-}
-.card-footer {
-  border-top-width: 0;
-}
-
-.card-footer.border-top, .card-body.border-top, .card .border-top, .card .border-bottom, .card .list-group-item  {
-  border-color: $gray-50 !important;
-}
-
-.card, .card-lg {
-  border-width: $card-border-width;
-  border-style: solid;
-  border-color: $card-border-color;
-  background-color: $card-bg;
-  border-radius: $card-border-radius;
-}
-.card-lg {
-  margin-bottom: 1rem;
-  padding: 0;
-}
-
-.card-text {
-  overflow-wrap: anywhere;
-}
-
-.card-body .form-group:last-child {
-  margin-bottom: 0;
-}
-
-.card-header .arrow {
-  @extend .w-auto;
-  &:before {
-    transition: .3s transform ease-in-out;
-  }
-}
-.card-header .collapsed .arrow:before {
-  transform: rotate(-90deg);
-}
-
-.collapsable-card {
-  @extend .card;
-  @extend .overflow-hidden;
-
-  .card-header {
-    &:hover {
-      background-color: $light !important;
-    }
-  }
-  .card-body {
-    border-top: 1px solid $gray-50;
-  }
-
-  // Arrow rotation when details is open
-  &[open] .arrow {
-    transform: rotate(90deg) !important;
-  }
-
-  &:not([open]) .arrow {
-    transform: rotate(0deg) !important;
-  }
-}
-
-.collapsable-card, .card {
-  // Details/Summary styling for cards
-  details {
-    summary {
-      cursor: pointer;
-      list-style: none;
-      user-select: none;
-      
-      &::-webkit-details-marker {
-        display: none;
-      }
-      
-      &::marker {
-        display: none;
-      }
-
-      // Ensure summary is clickable and accessible
-      &[role="button"] {
-        outline: none;
-        
-        &:focus {
-          outline: 2px solid $primary;
-          outline-offset: -2px;
-        }
-      }
-    }
-  }
-}