Merge "[MagicAction] Update the button UI to address feedback from UX." into main

    android:background="@drawable/magic_action_button_background"

    android:drawablePadding="@dimen/magic_action_button_drawable_padding"

    android:ellipsize="none"

    android:fontFamily="google-sans-flex"

    android:fontFamily="google-sans-flex-medium"

    android:gravity="center"

    android:minWidth="0dp"

    android:paddingHorizontal="@dimen/magic_action_button_padding_horizontal"

    private val buttonShape = Path()

    // Color and style

    private val bgPaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {

        val bgColor =

            context.getColor(

                com.android.internal.R.color.materialColorPrimaryContainer

            )

        color = bgColor

        style = Paint.Style.FILL

    }

    private val outlinePaint = Paint(Paint.ANTI_ALIAS_FLAG).apply {

        val outlineColor =

            context.getColor(

        canvas.save()

        // Draw background

        canvas.clipPath(buttonShape)

        canvas.drawPath(buttonShape, bgPaint)

        // Apply gradient to outline

        canvas.drawPath(buttonShape, outlinePaint)

        updateGradient(boundsF)

    }

    override fun setAlpha(alpha: Int) {

        bgPaint.alpha = alpha

        outlinePaint.alpha = alpha

        invalidateSelf()

    }

    override fun setColorFilter(colorFilter: ColorFilter?) {

        bgPaint.colorFilter = colorFilter

        outlinePaint.colorFilter = colorFilter

        invalidateSelf()

    }