spree_admin 5.2.6 → 5.3.0.rc1

data/app/assets/stylesheets/spree/admin/global/_variables.scss

@@ -1,242 +0,0 @@
-// https://github.com/twbs/bootstrap/blob/v4.6.2/scss/_variables.scss
-
-$gray-25: #FAFAFA;
-$gray-50: #F3F3F3;
-$gray-100: #E3E3E3 !default;
-$gray-200: #D5D5D5 !default;
-$gray-300: #B3B3B3 !default;
-$gray-400: #999999 !default;
-$gray-500: #808080 !default;
-$gray-600: #666666 !default;
-$gray-700: #4D4D4D !default;
-$gray-800: #333333 !default;
-$gray-900: #1A1A1A !default;
-
-$light: $gray-25 !default;
-
-$primary: #061932 !default;
-$black: #000000 !default;
-$blue: #0090FE !default;
-$white: #FFFFFF !default;
-
-$action: #F4F9FF !default;
-$action-border: #e2ecff !default;
-
-// Override Bootstrap 4.6 breakpoints
-$container-max-widths: (
-  sm: 540px,
-  md: 720px,
-  lg: 960px,
-  xl: 1250px
-) !default;
-$grid-gutter-width: 16px !default;
-
-$theme-colors: (
-  "white": $white,
-  "black": $black,
-  "primary": $primary,
-  "secondary": rgba($blue, 0.05),
-  "action": $action,
-  "action-border": $action-border,
-  "active": $gray-25,
-  "partial": #E2E8F0,
-  "warning": #ffe17d,
-  "danger": #ee4266,
-  "info": #44c1ff,
-  "blue": $blue,
-  "gray-100": $gray-100,
-  "gray-200": $gray-200,
-  "gray-300": $gray-300,
-  "gray-400": $gray-400,
-  "gray-500": $gray-500,
-  "gray-600": $gray-600,
-  "gray-700": $gray-700,
-  "gray-800": $gray-800,
-  "gray-900": $gray-900
-);
-
-$body-color: #333 !default;
-$body-bg: $white !default;
-$enable-shadows: false;
-$enable-responsive-font-sizes: true;
-$font-family-sans-serif: Inter, sans-serif !default;
-$font-size-base:   0.875rem !default;
-$font-size-plus:   0.875rem !default;
-$font-size-sm:    0.75rem !default;
-$font-size-lg:    1rem !default;
-$font-weight-normal: 400 !default;
-$font-weight-medium: 500 !default;
-$font-weight-bold: 600 !default;
-$headings-font-family: $font-family-sans-serif;
-$line-height-base:            1.5 !default;
-$border-radius: 0.5rem !default;
-$border-radius-sm: 0.4rem !default;
-$border-radius-lg: 0.75rem !default;
-$border-color: rgba($gray-100, 0.85) !default;
-$input-border-color: $gray-200 !default;
-$list-group-border-color: $border-color !default;
-$list-group-hover-bg: $gray-25 !default;
-$list-group-active-bg: $action !default;
-$list-group-active-border-color: $action-border !default;
-
-$thumbnail-border-color: $border-color !default;
-$hr-border-color: $border-color !default;
-$table-border-color: $border-color !default;
-$card-border-color: $border-color !default;
-$input-btn-focus-width: 0.18rem !default;
-
-$card-spacer-y:                     1rem !default;
-$card-spacer-x:                     1.25rem !default;
-
-$component-active-bg:         $blue !default;
-
-$input-placeholder-color: $gray-500;
-$input-padding-y:         .5rem !default;
-$input-disabled-bg: $gray-25 !default;
-$input-focus-border-color: $blue !default;
-$custom-select-disabled-bg: $gray-50 !default;
-
-$text-muted: $gray-600 !default;
-
-$link-color: $primary !default;
-$link-hover-decoration:                   underline !default;
-
-$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .025) !default;
-$btn-disabled-opacity: 0.7 !default;
-$btn-padding-y:               0.35rem !default;
-$btn-padding-x:               0.75rem !default;
-
-$nav-link-padding-y:                .35rem !default;
-$nav-link-padding-x:                .75rem !default;
-
-$box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06) !default;
-$box-shadow-xs: rgba(43, 34, 51, 0.05) 0px 1px 1px !default;
-$box-shadow-lg: rgba(0, 5, 13, 0.5) 0px 4px 8px 2px;
-$input-box-shadow: $box-shadow-xs !default;
-$btn-box-shadow: $box-shadow-xs !default;
-
-$btn-font-weight: $font-weight-medium !default;
-
-$card-border-width: 1px !default;
-$card-bg: $white !default;
-$card-border-radius: 1rem !default;
-
-$tooltip-border-radius: $border-radius-lg !default;
-$tooltip-opacity: 1 !default;
-$tooltip-margin:                    0.25rem 0 !default;
-$tooltip-padding-y:                 .35rem !default;
-$tooltip-padding-x:                 .65rem !default;
-$tooltip-bg: $white !default;
-$tooltip-color: $body-color !default;
-$tooltip-arrow-color: transparent !default;
-$tooltip-max-width: 210px !default;
-$tooltip-font-size: $font-size-base !default;
-
-$transition-base:             all .1s ease-in-out !default;
-$transition-fade:             opacity .15s linear !default;
-$transition-collapse:         height .15s ease !default;
-$transition-collapse-width:   width .15s ease !default;
-
-$badge-font-size:                   $font-size-sm !default;
-$badge-font-weight:                 $font-weight-normal !default;
-$badge-padding-y:                   .35em !default;
-$badge-padding-x:                   .45em !default;
-$badge-border-radius:               $border-radius-sm !default;
-
-$transition-collapse:         height .15s ease !default;
-
-$link-hover-decoration:                   none !default;
-
-$headings-line-height: 1 !default;
-
-$h1-font-size:                $font-size-base * 2.5 !default;
-$h2-font-size:                $font-size-base * 2 !default;
-$h3-font-size:                1.5rem !default;
-$h4-font-size:                1.25rem !default;
-$h5-font-size:                $font-size-lg !default;
-$h6-font-size:                $font-size-base !default;
-
-$display1-size:               7rem !default;
-$display2-size:               5rem !default;
-$display3-size:               4rem !default;
-$display4-size:               3.5rem !default;
-$display1-weight:             400 !default;
-$display2-weight:             400 !default;
-$display3-weight:             400 !default;
-$display4-weight:             400 !default;
-
-$dropdown-bg: $white !default;
-$dropdown-border-width:  0px !default;
-$dropdown-border-radius: 1rem !default;
-$dropdown-inner-border-radius: 0.8rem !default;
-$dropdown-link-hover-bg: rgba($gray-100, 0.5) !default;
-$dropdown-box-shadow:    0px 0px 0px 1px rgba($gray-300, 0.5), 0px 6px 12px -3px rgba($gray-300, 0.35), 0px 6px 18px 0px rgba($gray-300, 0.35) !default;
-$dropdown-padding-x:    0.25rem !default;
-$dropdown-padding-y:    0.25rem !default;
-$dropdown-divider-bg: $gray-50 !default;
-$dropdown-divider-margin-y: 0.25rem !default;
-$dropdown-header-color: $text-muted !default;
-$dropdown-item-padding-y:           0.5rem !default;
-$dropdown-item-padding-x:           0.65rem !default;
-
-$zindex-dropdown: 1050;
-
-$modal-backdrop-bg:                 $body-bg !default;
-$modal-backdrop-opacity:            0.8 !default;
-$modal-content-border-color:        $border-color !default;
-$modal-content-border-width:        0px !default;
-$modal-header-padding: 1rem 1.25rem 1rem 1.25rem !default;
-$modal-inner-padding: 1rem 1.25rem 1rem 1.25rem !default;
-$modal-fade-transform:              translate(0, 0) !default;
-$modal-show-transform:              none !default;
-$modal-transition:                  transform .2s ease-out !default;
-$modal-scale-transform:             scale(1.02) !default;
-$modal-header-border-width: 1px !default;
-$modal-content-box-shadow-xs: $dropdown-box-shadow;
-$modal-content-box-shadow-sm-up: $modal-content-box-shadow-xs !default;
-$modal-footer-margin-between: 0 !default;
-
-$alert-padding-y:                   0.5rem !default;
-$alert-padding-x:                   1rem !default;
-$alert-border-radius: $border-radius;
-$alert-border-width: 0px !default;
-
-$breadcrumb-bg: transparent !default;
-$breadcrumb-padding-y: 0 !default;
-$breadcrumb-padding-x: 1rem !default;
-$breadcrumb-margin-bottom: 0 !default;
-
-$embed-responsive-aspect-ratios: (
-    (21 9),
-    (16 9),
-    (9 16),
-    (4 3),
-    (1 1)
-) !default;
-
-// tables
-$table-cell-padding: 1rem .75rem !default;
-
-$code-color: $body-color !default;
-$code-bg: $gray-50 !default;
-
-$list-group-bg: transparent !default;
-
-$list-group-item-padding-x:         1.25rem !default;
-$list-group-item-padding-y:         0.75rem !default;
-$header-bg: $body-bg !default;
-$header-height: 58px !default;
-$sidebar-width: 220px !default;
-$sidebar-width-collapsed: 59px !default;
-$sidebar-bg: $light !default;
-
-$progress-bar-bg: rgba($blue, 0.75) !default;
-
-$btn-border-radius:           $border-radius-lg !default;
-$btn-border-radius-lg:        $border-radius-lg !default;
-$btn-border-radius-sm:        $border-radius !default;
-
-$nav-pills-border-radius: $border-radius-lg !default;
-
-$modal-content-inner-border-radius: 1rem !default;
-$modal-content-border-radius: 1rem !default;

