diff --git a/.changeset/fluffy-ravens-thank.md b/.changeset/fluffy-ravens-thank.md new file mode 100644 index 00000000000..2e38a509276 --- /dev/null +++ b/.changeset/fluffy-ravens-thank.md @@ -0,0 +1,7 @@ +--- +"@primer/react": patch +--- + +- Adjust checkbox and radio border color values for high contrast themes +- Add default border to SegmentedControl +- Add inset box-shadow to StatusLabel to prep for new border-color in dark high contrast diff --git a/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-Default-light-high-contrast-linux.png index 2671b148438..011f742c2ae 100644 Binary files a/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-high-contrast-linux.png b/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-high-contrast-linux.png index a83dca281c1..ea56c8ff436 100644 Binary files a/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-high-contrast-linux.png and b/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Caption-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-high-contrast-linux.png index d55a37eea8a..a34513079a2 100644 Binary files a/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-high-contrast-linux.png and b/.playwright/snapshots/components/Checkbox.test.ts-snapshots/Checkbox-With-Leading-Visual-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-high-contrast-linux.png index eacbe2f27af..bbee2d6e265 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Caption-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-high-contrast-linux.png index 437b9f6b1d2..56b4431cfa3 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-high-contrast-linux.png index 63e77fd0770..d212177287f 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Error-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-high-contrast-linux.png index a64a612110e..d11f5111060 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Success-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-high-contrast-linux.png index 575ac53edb8..a042105cfa8 100644 Binary files a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-high-contrast-linux.png and b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-Visually-Hidden-Label-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-colorblind-linux.png index 4a9d670868e..c374dc538dd 100644 Binary files a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-tritanopia-linux.png index 4a9d670868e..c374dc538dd 100644 Binary files a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Default-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-colorblind-linux.png b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-colorblind-linux.png index 4a9d670868e..c374dc538dd 100644 Binary files a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-colorblind-linux.png and b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-tritanopia-linux.png b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-tritanopia-linux.png index 4a9d670868e..c374dc538dd 100644 Binary files a/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-tritanopia-linux.png and b/.playwright/snapshots/components/CircleOcticon.test.ts-snapshots/CircleOcticon-Playground-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-Default-light-high-contrast-linux.png index 089f7b1897b..5744eb61ffb 100644 Binary files a/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Caption-light-high-contrast-linux.png b/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Caption-light-high-contrast-linux.png index 88afe99e5e4..3d7c2a48563 100644 Binary files a/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Caption-light-high-contrast-linux.png and b/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Caption-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-high-contrast-linux.png b/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-high-contrast-linux.png index 162a866d63e..40e02c9e6e2 100644 Binary files a/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-high-contrast-linux.png and b/.playwright/snapshots/components/Radio.test.ts-snapshots/Radio-With-Leading-Visual-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-colorblind-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-colorblind-linux.png index 7817a422e66..3c6a802422f 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-colorblind-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-dimmed-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-dimmed-linux.png index 34e2c993e80..db9ba520c0f 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-dimmed-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-linux.png index 7817a422e66..3c6a802422f 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-tritanopia-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-tritanopia-linux.png index 7817a422e66..3c6a802422f 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-tritanopia-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-high-contrast-linux.png index e774a7c28da..2c2121d1103 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Caption-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-colorblind-linux.png index bd879840b89..84f79a1e2a0 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-dimmed-linux.png index 7096f2ab4ce..e801366e4d4 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-linux.png index bd879840b89..84f79a1e2a0 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-tritanopia-linux.png index bd879840b89..84f79a1e2a0 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-high-contrast-linux.png index 7acd6ac95db..31dfd5ef4b9 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-colorblind-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-colorblind-linux.png index 3c908958fd6..5fc6b7c3791 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-colorblind-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-dimmed-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-dimmed-linux.png index 2bc913b36b2..c60bc707af1 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-dimmed-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-linux.png index bc84eb7c62e..db991b50442 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-tritanopia-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-tritanopia-linux.png index bc84eb7c62e..db991b50442 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-tritanopia-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-high-contrast-linux.png index 897cce0197a..3d1db06785f 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Error-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-colorblind-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-colorblind-linux.png index ae40df0ff93..5890d365f47 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-colorblind-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-dimmed-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-dimmed-linux.png index b4f504a7448..c86b9663996 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-dimmed-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-linux.png index cfdab83c0a6..bb9e6b60ec2 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-tritanopia-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-tritanopia-linux.png index ae40df0ff93..5890d365f47 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-tritanopia-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-high-contrast-linux.png index 45ac363e911..dfdf6825e77 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Success-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-colorblind-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-colorblind-linux.png index 8e76ba09ca2..f53f4df15ae 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-colorblind-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-dimmed-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-dimmed-linux.png index aee4365817f..b0e96af072e 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-dimmed-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-linux.png index 8e76ba09ca2..f53f4df15ae 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-tritanopia-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-tritanopia-linux.png index 8e76ba09ca2..f53f4df15ae 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-tritanopia-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-high-contrast-linux.png index 8e8c90c2def..08860202064 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-Visually-Hidden-Label-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-With-External-Label-light-high-contrast-linux.png b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-With-External-Label-light-high-contrast-linux.png index edb9b7f3f36..12a45071791 100644 Binary files a/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-With-External-Label-light-high-contrast-linux.png and b/.playwright/snapshots/components/RadioGroup.test.ts-snapshots/RadioGroup-With-External-Label-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-colorblind-linux.png index 3e755eb2f18..bd93e246125 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-dimmed-linux.png index 7686106ce5c..521eaef23a0 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-high-contrast-linux.png index 8d1ede03dbf..816c7996ad3 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-linux.png index 3e755eb2f18..bd93e246125 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-tritanopia-linux.png index 3e755eb2f18..bd93e246125 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-colorblind-linux.png index 2bcfadce0f9..106f785f418 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-high-contrast-linux.png index d7842883eb1..6565b8b0d58 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-linux.png index 2bcfadce0f9..106f785f418 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-tritanopia-linux.png index 2bcfadce0f9..106f785f418 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Associated-with-a-Label-and-Caption-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-colorblind-linux.png index c4112c8ec4a..c932d22d130 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-dimmed-linux.png index eb5ca913468..ba43a3ab397 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-high-contrast-linux.png index 46e0ccd7240..da1c555f50b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-linux.png index c4112c8ec4a..c932d22d130 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-tritanopia-linux.png index c4112c8ec4a..c932d22d130 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-colorblind-linux.png index 8c3bf842cc1..08319104ae5 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-high-contrast-linux.png index 13656d4d0ce..0b447cb0e0f 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-linux.png index 8c3bf842cc1..08319104ae5 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-tritanopia-linux.png index 8c3bf842cc1..08319104ae5 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Controlled-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-colorblind-linux.png index c4112c8ec4a..c932d22d130 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-dimmed-linux.png index eb5ca913468..ba43a3ab397 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-high-contrast-linux.png index 46e0ccd7240..da1c555f50b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-linux.png index c4112c8ec4a..c932d22d130 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-tritanopia-linux.png index c4112c8ec4a..c932d22d130 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-colorblind-linux.png index 8c3bf842cc1..08319104ae5 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-high-contrast-linux.png index 13656d4d0ce..0b447cb0e0f 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-linux.png index 8c3bf842cc1..08319104ae5 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-tritanopia-linux.png index 8c3bf842cc1..08319104ae5 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Default-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-colorblind-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-dimmed-linux.png index d73d675c5bd..e23bbeae338 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-high-contrast-linux.png index 68f59dc02c9..94a172a091f 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-tritanopia-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-colorblind-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-high-contrast-linux.png index c8af7df7cde..ea66b6a2068 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-tritanopia-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Narrow-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-colorblind-linux.png index 860a067beb4..28788b36212 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-dimmed-linux.png index 07448d95c57..839dcfe672b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-high-contrast-linux.png index 77348add0c4..abe30f93336 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-linux.png index 860a067beb4..28788b36212 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-tritanopia-linux.png index 860a067beb4..28788b36212 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-colorblind-linux.png index 0b3e84d5691..b1963d90f2c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-high-contrast-linux.png index 59a4d3b3388..d795bb87cf9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-linux.png index 0b3e84d5691..b1963d90f2c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-tritanopia-linux.png index 0b3e84d5691..b1963d90f2c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-Regular-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-colorblind-linux.png index 860a067beb4..28788b36212 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-dimmed-linux.png index 07448d95c57..839dcfe672b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-high-contrast-linux.png index 77348add0c4..abe30f93336 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-linux.png index 860a067beb4..28788b36212 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-tritanopia-linux.png index 860a067beb4..28788b36212 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-colorblind-linux.png index 58946186619..b1963d90f2c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-high-contrast-linux.png index c35541a7398..d795bb87cf9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-linux.png index 58946186619..b1963d90f2c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-tritanopia-linux.png index 58946186619..b1963d90f2c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Fullwidth-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-colorblind-linux.png index e939e5a36ac..00f1df01e27 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-dimmed-linux.png index 4e20620a50f..db8256c2618 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-high-contrast-linux.png index 9cf3c988812..5178131c27a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-linux.png index e939e5a36ac..00f1df01e27 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-tritanopia-linux.png index e939e5a36ac..00f1df01e27 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-colorblind-linux.png index 54387aa94ac..2bf58f4a3dd 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-high-contrast-linux.png index 9e35b029a43..f7c7c4e4101 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-linux.png index 54387aa94ac..2bf58f4a3dd 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-tritanopia-linux.png index 54387aa94ac..2bf58f4a3dd 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Icon-Only-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-colorblind-linux.png index 6bc01e6295a..3a4c6bbaa4a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-dimmed-linux.png index 0b74a98f8e0..b6f47dd9378 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-high-contrast-linux.png index 386bc6f6631..ac202deb238 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-linux.png index 6bc01e6295a..3a4c6bbaa4a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-tritanopia-linux.png index 6bc01e6295a..3a4c6bbaa4a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-colorblind-linux.png index 783f4abe23d..ce504fd763c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-high-contrast-linux.png index 31a6f03b837..7aa5ead0f6e 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-linux.png index 783f4abe23d..ce504fd763c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-tritanopia-linux.png index 783f4abe23d..ce504fd763c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Playground-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-colorblind-linux.png index 464a8a13e35..d3742feaa1d 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-dimmed-linux.png index 019c108ea44..bccd7288f8d 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-high-contrast-linux.png index 7d65692c734..34bbd9fc7d6 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-linux.png index 464a8a13e35..d3742feaa1d 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-tritanopia-linux.png index 464a8a13e35..d3742feaa1d 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-colorblind-linux.png index 7f6d91533c1..2ccf6680024 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-high-contrast-linux.png index 7a888489cc5..c2d5ce467f9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-linux.png index 7f6d91533c1..2ccf6680024 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-tritanopia-linux.png index 7f6d91533c1..2ccf6680024 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlButton-Playground-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-colorblind-linux.png index 63424f4684c..e43a1ac242b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-dimmed-linux.png index 37f063fdce8..48ddf4ff0b3 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-high-contrast-linux.png index d16ede08524..5bce67f1b23 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-linux.png index 63424f4684c..e43a1ac242b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-tritanopia-linux.png index 63424f4684c..e43a1ac242b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-colorblind-linux.png index 5c83b82a39f..6d0f748cb6b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-high-contrast-linux.png index 814c748d44e..a841fc18c7a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-linux.png index 5c83b82a39f..6d0f748cb6b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-tritanopia-linux.png index 5c83b82a39f..6d0f748cb6b 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-SegmentedControlIconButton-Playground-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-colorblind-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-dimmed-linux.png index d73d675c5bd..e23bbeae338 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-high-contrast-linux.png index 68f59dc02c9..94a172a091f 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-tritanopia-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-colorblind-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-high-contrast-linux.png index 9076853a70c..ea66b6a2068 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-tritanopia-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Action-Menu-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-colorblind-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-dimmed-linux.png index d73d675c5bd..e23bbeae338 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-high-contrast-linux.png index 68f59dc02c9..94a172a091f 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-tritanopia-linux.png index bf7a1d5c7d5..2d77b452aec 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-colorblind-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-high-contrast-linux.png index c8af7df7cde..ea66b6a2068 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-tritanopia-linux.png index 7660748d7af..0122dcfbfe9 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-Variant-Narrow-Hide-Labels-light-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-colorblind-linux.png index 6bc01e6295a..3a4c6bbaa4a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-dimmed-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-dimmed-linux.png index 0b74a98f8e0..b6f47dd9378 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-dimmed-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-dimmed-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-high-contrast-linux.png index 386bc6f6631..ac202deb238 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-linux.png index 6bc01e6295a..3a4c6bbaa4a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-tritanopia-linux.png index 6bc01e6295a..3a4c6bbaa4a 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-dark-tritanopia-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-colorblind-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-colorblind-linux.png index 783f4abe23d..ce504fd763c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-colorblind-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-colorblind-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-high-contrast-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-high-contrast-linux.png index 31a6f03b837..7aa5ead0f6e 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-high-contrast-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-linux.png index 783f4abe23d..ce504fd763c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-linux.png differ diff --git a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-tritanopia-linux.png b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-tritanopia-linux.png index 783f4abe23d..ce504fd763c 100644 Binary files a/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-tritanopia-linux.png and b/.playwright/snapshots/components/SegmentedControl.test.ts-snapshots/SegmentedControl-With-Icons-light-tritanopia-linux.png differ diff --git a/package-lock.json b/package-lock.json index 93a2bcde219..7400db5e608 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9077,7 +9077,9 @@ } }, "node_modules/@primer/primitives": { - "version": "7.16.0", + "version": "7.17.1", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.17.1.tgz", + "integrity": "sha512-SiPzEb+up1nDpV2NGwNiY8m6sGnF3OUqRb0has5s6T40vq6Li/g3cYVgl+oolEa4DUoNygEPs09jwJt24f/3zg==", "license": "MIT" }, "node_modules/@primer/react": { diff --git a/packages/react/src/Checkbox/Checkbox.tsx b/packages/react/src/Checkbox/Checkbox.tsx index b245d2a1094..06c8705892f 100644 --- a/packages/react/src/Checkbox/Checkbox.tsx +++ b/packages/react/src/Checkbox/Checkbox.tsx @@ -63,8 +63,11 @@ const StyledCheckbox = styled.input` &:checked, &:indeterminate { - background: ${get('colors.accent.fg')}; - border-color: ${get('colors.accent.fg')}; + background: var(--control-checked-bgColor-rest, ${get('colors.accent.fg')}); + border-color: var( + --control-checked-bgColor-rest, + ${get('colors.accent.fg')} + ); /* using bgColor here to avoid a border change in dark high contrast */ &::before { animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms; @@ -86,12 +89,12 @@ const StyledCheckbox = styled.input` } &:disabled { - background-color: ${get('colors.fg.muted')}; - border-color: ${get('colors.fg.muted')}; + background-color: var(--control-checked-bgColor-disabled, ${get('colors.fg.muted')}); + border-color: var(--control-checked-borderColor-disabled, ${get('colors.fg.muted')}); opacity: 1; &::before { - background-color: ${get('colors.fg.onEmphasis')}; + background-color: var(--control-checked-fgColor-disabled, ${get('colors.fg.onEmphasis')}); } } @@ -103,7 +106,7 @@ const StyledCheckbox = styled.input` } &:indeterminate { - background: ${get('colors.accent.fg')}; + background: var(--control-checked-bgColor-rest, ${get('colors.accent.fg')}); &::before { mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxQzAgMC40NDc3MTUgMC40NDc3MTUgMCAxIDBIOUM5LjU1MjI5IDAgMTAgMC40NDc3MTUgMTAgMUMxMCAxLjU1MjI4IDkuNTUyMjkgMiA5IDJIMUMwLjQ0NzcxNSAyIDAgMS41NTIyOCAwIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K'); visibility: visible; diff --git a/packages/react/src/CircleOcticon/CircleOcticon.stories.tsx b/packages/react/src/CircleOcticon/CircleOcticon.stories.tsx index 4971295aaaf..d2e403abaa2 100644 --- a/packages/react/src/CircleOcticon/CircleOcticon.stories.tsx +++ b/packages/react/src/CircleOcticon/CircleOcticon.stories.tsx @@ -9,7 +9,7 @@ export default { } as Meta export const Default = () => ( - + ) export const Playground: StoryFn = args => @@ -17,7 +17,7 @@ export const Playground: StoryFn = args => unchecked - add 120ms delay to fully see animation-out */ &:checked { - border-color: ${get('colors.accent.fg')}; border-width: var(--base-size-4, 4px); + border-color: var( + --control-checked-bgColor-rest, + ${get('colors.accent.fg')} + ); /* using bgColor here to avoid a border change in dark high contrast */ + background-color: var(--control-checked-fgColor-rest, ${get('colors.fg.onEmphasis')}); &:disabled { cursor: not-allowed; border-color: ${get('colors.fg.muted')}; + background-color: ${get('colors.fg.muted')}; } } diff --git a/packages/react/src/SegmentedControl/SegmentedControl.tsx b/packages/react/src/SegmentedControl/SegmentedControl.tsx index 51d00cf267f..8f2deb70117 100644 --- a/packages/react/src/SegmentedControl/SegmentedControl.tsx +++ b/packages/react/src/SegmentedControl/SegmentedControl.tsx @@ -36,6 +36,8 @@ type SegmentedControlProps = { const getSegmentedControlStyles = (props: {isFullWidth?: boolean; size?: SegmentedControlProps['size']}) => ({ backgroundColor: 'segmentedControl.bg', borderRadius: 2, + border: '1px solid', + borderColor: 'var(--controlTrack-borderColor-rest, transparent)', display: props.isFullWidth ? 'flex' : 'inline-flex', fontSize: props.size === 'small' ? 0 : 1, height: props.size === 'small' ? '28px' : '32px', // TODO: use primitive `control.{small|medium}.size` when it is available diff --git a/packages/react/src/StateLabel/StateLabel.tsx b/packages/react/src/StateLabel/StateLabel.tsx index 8df7ea42b5a..f038fe1151e 100644 --- a/packages/react/src/StateLabel/StateLabel.tsx +++ b/packages/react/src/StateLabel/StateLabel.tsx @@ -52,42 +52,52 @@ const colorVariants = variant({ issueClosed: { backgroundColor: 'done.emphasis', color: 'fg.onEmphasis', + boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent)', }, issueClosedNotPlanned: { backgroundColor: 'neutral.emphasis', color: 'fg.onEmphasis', + boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent)', }, pullClosed: { backgroundColor: 'closed.emphasis', color: 'fg.onEmphasis', + boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-closed-emphasis, transparent)', }, pullMerged: { backgroundColor: 'done.emphasis', color: 'fg.onEmphasis', + boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent)', }, pullQueued: { backgroundColor: 'attention.emphasis', color: 'fg.onEmphasis', + boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-attention-emphasis, transparent)', }, issueOpened: { backgroundColor: 'open.emphasis', color: 'fg.onEmphasis', + boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent)', }, pullOpened: { backgroundColor: 'open.emphasis', color: 'fg.onEmphasis', + boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent)', }, draft: { backgroundColor: 'neutral.emphasis', color: 'fg.onEmphasis', + boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent)', }, issueDraft: { backgroundColor: 'neutral.emphasis', color: 'fg.onEmphasis', + boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent)', }, unavailable: { backgroundColor: 'neutral.emphasis', color: 'fg.onEmphasis', + boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent)', }, }, }) diff --git a/packages/react/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap b/packages/react/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap index d067b48e570..66f67f91bdf 100644 --- a/packages/react/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap +++ b/packages/react/src/StateLabel/__tests__/__snapshots__/StateLabel.test.tsx.snap @@ -21,6 +21,7 @@ exports[`StateLabel renders children 1`] = ` border-radius: 100px; background-color: var(--bgColor-open-emphasis,var(--color-open-emphasis,#1f883d)); color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff)); + box-shadow: var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent); padding-left: 12px; padding-right: 12px; padding-top: 8px; @@ -81,6 +82,7 @@ exports[`StateLabel respects the status prop 1`] = ` border-radius: 100px; background-color: var(--bgColor-open-emphasis,var(--color-open-emphasis,#1f883d)); color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff)); + box-shadow: var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent); padding-left: 12px; padding-right: 12px; padding-top: 8px; @@ -140,6 +142,7 @@ exports[`StateLabel respects the status prop 2`] = ` border-radius: 100px; background-color: var(--bgColor-done-emphasis,var(--color-done-emphasis,#8250df)); color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff)); + box-shadow: var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-done-emphasis,transparent); padding-left: 12px; padding-right: 12px; padding-top: 8px; @@ -199,6 +202,7 @@ exports[`StateLabel respects the status prop 3`] = ` border-radius: 100px; background-color: var(--bgColor-neutral-emphasis,var(--color-neutral-emphasis,#6e7781)); color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff)); + box-shadow: var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-neutral-emphasis,transparent); padding-left: 12px; padding-right: 12px; padding-top: 8px; @@ -255,6 +259,7 @@ exports[`StateLabel respects the status prop 4`] = ` border-radius: 100px; background-color: var(--bgColor-done-emphasis,var(--color-done-emphasis,#8250df)); color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff)); + box-shadow: var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-done-emphasis,transparent); padding-left: 12px; padding-right: 12px; padding-top: 8px; @@ -311,6 +316,7 @@ exports[`StateLabel respects the status prop 5`] = ` border-radius: 100px; background-color: var(--bgColor-attention-emphasis,var(--color-attention-emphasis,#9a6700)); color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff)); + box-shadow: var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-attention-emphasis,transparent); padding-left: 12px; padding-right: 12px; padding-top: 8px; @@ -367,6 +373,7 @@ exports[`StateLabel respects the variant prop 1`] = ` border-radius: 100px; background-color: var(--bgColor-open-emphasis,var(--color-open-emphasis,#1f883d)); color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff)); + box-shadow: var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent); padding-left: 8px; padding-right: 8px; padding-top: 4px; @@ -426,6 +433,7 @@ exports[`StateLabel respects the variant prop 2`] = ` border-radius: 100px; background-color: var(--bgColor-open-emphasis,var(--color-open-emphasis,#1f883d)); color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff)); + box-shadow: var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent); padding-left: 12px; padding-right: 12px; padding-top: 8px; diff --git a/packages/react/src/ToggleSwitch/ToggleSwitch.tsx b/packages/react/src/ToggleSwitch/ToggleSwitch.tsx index 2a2841a6c6e..24c09a9a852 100644 --- a/packages/react/src/ToggleSwitch/ToggleSwitch.tsx +++ b/packages/react/src/ToggleSwitch/ToggleSwitch.tsx @@ -120,7 +120,7 @@ const SwitchButton = styled.button` } } - &:hover, + &:hover:not(:disabled), &:focus:focus-visible { background-color: ${get('colors.switchTrack.hoverBg')}; } @@ -143,9 +143,9 @@ const SwitchButton = styled.button` if (props.checked) { return css` background-color: ${get('colors.switchTrack.checked.bg')}; - border-color: transparent; + border-color: var(--control-checked-borderColor-rest, transparent); - &:hover, + &:hover:not(:disabled), &:focus:focus-visible { background-color: ${get('colors.switchTrack.checked.hoverBg')}; } @@ -158,7 +158,7 @@ const SwitchButton = styled.button` } else { return css` background-color: ${get('colors.switchTrack.bg')}; - border-color: transparent; + border-color: var(--controlTrack-borderColor-rest, transparent); &:active { background-color: ${get('colors.switchTrack.activeBg')}; diff --git a/packages/react/src/Tooltip/Tooltip.tsx b/packages/react/src/Tooltip/Tooltip.tsx index 1596d45fc73..cdb81a983bf 100644 --- a/packages/react/src/Tooltip/Tooltip.tsx +++ b/packages/react/src/Tooltip/Tooltip.tsx @@ -20,7 +20,7 @@ const TooltipBase = styled.span` padding: 0.5em 0.75em; font: normal normal 11px/1.5 ${get('fonts.normal')}; -webkit-font-smoothing: subpixel-antialiased; - color: ${get('colors.fg.onEmphasis')}; + color: var(--tooltip-fgColor, ${get('colors.fg.onEmphasis')}); text-align: center; text-decoration: none; text-shadow: none; @@ -30,7 +30,7 @@ const TooltipBase = styled.span` white-space: pre; pointer-events: none; content: attr(aria-label); - background: ${get('colors.neutral.emphasisPlus')}; + background: var(--tooltip-bgColor, ${get('colors.neutral.emphasisPlus')}); border-radius: ${get('radii.2')}; opacity: 0; } diff --git a/packages/react/src/TooltipV2/Tooltip.tsx b/packages/react/src/TooltipV2/Tooltip.tsx index 5023094eb88..b4756ff12d0 100644 --- a/packages/react/src/TooltipV2/Tooltip.tsx +++ b/packages/react/src/TooltipV2/Tooltip.tsx @@ -31,10 +31,10 @@ const StyledTooltip = styled.span` white-space: normal; font: normal normal 11px/1.5 ${get('fonts.normal')}; -webkit-font-smoothing: subpixel-antialiased; - color: ${get('colors.fg.onEmphasis')}; + color: var(--tooltip-fgColor, ${get('colors.fg.onEmphasis')}); text-align: center; word-wrap: break-word; - background: ${get('colors.neutral.emphasisPlus')}; + background: var(--tooltip-bgColor, ${get('colors.neutral.emphasisPlus')}); border-radius: ${get('radii.2')}; border: 0; opacity: 0; diff --git a/packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap b/packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap index 0d46a95d036..6e41d302e67 100644 --- a/packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap +++ b/packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap @@ -1987,10 +1987,10 @@ exports[`TextInput renders trailingAction icon button 1`] = ` white-space: normal; font: normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; -webkit-font-smoothing: subpixel-antialiased; - color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff)); + color: var(--tooltip-fgColor,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff))); text-align: center; word-wrap: break-word; - background: var(--bgColor-emphasis,var(--color-neutral-emphasis-plus,#24292f)); + background: var(--tooltip-bgColor,var(--bgColor-emphasis,var(--color-neutral-emphasis-plus,#24292f))); border-radius: 6px; border: 0; opacity: 0; @@ -3089,10 +3089,10 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` white-space: normal; font: normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; -webkit-font-smoothing: subpixel-antialiased; - color: var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff)); + color: var(--tooltip-fgColor,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis,#ffffff))); text-align: center; word-wrap: break-word; - background: var(--bgColor-emphasis,var(--color-neutral-emphasis-plus,#24292f)); + background: var(--tooltip-bgColor,var(--bgColor-emphasis,var(--color-neutral-emphasis-plus,#24292f))); border-radius: 6px; border: 0; opacity: 0; diff --git a/packages/react/src/internal/utils/sharedCheckboxAndRadioStyles.ts b/packages/react/src/internal/utils/sharedCheckboxAndRadioStyles.ts index 40b02d77fce..d7a5fd33cd2 100644 --- a/packages/react/src/internal/utils/sharedCheckboxAndRadioStyles.ts +++ b/packages/react/src/internal/utils/sharedCheckboxAndRadioStyles.ts @@ -3,7 +3,7 @@ import {get} from '../../constants' export const sharedCheckboxAndRadioStyles = css` appearance: none; - border-color: ${get('colors.neutral.emphasis')}; + border-color: var(--control-borderColor-emphasis, ${get('colors.neutral.emphasis')}); border-style: solid; border-width: ${get('borderWidths.1')}; cursor: pointer; @@ -14,6 +14,7 @@ export const sharedCheckboxAndRadioStyles = css` place-content: center; position: relative; width: var(--base-size-16, 16px); + background-color: ${get('colors.canvas.default')}; &:disabled { background-color: ${get('colors.input.disabledBg')};