_wp-components-overrides.scss

.components-form-toggle {
	input[type="checkbox"] {
		cursor: pointer;

	}
}

/* @wordpress/components Button overrides */
.components-button.is-primary {
	background-color: var(--color-accent);
	border-color: var(--color-accent);
	color: var(--color-text-inverted);

	&:active:not(:disabled),
	&:hover:not(:disabled),
	&:focus:not(:disabled) {
		background-color: var(--color-accent-60);
		border-color: var(--color-accent-60);
		color: var(--color-text-inverted);
	}

	&[disabled],
	&:disabled,
	&.disabled {
		color: var(--color-neutral-20);
		background-color: var(--color-neutral-5);
		border-color: var(--color-neutral-5);
	}
}

.components-button.is-secondary {
	background-color: var(--color-surface);
	color: var(--color-neutral-70);
	box-shadow: inset 0 0 0 1px var(--color-neutral-10);

	&:active:not(:disabled),
	&:hover:not(:disabled) {
		box-shadow: inset 0 0 0 1px var(--color-neutral-20);
		color: var(--color-neutral-70);
	}

	&:visited {
		color: var(--color-neutral-70);
	}

	&[disabled],
	&:disabled,
	&.disabled {
		color: var(--color-neutral-20);
		background-color: var(--color-surface);
		box-shadow: inset 0 0 0 1px var(--color-neutral-5);
	}
}

.components-button.is-tertiary {
	color: var(--color-accent);

	&:active:not(:disabled),
	&:hover:not(:disabled) {
		box-shadow: inset 0 0 0 1px var(--color-neutral-20);
		color: var(--color-accent-60);
	}

	&:visited,
	&[disabled],
	&:disabled,
	&.disabled {
		color: var(--color-accent-60);
	}
}

/* @wordpress/components ButtonGroup overrides */
.components-button-group {
	.components-button {
		&,
		&.is-primary {
			box-shadow: inset 0 0 0 1px var(--color-accent-60);
		}
	}
}

/* @wordpress/components RadioControl overrides */
.components-radio-control {
	&__input[type="radio"] {
		padding: 6px;
		cursor: pointer;

		&:checked {
			border-color: var(--color-accent);
			background-color: var(--color-accent);
		}
	}
}

.components-external-link__contents {
	text-decoration: none;

	&:hover {
		text-decoration: underline;
	}
}