data/app/assets/stylesheets/spree/admin/plugins/_dropdown.scss

@@ -1,102 +0,0 @@
-
-
-.#{$select-ns}-dropdown {
-	position: absolute;
-	top: 100%;
-	left: 0;
-	width: 100%;
-	z-index: 10;
-
-	border: $select-dropdown-border;
-	background: $select-color-dropdown;
-	margin: 0.25rem 0 0 0;
-	border-top: 0 none;
-	box-sizing: border-box;
-	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-	border-radius: 0 0 $select-border-radius $select-border-radius;
-
-
-	[data-selectable] {
-		cursor: pointer;
-		overflow: hidden;
-		.highlight {
-			background: $select-color-highlight;
-			border-radius: 1px;
-		}
-	}
-
-	.option,
-	.optgroup-header,
-	.no-results,
-	.create {
-		padding: $select-padding-dropdown-item-y $select-padding-dropdown-item-x;
-	}
-
-	.option, [data-disabled], [data-disabled] [data-selectable].option {
-		cursor: inherit;
-		opacity: 0.5;
-	}
-
-	[data-selectable].option {
-		opacity: 1;
-		cursor: pointer;
-	}
-
-	.optgroup:first-child .optgroup-header {
-		border-top: 0 none;
-	}
-
-	.optgroup-header {
-		color: $select-color-optgroup-text;
-		background: $select-color-optgroup;
-		cursor: default;
-	}
-
-	.active {
-		background-color: $select-color-dropdown-item-active;
-		color: $select-color-dropdown-item-active-text;
-		&.create {
-			color: $select-color-dropdown-item-create-active-text;
-		}
-	}
-
-	.create {
-		color: $select-color-dropdown-item-create-text;
-	}
-
-	.spinner{
-		display: inline-block;
-		width: $select-spinner-size;
-		height: $select-spinner-size;
-		margin: $select-padding-dropdown-item-y $select-padding-dropdown-item-x;
-
-
-		&:after {
-			content: " ";
-			display: block;
-			width: $select-spinner-size * .8;
-			height: $select-spinner-size * .8;
-			margin: $select-spinner-size * .1;
-			border-radius: 50%;
-			border: $select-spinner-border-size solid $select-spinner-border-color;
-			border-color: $select-spinner-border-color transparent $select-spinner-border-color transparent;
-			animation: lds-dual-ring 1.2s linear infinite;
-		}
-		@keyframes lds-dual-ring {
-			0% {
-				transform: rotate(0deg);
-			}
-			100% {
-				transform: rotate(360deg);
-			}
-		}
-	}
-}
-
-.#{$select-ns}-dropdown-content {
-	overflow-y: auto;
-	overflow-x: hidden;
-	max-height: $select-max-height-dropdown;
-	overflow-scrolling: touch;
-	scroll-behavior: smooth;
-}

