Based on the designs/discussions in the [discovery issue](https://gitlab.com/gitlab-org/gitlab/-/issues/231247) and [backend issue](https://gitlab.com/gitlab-org/gitlab/-/issues/255340), this issue is to track the development of the shared color picker component which will be used by the new compliance framework forms and eventually other color picker locations (e.g. labels). The form for Compliance Framework Labels should have the following fields: * **Title:** \[ e.g. HIPAA, SOX, Internal, Tech Risk, otherCustomLabelName \] * The labels should allow the use of labels that *look* scoped (use of `::`) but should not implement or leverage any scoped label behavior for now. * **Description:** \[ e.g. "This label should be applied to projects which are regulated by `HIPAA`" \] * **Background color:** ## Out of scope: - [Enforcement / "regulated" toggle](https://gitlab.com/gitlab-org/gitlab/-/issues/220190) - Force Merge (under ~"workflow::solution validation") ## Mockups |Settings Page|Edit|New| |---|---|---| |  |  |  | ## Tier The ability to create/edit/assign **custom** compliance labels is a ~"GitLab Premium" feature. ## Feature flag This feature should only be shown if the ~"feature flag" `:ff_custom_compliance_frameworks` is set ## Implementation plan - Add the delete icon button to the list app - On click, show a GlModal saying “Are you sure? This will remove the label from all projects which currently have it applied, which may remove other functionality.” - On confirmation, use the GraphQL endpoint to delete the framework and show success/failure banner on the page