@gravityforms/components/dist/css/admin/status-indicator.css

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

.gform-admin .gform-status-indicator {
		align-items: center;
		background: #ecedf8;
		border: 1px solid #e4e9eb;
		color: #242748;
		cursor: pointer;
		display: inline-flex;
		font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
		transition: all ease-in-out 200ms;
		white-space: nowrap;
		width: auto;
	}

		.gform-admin .gform-status-indicator::before {
			background: #242748;
			block-size: 0.375rem;
			border-radius: 50%;
			content: "";
			display: inline-block;
			inline-size: 0.375rem;
			transition: all ease-in-out 200ms;
		}

		.gform-admin .gform-status-indicator.gform-status--no-hover {
			cursor: auto;
			transition: none;
		}

		.gform-admin .gform-status-indicator.gform-status--no-pill {
			border-radius: 3px;
		}

		.gform-admin .gform-status-indicator.gform-status--active, .gform-admin .gform-status-indicator.gform-status--success {
			background: #eefcf0;
			border-color: #57c091;
			color: #276a52;
		}

		.gform-admin .gform-status-indicator.gform-status--active::before, .gform-admin .gform-status-indicator.gform-status--success::before {
				background: #28b77e;
			}

		.gform-admin .gform-status-indicator.gform-status--error {
			background: #fee4e2;
			border-color: #dd301d;
			color: #dd301d;
		}

		.gform-admin .gform-status-indicator.gform-status--error::before {
				background: #dd301d;
			}

		.gform-admin .gform-status-indicator.gform-status--warning {
			background: #fff6e3;
			border-color: #ffbe03;
			color: #ff4f00;
		}

		.gform-admin .gform-status-indicator.gform-status--warning::before {
				background: #ff4f00;
			}

		.gform-admin .gform-status-indicator.gform-status--gray {
			background: #fdfdff;
			border-color: #e4e9eb;
			color: #242748;
		}

		.gform-admin .gform-status-indicator.gform-status--gray::before {
				background: #5b5e80;
			}

		.gform-admin .gform-status-indicator.gform-status--blue {
			background: #eff8ff;
			border-color: #b2ddff;
			color: #175cd3;
		}

		.gform-admin .gform-status-indicator.gform-status--blue::before {
				background: #2e90fa;
			}

		.gform-admin .gform-status-indicator.gform-status--static {
			pointer-events: none;
		}

		.gform-admin .gform-status-indicator.gform-status--no-icon::before {
			content: none;
		}

		.gform-admin .gform-status-indicator:not(.gform-status--no-hover):focus, .gform-admin .gform-status-indicator:not(.gform-status--no-hover):hover, .gform-admin .gform-status-indicator:not(.gform-status--no-hover):active {
			border-color: #3e7da6;
			box-shadow: 0 0 0 1px #bed8ed;
			outline: none;
		}

	.gform-admin .gform-status-indicator--size-sm {
		border-radius: 0.75rem;
		gap: 0.25rem;
		padding-block: 0.0625rem;
		padding-inline: 0.375rem 0.5rem;
	}

	.gform-admin .gform-status-indicator--size-sm.gform-status--no-icon {
			padding-inline-start: 0.5rem;
		}

	.gform-admin .gform-status-indicator--size-md {
		border-radius: 0.8125rem;
		gap: 0.375rem;
		padding-block: 0.0625rem;
		padding-inline: 0.5rem 0.625rem;
	}

	.gform-admin .gform-status-indicator--size-md.gform-status--no-icon {
			padding-inline-start: 0.625rem;
		}

	.gform-admin .gform-status-indicator--size-lg {
		border-radius: 0.9375rem;
		gap: 0.375rem;
		padding-block: 0.1875rem;
		padding-inline: 0.625rem 0.75rem;
	}

	.gform-admin .gform-status-indicator--size-lg.gform-status--no-icon {
			padding-inline-start: 0.75rem;
		}

	.gform-admin .wp-list-table .gform-status-indicator {
		margin-left: 0.375rem;
	}

/*# sourceMappingURL=status-indicator.css.map */