data/app/assets/stylesheets/spree/admin/plugins/_items.scss

@@ -1,115 +0,0 @@
-
-
-.#{$select-ns}-control {
-
-	border: $select-border;
-	padding: $select-padding-y $select-padding-x;
-	width: 100%;
-	overflow: hidden;
-	position: relative;
-	z-index: 1;
-	box-sizing: border-box;
-	box-shadow: $select-shadow-input;
-	border-radius: $select-border-radius;
-	display: flex;
-	flex-wrap: wrap;
-
-	.#{$select-ns}-wrapper.multi.has-items & {
-		$padding-x: $select-padding-x;
-		$padding-top: calc( #{$select-padding-y} - #{$select-padding-item-y} - #{$select-width-item-border});
-		$padding-bottom: calc( #{$select-padding-y} - #{$select-padding-item-y} - #{$select-margin-item-y} - #{$select-width-item-border});
-		padding: $padding-top $padding-x $padding-bottom;
-	}
-
-	.full & {
-		background-color: $select-color-input-full;
-	}
-
-	.disabled &,
-	.disabled & * {
-		cursor: default !important;
-	}
-
-	.focus & {
-		box-shadow: $select-shadow-input-focus;
-	}
-
-	> * {
-		vertical-align: baseline;
-		display: inline-block;
-	}
-
-	.#{$select-ns}-wrapper.multi & > div {
-		cursor: pointer;
-		margin: 0 $select-margin-item-x $select-margin-item-y 0;
-		padding: $select-padding-item-y $select-padding-item-x;
-		background: $select-color-item;
-		color: $select-color-item-text;
-		border: $select-width-item-border solid $select-color-item-border;
-
-		&.active {
-			background: $select-color-item-active;
-			color: $select-color-item-active-text;
-			border: $select-width-item-border solid $select-color-item-active-border;
-		}
-	}
-
-	.#{$select-ns}-wrapper.multi.disabled & > div {
-		&, &.active {
-			color: lighten(desaturate($select-color-item-text, 100%), $select-lighten-disabled-item-text);
-			background: lighten(desaturate($select-color-item, 100%), $select-lighten-disabled-item);
-			border: $select-width-item-border solid lighten(desaturate($select-color-item-border, 100%), $select-lighten-disabled-item-border);
-		}
-	}
-
-	> input {
-		&::-ms-clear {
-			display: none;
-		}
-
-		flex: 1 1 auto;
-		min-width: 7rem;
-		display: inline-block !important;
-		padding: 0 !important;
-		min-height: 0 !important;
-		max-height: none !important;
-		max-width: 100% !important;
-		margin: 0 !important;
-		text-indent: 0 !important;
-		border: 0 none !important;
-		background: none !important;
-		line-height: inherit !important;
-		user-select: auto !important;
-		box-shadow: none !important;
-		&:focus { outline: none !important; }
-	}
-
-	.has-items & > input{
-		margin: $select-caret-margin !important;
-	}
-
-	&.rtl {
-		text-align: right;
-		&.single .#{$select-ns}-control:after {
-			left: $select-arrow-offset;
-			right: auto;
-		}
-		.#{$select-ns}-control > input {
-			margin: $select-caret-margin-rtl !important;
-		}
-	}
-
-	.disabled & {
-		opacity: $select-opacity-disabled;
-		background-color: $select-color-disabled;
-	}
-
-	// hide input, while retaining its focus, and maintain layout so users can still click on the space to bring the display back
-	// visibility:hidden can prevent the input from receiving focus
-	.input-hidden & > input{
-		opacity: 0;
-		position: absolute;
-		left: -10000px;
-	}
-
-}

