diff --git a/.changeset/friendly-owls-destroy.md b/.changeset/friendly-owls-destroy.md new file mode 100644 index 0000000000..f357944ceb --- /dev/null +++ b/.changeset/friendly-owls-destroy.md @@ -0,0 +1,5 @@ +--- +'@primer/view-components': patch +--- + +Update check box styles for ActionList to match the rest of Primer diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/check_box/with_caption/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/check_box/with_caption/focused.png index 7593cc9dfc..19c6b7f485 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/check_box/with_caption/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/check_box/with_caption/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/check_box_group/with_caption/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/check_box_group/with_caption/focused.png index dea82746cc..14c524da54 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/check_box_group/with_caption/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/check_box_group/with_caption/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/checked/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/checked/focused.png index 704dc2b00e..7a18ea8086 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/checked/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/checked/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/default/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/default/focused.png index a81acf5460..5baa9b2fd3 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/default/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/default/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/visually_hide_label/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/visually_hide_label/focused.png index 1941b32c72..07e6c41ff7 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/visually_hide_label/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/visually_hide_label/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/with_caption/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/with_caption/focused.png index 064fc26ace..1c458d6969 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/with_caption/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button/with_caption/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button_group/default/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button_group/default/focused.png index 97c9c03cc1..cd0368330f 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button_group/default/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button_group/default/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button_group/invalid/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button_group/invalid/focused.png index a8b467d9a1..d5f762b958 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button_group/invalid/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button_group/invalid/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button_group/with_caption/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button_group/with_caption/focused.png index 10c459acb4..f9d041e103 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button_group/with_caption/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/radio_button_group/with_caption/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark.png index d7c8bc7fad..8886837f81 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark_colorblind.png index d7c8bc7fad..8886837f81 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark_dimmed.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark_dimmed.png index 5abb4def0b..c76d144f79 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark_dimmed.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark_dimmed.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark_high_contrast.png index 1cd5d78228..4e93ba3d46 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/light.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/light.png index 62f20b8091..5ceb43c458 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/light.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/light.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/light_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/light_colorblind.png index 62f20b8091..5ceb43c458 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/light_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/light_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/light_high_contrast.png index ec2bb3a745..e5050529d0 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/default/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark.png index cd45e73fa7..31fd58c6ca 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark_colorblind.png index cd45e73fa7..31fd58c6ca 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark_dimmed.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark_dimmed.png index 3add9c409e..6a368f52e0 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark_dimmed.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark_dimmed.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark_high_contrast.png index e2f6a31223..96ff0e9a59 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/light.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/light.png index 16d14d7e5a..82229b781e 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/light.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/light.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/light_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/light_colorblind.png index 16d14d7e5a..82229b781e 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/light_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/light_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/light_high_contrast.png index ff357924a8..534082a2af 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/eventually_local_fetch/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark.png index 75bbf1e9d6..87ba289f9b 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark_colorblind.png index c164e14936..b3f4f9518a 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark_dimmed.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark_dimmed.png index 4901ef9ad6..443cc03ebd 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark_dimmed.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark_dimmed.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark_high_contrast.png index 54110d3397..d662bae836 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/light.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/light.png index fa3163d844..e99ac3ac02 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/light.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/light.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/light_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/light_colorblind.png index c06eedfb81..3dd20cf66d 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/light_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/light_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/light_high_contrast.png index 0a9ff74e6f..a1f58dd4be 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/footer_buttons/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark.png index d7c8bc7fad..8886837f81 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark_colorblind.png index d7c8bc7fad..8886837f81 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark_dimmed.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark_dimmed.png index 5abb4def0b..c76d144f79 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark_dimmed.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark_dimmed.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark_high_contrast.png index 1cd5d78228..4e93ba3d46 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/light.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/light.png index 62f20b8091..5ceb43c458 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/light.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/light.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/light_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/light_colorblind.png index 3e66dfaca3..5ceb43c458 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/light_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/light_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/light_high_contrast.png index 542f199f2f..e5050529d0 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/local_fetch/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark.png index de36054152..175d245b9d 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark_colorblind.png index de36054152..175d245b9d 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark_dimmed.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark_dimmed.png index 9572737794..deffa682f5 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark_dimmed.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark_dimmed.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark_high_contrast.png index d70277dadf..66c1917775 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/light.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/light.png index 72e6ddc386..3dd046e868 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/light.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/light.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/light_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/light_colorblind.png index 72e6ddc386..3dd046e868 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/light_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/light_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/light_high_contrast.png index fd6f55a931..a1fee8410c 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark.png index 4dd691318c..b811bbd5d3 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark_colorblind.png index 4dd691318c..b811bbd5d3 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark_dimmed.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark_dimmed.png index 272a23be1b..20bdfb73f2 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark_dimmed.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark_dimmed.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark_high_contrast.png index 10377828ff..58bc75f7ed 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/light.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/light.png index d63c1ee7b8..5a7046d2c2 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/light.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/light.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/light_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/light_colorblind.png index d63c1ee7b8..5a7046d2c2 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/light_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/light_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/light_high_contrast.png index c2767d50f0..ac9fd0672b 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/multiselect_form/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark.png index 9833d58fe1..b33b34e97a 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark_colorblind.png index 9833d58fe1..b33b34e97a 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark_dimmed.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark_dimmed.png index fbf3e257e4..35f1f3ef27 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark_dimmed.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark_dimmed.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark_high_contrast.png index 2ddb739680..899bdffe87 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/light.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/light.png index c7d77c63ad..c88e7feafa 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/light.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/light.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/light_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/light_colorblind.png index c7d77c63ad..c88e7feafa 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/light_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/light_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/light_high_contrast.png index bc34c1ced7..4de35c23d5 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark.png index 43988a85fd..930b58d7c6 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark_colorblind.png index 43988a85fd..930b58d7c6 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark_dimmed.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark_dimmed.png index 7ef9c69ad4..3d588ed9ae 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark_dimmed.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark_dimmed.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark_high_contrast.png index 6079fa15c3..2bc3a60e6c 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/light.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/light.png index d32a6c59d9..4a10f2dc2f 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/light.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/light.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/light_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/light_colorblind.png index d32a6c59d9..4a10f2dc2f 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/light_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/light_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/light_high_contrast.png index e775736058..5d38995448 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/remote_fetch_filter_failure/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark.png index 41ad6e9d44..b32fb19144 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark_colorblind.png index 6b5703b5ed..312c688b9f 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark_dimmed.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark_dimmed.png index 1dd95e9d0c..f5db1f45fa 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark_dimmed.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark_dimmed.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark_high_contrast.png index 05056be8b9..26701889c8 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/dark_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/light.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/light.png index be9dcb1c81..f75e691c57 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/light.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/light.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/light_colorblind.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/light_colorblind.png index be9dcb1c81..f75e691c57 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/light_colorblind.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/light_colorblind.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/light_high_contrast.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/light_high_contrast.png index b9f3b2cd47..3d2a8e7d63 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/light_high_contrast.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/with_avatar_items/light_high_contrast.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/array_check_box_group_form/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/array_check_box_group_form/focused.png index a78fb65b11..350c7c9835 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/array_check_box_group_form/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/array_check_box_group_form/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/check_box_group_form/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/check_box_group_form/focused.png index f6942f46f4..59da539070 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/check_box_group_form/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/check_box_group_form/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/check_box_with_nested_form/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/check_box_with_nested_form/focused.png index 3d7de6d0fc..d2fc3e8168 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/check_box_with_nested_form/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/check_box_with_nested_form/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/multi_input_form/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/multi_input_form/focused.png index a567ea7564..edf20c9280 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/multi_input_form/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/multi_input_form/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/name_with_question_mark_form/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/name_with_question_mark_form/focused.png index 3d3e8c968a..2ae999cd9b 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/name_with_question_mark_form/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/name_with_question_mark_form/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/radio_button_group_form/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/radio_button_group_form/focused.png index f20cac514e..b07c49558b 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/radio_button_group_form/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/radio_button_group_form/focused.png differ diff --git a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/radio_button_with_nested_form/focused.png b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/radio_button_with_nested_form/focused.png index 44571d9240..1c2b330efa 100644 Binary files a/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/radio_button_with_nested_form/focused.png and b/.playwright/screenshots/snapshots.test.ts-snapshots/primer/forms/radio_button_with_nested_form/focused.png differ diff --git a/app/components/primer/alpha/action_list.pcss b/app/components/primer/alpha/action_list.pcss index dea1260d91..7de14de76c 100644 --- a/app/components/primer/alpha/action_list.pcss +++ b/app/components/primer/alpha/action_list.pcss @@ -448,64 +448,31 @@ nav-list { */ &[aria-checked='true'], &[aria-selected='true'] { - /* multiselect checkmark */ - & .ActionListItem-multiSelectCheckmark { - visibility: visible; - opacity: 1; - transition: - visibility 0 linear 0, - opacity 50ms; + & .FormControl-checkbox { + background: var(--control-checked-bgColor-rest); + border-color: var(--control-checked-borderColor-rest); + transition: background-color, border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms; /* unchecked -> checked */ + + &::before { + visibility: visible; + transition: visibility 0s linear 0s; + animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms; + } } /* singleselect checkmark */ & .ActionListItem-singleSelectCheckmark { visibility: visible; } - - /* checkbox */ - & .ActionListItem-multiSelectIcon { - & .ActionListItem-multiSelectIconRect { - fill: var(--control-checked-bgColor-rest); - stroke: var(--control-checked-bgColor-rest); - stroke-width: var(--borderWidth-thin, 1px); - } - - & .ActionListItem-multiSelectCheckmark { - fill: var(--fgColor-onEmphasis); - } - } } &[aria-checked='false'], &[aria-selected='false'] { - /* multiselect checkmark */ - & .ActionListItem-multiSelectCheckmark { - visibility: hidden; - opacity: 0; - transition: - visibility 0 linear 50ms, - opacity 50ms; - } - /* singleselect checkmark */ & .ActionListItem-singleSelectCheckmark { visibility: hidden; transition: visibility 0s linear 200ms; } - - /* checkbox */ - & .ActionListItem-multiSelectIcon { - & .ActionListItem-multiSelectIconRect { - fill: var(--bgColor-default); - stroke: var(--control-borderColor-rest); - stroke-width: var(--borderWidth-thin, 1px); - } - } - - & .ActionListItem-multiSelectIconRect { - fill: var(--bgColor-default); - border: var(--borderWidth-thin) solid var(--control-borderColor-rest); - } } /* sizes */ diff --git a/app/components/primer/alpha/action_list/item.html.erb b/app/components/primer/alpha/action_list/item.html.erb index 87e2447d80..25a6e40888 100644 --- a/app/components/primer/alpha/action_list/item.html.erb +++ b/app/components/primer/alpha/action_list/item.html.erb @@ -13,10 +13,7 @@ <% elsif list.select_variant == :multiple_checkbox %> - +
<% end %> <% if leading_visual %> diff --git a/app/components/primer/alpha/text_field.pcss b/app/components/primer/alpha/text_field.pcss index 7a000dfafb..cb46fdb8ae 100644 --- a/app/components/primer/alpha/text_field.pcss +++ b/app/components/primer/alpha/text_field.pcss @@ -1,4 +1,3 @@ -/* stylelint-disable selector-no-qualifying-type */ /* stylelint-disable selector-max-type */ /* stylelint-disable max-nesting-depth */ /* stylelint-disable selector-max-specificity */ @@ -578,7 +577,7 @@ /* these selectors are temporary to override base.scss ** once Field styles are widely adopted, we can adjust this and the global base styles */ -input[type='checkbox'].FormControl-checkbox { +.FormControl-checkbox { @mixin Field; position: relative; @@ -670,7 +669,7 @@ input[type='checkbox'].FormControl-checkbox { } } -input[type='radio'].FormControl-radio { +.FormControl-radio { @mixin Field; position: relative; diff --git a/static/classes.json b/static/classes.json index 4e46c9161d..10ad745ddd 100644 --- a/static/classes.json +++ b/static/classes.json @@ -248,6 +248,9 @@ "FormControl-check-group-wrap": [ "Primer::Alpha::TextField" ], + "FormControl-checkbox": [ + "Primer::Alpha::TextField" + ], "FormControl-checkbox-wrap": [ "Primer::Alpha::TextField" ], @@ -290,6 +293,9 @@ "FormControl-monospace": [ "Primer::Alpha::TextField" ], + "FormControl-radio": [ + "Primer::Alpha::TextField" + ], "FormControl-radio-group-wrap": [ "Primer::Alpha::TextField" ], diff --git a/test/css/component_specific_selectors_test.rb b/test/css/component_specific_selectors_test.rb index 802f8001fb..cc63c1251b 100644 --- a/test/css/component_specific_selectors_test.rb +++ b/test/css/component_specific_selectors_test.rb @@ -67,6 +67,8 @@ class ComponentSpecificSelectorsTest < Minitest::Test ".FormControl-spacingWrapper", ".FormControl-horizontalGroup", ".FormControl-inlineValidation--success", + ".FormControl-checkbox", + ".FormControl-radio", ], Primer::Alpha::ButtonMarketing => [ ".btn-mktg.disabled",