@ntlab/ntjs-assets 2.42.0 → 2.43.0

package/assets/js/tinymce/skins/ui/oxide/skin.css

@@ -727,6 +727,49 @@ button::-moz-focus-inner {
   -webkit-user-select: none;
           user-select: none;
 }
+.tox .tox-image-selector-menu .tox-collection__item-image-selector,
+.tox .tox-image-selector-menu .tox-collection__item {
+  flex-direction: column;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,
+.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,
+.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark {
+  flex-grow: 1;
+}
+.tox .tox-image-selector-menu .tox-collection__item-image-selector label,
+.tox .tox-image-selector-menu .tox-collection__item label {
+  width: 48px;
+  white-space: nowrap;
+  overflow: hidden;
+  font-size: 12px;
+  color: #222f3e;
+  text-align: center;
+  align-self: flex-end;
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark {
+  height: 24px;
+  width: 24px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path {
+  fill: #006ce7;
+  stroke: #006ce7;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #fff;
+}
+.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
+  z-index: 2;
+  background-color: #fff;
+  opacity: 0.8;
+  background-clip: content-box;
+}
 .tox .tox-collection--list .tox-collection__item {
   padding: 4px 8px;
 }
@@ -820,6 +863,15 @@ button::-moz-focus-inner {
     outline: solid 1px;
   }
 }
+.tox .tox-collection__item-image {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-bottom: 4px;
+  position: relative;
+}
 .tox .tox-collection__item-icon,
 .tox .tox-collection__item-checkmark {
   align-items: center;
@@ -1232,7 +1284,7 @@ button::-moz-focus-inner {
   align-items: center;
   display: flex;
   justify-content: space-between;
-  box-shadow: 0px 4px 8px 0px rgba(34, 47, 62, 0.1);
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
   padding: 8px 12px;
   background: #fff;
   z-index: 1;
@@ -1248,7 +1300,8 @@ button::-moz-focus-inner {
   background: #fff;
   border: 1px solid #fff;
   border-radius: 6px;
-  padding: 8px 8px 16px 8px;
+  padding: 8px;
+  padding-bottom: 16px;
   position: relative;
 }
 .tox .tox-comment:hover {
@@ -1257,7 +1310,7 @@ button::-moz-focus-inner {
 .tox .tox-comment.tox-comment--selected {
   background-color: #fff2c9;
   border: 1px solid #ffcf30;
-  box-shadow: 0px 4px 8px 0px rgba(34, 47, 62, 0.1);
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
 }
 .tox .tox-comment.tox-comment--selected:focus {
   border: 2px solid #006ce7;
@@ -1284,6 +1337,9 @@ button::-moz-focus-inner {
   border-radius: 6px;
   border: 2px solid #006ce7;
 }
+.tox .tox-comment.tox-comment--selected .tox-comment__single:focus:last-of-type:has(textarea):after {
+  bottom: calc((12px + 16px + 1px) * -1);
+}
 .tox .tox-comment__header {
   align-items: center;
   color: #222f3e;
@@ -2609,6 +2665,90 @@ body.tox-dialog__disable-scroll {
   margin: -20px 0 0 -20px;
   top: 200px;
 }
+.tox .tox-image-selector-loading-spinner-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-image-selector-loading-spinner {
+  position: absolute;
+  width: min(24px, 30%);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 3px solid #006ce7;
+  border-bottom-color: transparent;
+  animation: tox-rotation 1s linear infinite;
+}
+.tox .tox-toolbar .tox-image-selector,
+.tox .tox-toolbar__primary .tox-image-selector,
+.tox .tox-toolbar__overflow .tox-image-selector {
+  margin: 5px 0 6px 11px;
+}
+.tox .tox-image-selector-menu {
+  border: 0;
+  border-radius: 3px;
+  margin: -4px -4px;
+  padding: 4px;
+}
+.tox .tox-image-selector-menu .tox-collection--list .tox-collection__group {
+  border: 0;
+  padding: 0;
+  margin: -4px -4px;
+}
+.tox .tox-image-selector-menu .tox-collection__item {
+  max-width: 48px;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon {
+  border: 1px solid #eeeeee;
+  border-radius: 3px;
+  margin-bottom: 4px;
+  width: 100%;
+}
+.tox .tox-image-selector-menu .tox-collection__item-icon svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector__row {
+  display: flex;
+}
+.tox .tox-image-selector--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-image-selector--remove svg path {
+  stroke: #c00;
+}
+.tox .tox-image-selector-image-wrapper {
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tox .tox-image-selector-image-img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.tox .tox-image-selector__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-image-selector__picker-btn svg {
+  fill: #222f3e;
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-image-selector__picker-btn:hover {
+  background: #f0f0f0;
+}
 .tox .tox-insert-table-picker {
   background-color: #fff;
   display: flex;
@@ -3034,6 +3174,192 @@ body.tox-dialog__disable-scroll {
 .tox .tox-notification-container-dock-transition.tox-notification-container-dock-fadein {
   transition-delay: 0s;
 }
+.tox .tox-onboarding-overlay {
+  height: 100%;
+  background-color: #f0f0f0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  overflow: auto;
+  display: grid;
+  justify-content: center;
+  align-items: center;
+}
+.tox .tox-onboarding-dialog {
+  max-width: 512px;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  border-radius: 12px;
+  margin: 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-header {
+  color: #222f3e;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  margin: 24px 0 8px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step {
+  display: grid;
+  grid-template-columns: min-content 1fr min-content;
+  align-items: center;
+  margin: 0 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step:not(:last-child) {
+  border-bottom: 1px solid #e3e3e3;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--number {
+  width: 24px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 1px solid #00AD0E;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  font-weight: bold;
+  color: #00AD0E;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body {
+  padding: 24px 0 24px 16px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-header {
+  color: #222f3e;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--body-details {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-step--action {
+  padding-left: 24px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer {
+  background-color: #f0f0f0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 24px;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+.tox .tox-onboarding-dialog .tox-onboarding-footer p {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  font-size: 14px;
+  color: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-onboarding-dialog svg {
+  width: 24px;
+  fill: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin {
+  display: grid;
+  align-items: center;
+  grid-template-columns: min-content 1fr min-content;
+  border-bottom: 1px solid #e3e3e3;
+  padding: 24px 0;
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body {
+  margin: 0 16px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-header {
+  color: #222f3e;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--body .tox-promotion-dialog-plugin-details {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog .tox-promotion-dialog-plugin--icon {
+  display: grid;
+  place-content: center;
+  width: 56px;
+  height: 56px;
+  line-height: 24px;
+  font-size: 24px;
+  border-radius: 12px;
+  background: linear-gradient(180deg, #fff 24%, #f0f0f0 100%);
+  box-shadow: 0px 1px 1px 0px #222f3e12, 0px 3px 6px 0px #222f3e06;
+  color: #006ce7;
+}
+.tox .tox-promotion-dialog--subtitle {
+  margin: 16px;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore {
+  text-align: center;
+  margin: 16px;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+}
+.tox .tox-promotion-dialog--explore a {
+  color: #006ce7;
+}
+.tox .tox-promotion-dialog--footer {
+  background-color: #f0f0f0;
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 12px;
+  text-align: center;
+  padding: 16px;
+}
+.tox .tox-promotion-button {
+  display: flex;
+  align-items: center;
+  height: 26.6px;
+  line-height: 26.6px;
+  font-size: 14px;
+  font-weight: bold;
+  background-color: #F1EBF9;
+  color: #851AFF;
+  padding: 8px 16px;
+  cursor: pointer;
+  white-space: nowrap;
+  border-radius: 5px;
+}
+.tox .tox-promotion-button:focus {
+  outline: 1px solid #851AFF;
+}
+.tox .tox-onboarding-dialog a,
+.tox .tox-promotion-dialog--footer a {
+  color: rgba(34, 47, 62, 0.7);
+  cursor: pointer;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:hover,
+.tox .tox-promotion-dialog--footer a:hover,
+.tox .tox-onboarding-dialog a:focus,
+.tox .tox-promotion-dialog--footer a:focus {
+  color: #071729;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.tox .tox-onboarding-dialog a:focus-visible,
+.tox .tox-promotion-dialog--footer a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #144782;
+  outline-offset: 2px;
+}
+.tox .tox-onboarding-dialog a:active,
+.tox .tox-promotion-dialog--footer a:active {
+  color: #000000;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
 .tox .tox-pop {
   display: inline-block;
   position: relative;
@@ -3928,6 +4254,11 @@ body.tox-dialog__disable-scroll {
   padding: 0 4px;
   width: auto;
 }
+.tox .tox-tbtn--bordered,
+.tox .tox-tbtn--bordered:focus,
+.tox .tox-tbtn--bordered:hover {
+  border: 1px solid #eeeeee;
+}
 .tox .tox-tbtn__select-label {
   cursor: default;
   font-weight: normal;
@@ -4633,6 +4964,10 @@ body.tox-dialog__disable-scroll {
   color: #222f3e;
   height: 24px;
 }
+[data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
+  fill: #c00;
+  stroke: #c00;
+}
 .tox .tox-view-wrap,
 .tox .tox-view-wrap__slot-container {
   background-color: #fff;