data/app/assets/stylesheets/spree/admin/plugins/_tinymce_custom.scss

@@ -1,74 +0,0 @@
-// Removes Tiny MCE branding
-.tox-statusbar__branding {
-  display: none;
-}
-
-.tox.tox-tinymce {
-  border-radius: $input-border-radius !important;
-  border: 0 none !important;
-}
-.tox-edit-area__iframe {
-  background-color: $input-bg !important;
-}
-
-.tox-tinymce--disabled .tox-edit-area__iframe {
-  background-color: $gray-50 !important;
-}
-
-.tox .tox-edit-area::before {
-  border-color: $primary !important;
-}
-
-// Grey out the readonly textarea
-.rich-text-area-container:has(textarea.spree-rte[contenteditable='false']) {
-  textarea.spree-rte + .tox-tinymce {
-    .tox-edit-area__iframe {
-      background-color: $gray-50 !important;
-    }
-  }
-}
-
-.tox {
-  .tox-tbtn {
-    @extend .btn;
-    border-radius: $border-radius !important;
-    color: rgba(0, 0, 0, 0.6) !important;
-
-    svg {
-      // same color as trix
-      fill: rgba(0, 0, 0, 0.6) !important;
-    }
-  }
-
-  .tox-editor-header {
-    padding: 0 !important;
-  }
-
-  .tox-edit-focus {
-    display: none !important;
-  }
-}
-.tox-statusbar {
-  display: none !important;
-}
-
-/* Override TinyMCE UI font size */
-.tox-toolbar__group {
-  font-size: $font-size-base !important; /* Change this value to your desired font size */
-}
-.tox-mbtn__select-label {
-  font-size: $font-size-base !important; /* Change this value to your desired font size */
-}
-/* Override TinyMCE Content font size */
-.tox-tinymce {
-  font-size: $font-size-base !important; /* Change this value to your desired font size */
-}
-.tox .tox-collection__item-label, .tox-tbtn__select-label {
-  font-size: $font-size-base !important; /* Change this value to your desired font size */
-  font-family: $font-family-sans-serif;
-}
-
-.tox.tox-tinymce-aux .tox-toolbar__overflow, .tox .tox-menu {
-  border-radius: $border-radius !important;
-}
-

