Add disabled prop to ColorInput.vue

[rak-phillip]

Summary

This adds a disabled prop to ColorInput.vue so that we can better control how the disabled state and styles are applied.

Fixes #12274

Occurred changes and/or fixed issues

• Add disabled prop to ColorInput.vue
• Add isDisabled computed prop to determine if disabled styles and state should be applied

Technical notes summary

The original regression looks related to how fallthrough attributes are applied to components in Vue3. I thought it best to explicitly define a disabled prop so that we can more easily control disabled states in this component.

Areas or cases that should be tested

Anywhere that the color picker is used, see issue for more details.

Areas which could experience regressions

Anywhere that the color picker is used.

Checklist

• The PR is linked to an issue and the linked issue has a Milestone, or no issue is needed
• The PR has a Milestone
• The PR template has been filled out
• The PR has been self reviewed
• The PR has a reviewer assigned
• The PR has automated tests or clear instructions for manual tests and the linked issue has appropriate QA labels, or tests are not needed
• The PR has reviewed with UX and tested in light and dark mode, or there are no UX changes

[cnotv]

Wow that was fast 🚤

Good idea about the prop.

LGTM

[rak-phillip]

Failing test passes locally, but fails in CI. Attempting to understand what the difference is between the environments that could contribute to the failure.