@globalpayments/vega 2.24.0 → 2.25.0

package/dist/collection/components/vega-file-uploader/vega-file-uploader.css

@@ -0,0 +1,154 @@
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+:host {
+  display: inline-block;
+  text-align: left;
+  width: 100%;
+  line-height: normal;
+}
+:host .vega-file-uploader-container .vega-file-upload-area {
+  text-align: center;
+}
+:host .vega-file-uploader-container .vega-file-upload-area:hover {
+  background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));
+  border-color: rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));
+}
+:host .vega-file-uploader-container .vega-file-upload-area:hover vega-icon,
+:host .vega-file-uploader-container .vega-file-upload-area:hover vega-font {
+  color: rgba(var(--v-text-link-hover, 4, 112, 236, 1));
+}
+:host .vega-file-uploader-container .vega-file-upload-area:focus-visible {
+  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
+  outline-offset: 2px;
+}
+:host .vega-file-uploader-container .vega-file-upload-area:active {
+  background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));
+  border-color: rgba(var(--v-border-color-action-active, 29, 65, 195, 1));
+}
+:host .vega-file-uploader-container .vega-file-upload-area:active vega-icon,
+:host .vega-file-uploader-container .vega-file-upload-area:active vega-font {
+  color: rgba(var(--v-text-link-active, 29, 65, 195, 1));
+}
+:host .vega-file-uploader-container .vega-file-upload-area.disabled {
+  border-color: rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1));
+  background-color: rgba(var(--v-bg-tertiary, 240, 243, 247, 1));
+  outline: none;
+}
+:host .vega-file-uploader-container .vega-file-upload-area.disabled vega-icon,
+:host .vega-file-uploader-container .vega-file-upload-area.disabled vega-font {
+  color: rgba(var(--v-text-disabled, 176, 180, 181, 1));
+}
+:host .vega-file-uploader-container vega-button::part(button):focus-visible {
+  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
+  outline-offset: 2px;
+  box-shadow: 0 0 0;
+}
+:host .vega-file-uploader-container.error .vega-file-upload-area {
+  border-color: rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1));
+}
+:host .vega-file-uploader-container.error .vega-file-upload-area:hover {
+  border-color: rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1));
+}
+:host .vega-file-uploader-container.error .vega-file-upload-area:focus-visible {
+  outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
+  outline-offset: 2px;
+}
+:host .vega-file-uploader-container.error .vega-file-upload-area:active {
+  border-color: rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1));
+}
+:host .vega-file-uploader-container.error vega-button::part(button), :host .vega-file-uploader-container.error vega-button::part(button):hover {
+  color: rgba(var(--v-text-danger-link, 230, 50, 87, 1));
+  border-color: rgba(var(--v-border-color-danger, 230, 50, 87, 1));
+}
+:host .vega-file-uploader-container.error vega-button::part(button):hover {
+  background-color: rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));
+  border-color: rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1));
+  color: rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1));
+}
+:host .vega-file-uploader-container.error vega-button::part(button):focus-visible {
+  outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
+  outline-offset: 2px;
+  box-shadow: 0 0 0;
+}
+:host .vega-file-uploader-container.error vega-button::part(button):active {
+  color: rgba(var(--v-text-danger-link-active, 189, 41, 71, 1));
+  border-color: rgba(var(--v-border-color-danger-active, 189, 41, 71, 1));
+  background-color: rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2));
+}
+:host .vega-file-uploader-file-list .vega-file-uploader-file .vega-file-preview-button {
+  visibility: hidden;
+}
+:host .vega-file-uploader-file-list .vega-file-uploader-file:hover {
+  background-color: rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05));
+}
+:host .vega-file-uploader-file-list .vega-file-uploader-file:hover .vega-file-preview-button {
+  visibility: visible;
+}
+:host .vega-file-uploader-file-list .vega-file-list-buttons {
+  margin-left: 8px;
+  flex-shrink: 0;
+}
+:host .vega-file-uploader-file-list .vega-file-list-status svg {
+  width: 16px;
+  height: 16px;
+}
+:host .vega-file-uploader-file-list .vega-file-status-and-name {
+  padding-top: 5px;
+}
+:host .vega-file-uploader-file-list .vega-file-status-and-name vega-font {
+  word-break: break-word;
+}
+:host vega-field-label {
+  margin-bottom: 8px;
+}
+:host .vega-file-uploader-file-list {
+  margin-top: 8px;
+}
+:host .vega-file-uploader-file-list.vega-file-list-hidden {
+  display: none;
+}
+:host .vega-error {
+  display: inline-block;
+  padding-left: 8px;
+  padding-right: 8px;
+  padding-top: 8px;
+  font-family: "Inter", sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 18px;
+  letter-spacing: 0px;
+  color: rgba(var(--v-text-error, 189, 41, 71, 1));
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  :host .vega-error {
+    font-family: "Inter", sans-serif;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 18px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  :host .vega-error {
+    font-family: "Inter", sans-serif;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 18px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  :host .vega-error {
+    font-family: "Inter", sans-serif;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 18px;
+    letter-spacing: 0px;
+  }
+}
+:host .vega-hidden {
+  display: none;
+}