data/app/assets/stylesheets/spree/admin/plugins/_trix_custom.scss

@@ -1,115 +0,0 @@
-.trix-container {
-  @extend .rich-text-area-container
-}
-
-trix-toolbar {
-  @extend .p-1;
-  @extend .border-bottom;
-  background-color: $gray-25 !important;
-  width: 100%;
-
-  .trix-button.trix-active {
-    background-color: $gray-100!important;
-  }
-
-  .trix-button-group {
-    @extend .gap-1;
-    margin-left: 0 !important;
-  }
-
-  .trix-button {
-    @extend .rounded-sm;
-
-    width: 36px !important;
-    height: 30px !important;
-    padding: 6px !important;
-  }
-
-  .trix-dialogs > .trix-dialog > .trix-dialog__link-fields > .trix-button-group > .trix-button--dialog {
-    width: 100% !important;
-    height: 100% !important;
-    padding: 0.5rem 0.75rem !important;
-  }
-
-  .trix-dialog--x-video-embed {
-    max-width: 600px;
-  }
-}
-
-trix-editor {
-  @extend .m-2;
-  border-radius: $input-border-radius;
-  border: 0 none !important;
-}
-
-.trix-container, trix-editor {
-  background-color: $input-bg;
-}
-
-.trix-container:has(trix-editor[contenteditable='false']) {
-  background-color: $gray-50;
-
-  &:active {
-    background-color: $gray-50 !important;
-  }
-
-  trix-editor {
-    background-color: $gray-50;
-  }
-}
-
-trix-toolbar .trix-button--icon::before {
-  margin: 4px;
-}
-
-trix-toolbar .trix-button, trix-toolbar .trix-button-group {
-  border: 0 none !important;
-  margin-bottom: 0 !important;
-}
-
-trix-toolbar .trix-button {
-  width: 32px !important;
-  height: 28px !important;
-  padding: 4px;
-}
-trix-toolbar .trix-button:hover {
-  background-color: $border-color !important;
-  color: theme-color('black') !important;
-}
-
-trix-toolbar .trix-button-row {
-  flex-wrap: wrap !important;
-  display: flex;
-  width: 100%;
-}
-
-trix-toolbar .trix-dialog {
-  background-color: $white !important;
-  border-top: 0 none !important;
-  border-radius: $border-radius !important;
-  top: 4px !important;
-}
-
-trix-toolbar .trix-dialog .trix-input {
-  @extend .form-control;
-}
-
-trix-toolbar .trix-dialog .trix-button {
-  @extend .btn;
-  @extend .btn-light;
-  @extend .px-4;
-  @extend .py-2;
-  @extend .my-0;
-  @extend .mr-1;
-  border: 1px solid $gray-200 !important;
-}
-
-trix-toolbar .trix-dialog__link-fields {
-  align-items: center;
-}
-
-// icons
-.trix-button--icon-embed::before {
-  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"><path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z"/></svg>');
-  top: 8% !important;
-}

