@exmg/exm-upload 1.0.14 → 1.0.16

package/src/styles/exm-upload-item-styles.scss

@@ -1,119 +0,0 @@
-:host {
-  display: flex;
-  align-items: center;
-  height: 65px;
-  border-bottom: 1px solid var(--md-sys-color-outline-variant);
-  padding-bottom: 6px;
-  margin-bottom: 6px;
-}
-
-.item {
-  display: grid;
-  height: 65px;
-  width: 100%;
-  grid-template-columns: 2rem 1fr 6rem;
-  grid-auto-flow: column;
-  align-items: center;
-}
-
-.vertical-center {
-  display: flex;
-  align-items: center;
-}
-
-.loader {
-  width: 18px;
-  height: 18px;
-  border: 3px solid var(--md-sys-color-primary);
-  border-bottom-color: transparent;
-  border-radius: 50%;
-  display: inline-block;
-  box-sizing: border-box;
-  animation: rotation 1s linear infinite;
-}
-
-.name-container {
-  margin-left: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  width: 100%;
-}
-
-.file-name {
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.file-error {
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.file-details {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-
-.file-error {
-  font-size: 0.7rem;
-  background-color: var(--md-sys-color-error-container, #b00020);
-  color: var(--md-sys-color-on-error-container, white);
-  padding: 2px 4px;
-  border-radius: 6px;
-}
-
-.actions {
-  display: flex;
-  justify-content: flex-end;
-  justify-self: flex-end;
-  width: 60px;
-}
-
-.error-icon,
-.error-icon svg {
-  fill: #b00020;
-  font-weight: bold;
-  width: 32px;
-  height: 32px;
-}
-
-.success-icon {
-  --md-icon-color: green;
-  --md-icon-size: 32px;
-  --md-icon-weight: 400;
-}
-
-.badge {
-  display: flex;
-  align-items: center;
-  background-color: var(--md-ref-palette-primary-primary50);
-  margin-right: 4px;
-  border-radius: 4px;
-  color: var(--md-ref-palette-primary-primary80);
-  padding: 6px;
-  font-size: 0.6rem;
-  height: 0.4rem;
-  font-weight: bold;
-  line-height: 1.75;
-  letter-spacing: 0.5px;
-}
-
-.status {
-  display: flex;
-  justify-content: center;
-}
-
-@keyframes rotation {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}

package/src/styles/exm-upload-styles.scss

@@ -1,147 +0,0 @@
-:host {
-  display: flex;
-  color: var(--exm-upload-text-color, #000);
-  color: var(--_supporting-text-color);
-  font: var(--_supporting-text-type);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 8px 0 8px 0;
-  --_supporting-text-color: var(--md-dialog-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));
-  --_supporting-text-type: var(
-    --md-dialog-supporting-text-type,
-    400 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)
-  );
-}
-
-.image-upload-wrapper {
-  display: flex;
-  width: 100%;
-  flex-direction: row;
-}
-
-#preview {
-  max-width: 80px;
-  max-height: 80px;
-}
-
-.preview-wrapper {
-  margin: 1rem;
-}
-
-.info-wrapper {
-  display: flex;
-  margin-left: 1.5rem;
-  flex-direction: column;
-  padding: 1rem;
-  gap: 12px;
-}
-
-.info {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.description {
-  color: var(--exm-upload-description-text-color, #a7a7a7);
-  font-size: 0.9rem;
-  margin-bottom: 1rem;
-}
-
-.browse {
-  width: 50%;
-}
-
-exm-button {
-  display: flex;
-  align-items: center;
-}
-
-.click-label {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-img {
-  z-index: 99999;
-  display: block;
-
-  /* This rule is very important, please don't ignore this */
-  max-width: 100%;
-}
-
-.image-container {
-  width: 200px;
-  height: 200px;
-}
-
-.error-message {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  background-color: #dedede;
-  width: 450px;
-  padding: 8px;
-  color: hsl(0, 87%, 56%);
-  border-radius: 4px;
-  margin-bottom: 1rem;
-  box-sizing: border-box;
-}
-
-.item {
-  width: 100%;
-}
-
-.item-container {
-  width: 100%;
-}
-
-.item:first-child {
-  margin-top: 1rem;
-}
-
-.item:last-child {
-  border-bottom: none;
-}
-
-.actions {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  margin-bottom: 2rem;
-  align-items: center;
-  .icon-buttons {
-    display: flex;
-    flex-direction: row;
-    gap: 8px;
-  }
-}
-
-.disabled {
-  opacity: 0.5;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -o-user-select: none;
-  user-select: none;
-}
-
-exm-upload-drop-area a {
-  color: var(--md-sys-color-primary);
-  text-decoration: none;
-}
-
-exm-upload-drop-area md-icon {
-  fill: #0071dc;
-  --md-icon-color: var(--md-sys-color-primary);
-  --md-icon-size: 48px;
-  --md-icon-weight: 600;
-}