From 6bcda0bb3a639d57c9d6d17d52b1940780f17e6d Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Fri, 21 Apr 2023 11:33:43 -0700 Subject: [PATCH 1/3] update new name --- src/Radio/Radio.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Radio/Radio.tsx b/src/Radio/Radio.tsx index e50086d2602..0e4fbc7614d 100644 --- a/src/Radio/Radio.tsx +++ b/src/Radio/Radio.tsx @@ -42,7 +42,7 @@ export type RadioProps = { const StyledRadio = styled.input` ${sharedCheckboxAndRadioStyles}; - border-radius: var(--primer-borderRadius-full, 100vh); + border-radius: var(--borderRadius-full, 100vh); transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */ &:checked { From 9bf6674dc2dcbd01303f3f6d60cb578f05e6a23c Mon Sep 17 00:00:00 2001 From: Katie Langerman <18661030+langermank@users.noreply.github.com> Date: Fri, 21 Apr 2023 11:35:51 -0700 Subject: [PATCH 2/3] Create late-hotels-turn.md --- .changeset/late-hotels-turn.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/late-hotels-turn.md diff --git a/.changeset/late-hotels-turn.md b/.changeset/late-hotels-turn.md new file mode 100644 index 00000000000..e764a6e8e0d --- /dev/null +++ b/.changeset/late-hotels-turn.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Remove `--primer` prefix from CSS var From 1ee99f7f7c0457dd6f990d813aee2efe87b7d497 Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Fri, 21 Apr 2023 11:44:58 -0700 Subject: [PATCH 3/3] snaps --- .../CheckboxOrRadioGroup.test.tsx.snap | 2 +- .../__snapshots__/Radio.test.tsx.snap | 2 +- .../__snapshots__/RadioGroup.test.tsx.snap | 2 +- .../__snapshots__/ChoiceFieldset.test.tsx.snap | 18 +++++++++--------- 4 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/__tests__/__snapshots__/CheckboxOrRadioGroup.test.tsx.snap b/src/__tests__/__snapshots__/CheckboxOrRadioGroup.test.tsx.snap index 0f4c49eb9a0..e48aa53ef97 100644 --- a/src/__tests__/__snapshots__/CheckboxOrRadioGroup.test.tsx.snap +++ b/src/__tests__/__snapshots__/CheckboxOrRadioGroup.test.tsx.snap @@ -83,7 +83,7 @@ exports[`CheckboxOrRadioGroup renders consistently 1`] = ` place-content: center; position: relative; width: var(--base-size-16,16px); - border-radius: var(--primer-borderRadius-full,100vh); + border-radius: var(--borderRadius-full,100vh); -webkit-transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); } diff --git a/src/__tests__/__snapshots__/Radio.test.tsx.snap b/src/__tests__/__snapshots__/Radio.test.tsx.snap index 334355c49b5..caad863c07d 100644 --- a/src/__tests__/__snapshots__/Radio.test.tsx.snap +++ b/src/__tests__/__snapshots__/Radio.test.tsx.snap @@ -16,7 +16,7 @@ exports[`Radio renders consistently 1`] = ` place-content: center; position: relative; width: var(--base-size-16,16px); - border-radius: var(--primer-borderRadius-full,100vh); + border-radius: var(--borderRadius-full,100vh); -webkit-transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); } diff --git a/src/__tests__/__snapshots__/RadioGroup.test.tsx.snap b/src/__tests__/__snapshots__/RadioGroup.test.tsx.snap index 2f3b4b14b2d..910aef774dd 100644 --- a/src/__tests__/__snapshots__/RadioGroup.test.tsx.snap +++ b/src/__tests__/__snapshots__/RadioGroup.test.tsx.snap @@ -83,7 +83,7 @@ exports[`RadioGroup renders consistently 1`] = ` place-content: center; position: relative; width: var(--base-size-16,16px); - border-radius: var(--primer-borderRadius-full,100vh); + border-radius: var(--borderRadius-full,100vh); -webkit-transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); } diff --git a/src/__tests__/deprecated/__snapshots__/ChoiceFieldset.test.tsx.snap b/src/__tests__/deprecated/__snapshots__/ChoiceFieldset.test.tsx.snap index d57218fc2c2..2c066511224 100644 --- a/src/__tests__/deprecated/__snapshots__/ChoiceFieldset.test.tsx.snap +++ b/src/__tests__/deprecated/__snapshots__/ChoiceFieldset.test.tsx.snap @@ -66,7 +66,7 @@ exports[`ChoiceFieldset renders a disabled list 1`] = ` place-content: center; position: relative; width: var(--base-size-16,16px); - border-radius: var(--primer-borderRadius-full,100vh); + border-radius: var(--borderRadius-full,100vh); -webkit-transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); } @@ -288,7 +288,7 @@ exports[`ChoiceFieldset renders a fieldset with a description 1`] = ` place-content: center; position: relative; width: var(--base-size-16,16px); - border-radius: var(--primer-borderRadius-full,100vh); + border-radius: var(--borderRadius-full,100vh); -webkit-transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); } @@ -531,7 +531,7 @@ exports[`ChoiceFieldset renders a list of items with leading visuals and caption place-content: center; position: relative; width: var(--base-size-16,16px); - border-radius: var(--primer-borderRadius-full,100vh); + border-radius: var(--borderRadius-full,100vh); -webkit-transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); } @@ -1132,7 +1132,7 @@ exports[`ChoiceFieldset renders a required fieldset 1`] = ` place-content: center; position: relative; width: var(--base-size-16,16px); - border-radius: var(--primer-borderRadius-full,100vh); + border-radius: var(--borderRadius-full,100vh); -webkit-transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); } @@ -1360,7 +1360,7 @@ exports[`ChoiceFieldset renders default 1`] = ` place-content: center; position: relative; width: var(--base-size-16,16px); - border-radius: var(--primer-borderRadius-full,100vh); + border-radius: var(--borderRadius-full,100vh); -webkit-transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); } @@ -1575,7 +1575,7 @@ exports[`ChoiceFieldset renders with a custom name and id passed 1`] = ` place-content: center; position: relative; width: var(--base-size-16,16px); - border-radius: var(--primer-borderRadius-full,100vh); + border-radius: var(--borderRadius-full,100vh); -webkit-transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); } @@ -1794,7 +1794,7 @@ exports[`ChoiceFieldset renders with a hidden legend 1`] = ` place-content: center; position: relative; width: var(--base-size-16,16px); - border-radius: var(--primer-borderRadius-full,100vh); + border-radius: var(--borderRadius-full,100vh); -webkit-transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); } @@ -2050,7 +2050,7 @@ exports[`ChoiceFieldset renders with a success validation message 1`] = ` place-content: center; position: relative; width: var(--base-size-16,16px); - border-radius: var(--primer-borderRadius-full,100vh); + border-radius: var(--borderRadius-full,100vh); -webkit-transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); } @@ -2344,7 +2344,7 @@ exports[`ChoiceFieldset renders with an error validation message 1`] = ` place-content: center; position: relative; width: var(--base-size-16,16px); - border-radius: var(--primer-borderRadius-full,100vh); + border-radius: var(--borderRadius-full,100vh); -webkit-transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); transition: background-color,border-color 80ms cubic-bezier(0.33,1,0.68,1); }