data/app/assets/stylesheets/spree/admin/plugins/plugins/checkbox_options.scss

@@ -1,5 +0,0 @@
-.plugin-checkbox_options {
-	.option input{
-		margin-right: 0.5rem;
-	}
-}

data/app/assets/stylesheets/spree/admin/plugins/plugins/clear_button.scss

@@ -1,30 +0,0 @@
-
-.plugin-clear_button{
-
-	.#{$select-ns}-control{
-		padding-right: calc( 1em + (3 * #{$select-padding-item-x}) ) !important;
-	}
-
-	.clear-button{
-		opacity:		0;
-		position:		absolute;
-		top:			$select-padding-y;
-		right:			calc(#{$select-padding-x} - #{$select-padding-item-x});
-		margin-right:	0 !important;
-		background:		transparent !important;
-		transition:		opacity 0.5s;
-		cursor:			pointer;
-	}
-
-	&.single .clear-button{
-		right:			calc(#{$select-padding-x} - #{$select-padding-item-x} +  2rem);
-	}
-
-	&.focus.has-items .clear-button,
-	&:not(.disabled):hover.has-items .clear-button{
-		opacity:		1;
-	}
-
-
-
-}

data/app/assets/stylesheets/spree/admin/plugins/plugins/drag_drop.scss

@@ -1,16 +0,0 @@
-.#{$select-ns}-wrapper.plugin-drag_drop {
-	&.multi > .#{$select-ns}-control > div.ui-sortable-placeholder {
-		visibility: visible !important;
-		background: #f2f2f2 !important;
-		background: rgba(0,0,0,0.06) !important;
-		border: 0 none !important;
-		box-shadow: inset 0 0 12px 4px #fff;
-	}
-	.ui-sortable-placeholder::after {
-		content: '!';
-		visibility: hidden;
-	}
-	.ui-sortable-helper {
-		box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-	}
-}