From ddbe22ab38a44c57d15ead3aa590dabad1a05579 Mon Sep 17 00:00:00 2001 From: Van Anderson Date: Mon, 7 Jun 2021 14:27:34 -0500 Subject: [PATCH 1/6] use functional shadow for overlay --- src/Overlay.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Overlay.tsx b/src/Overlay.tsx index 06dc8ae2161..a92e0d543fb 100644 --- a/src/Overlay.tsx +++ b/src/Overlay.tsx @@ -34,7 +34,7 @@ const widthMap = { /*TODO replace with shadow functional color variable when it's shipped to primer/primitives*/ const StyledOverlay = styled.div` background-color: ${get('colors.bg.overlay')}; - box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 8px 24px rgba(149, 157, 165, 0.2); + box-shadow: ${get('shadows.shadow.large')}; position: absolute; min-width: 192px; max-width: 640px; From bd90630c3b82d5fb66384268f416f1a97b38a880 Mon Sep 17 00:00:00 2001 From: Van Anderson Date: Wed, 9 Jun 2021 11:40:59 -0500 Subject: [PATCH 2/6] Create honest-apes-travel.md --- .changeset/honest-apes-travel.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/honest-apes-travel.md diff --git a/.changeset/honest-apes-travel.md b/.changeset/honest-apes-travel.md new file mode 100644 index 00000000000..e8f341e6478 --- /dev/null +++ b/.changeset/honest-apes-travel.md @@ -0,0 +1,5 @@ +--- +"@primer/components": patch +--- + +Use functional shadow for Overlay. From 45bac5bb32e7e4899e62221fb41c26bc27fa2c1d Mon Sep 17 00:00:00 2001 From: Cole Bemis Date: Mon, 14 Jun 2021 12:04:27 -0700 Subject: [PATCH 3/6] Update overlay shadows --- src/Dialog/Dialog.tsx | 2 +- src/Overlay.tsx | 3 +-- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/src/Dialog/Dialog.tsx b/src/Dialog/Dialog.tsx index 3eaebbae3e1..73477ee318b 100644 --- a/src/Dialog/Dialog.tsx +++ b/src/Dialog/Dialog.tsx @@ -184,7 +184,7 @@ const StyledDialog = styled.div` background-color: ${get('colors.bg.overlay')}; - box-shadow: ${get('shadows.shadow.large')}; + box-shadow: ${get('shadows.overlay.shadow')}; position: absolute; min-width: 192px; max-width: 640px; From 8b08a4d62bccb134e46571f32b0fe0dfd40a0e75 Mon Sep 17 00:00:00 2001 From: Cole Bemis Date: Mon, 14 Jun 2021 12:19:57 -0700 Subject: [PATCH 4/6] Update input border --- src/TextInput.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/TextInput.tsx b/src/TextInput.tsx index f73af813b19..a8c77488bd3 100644 --- a/src/TextInput.tsx +++ b/src/TextInput.tsx @@ -59,7 +59,7 @@ const Wrapper = styled.span` vertical-align: middle; background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc) background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically. - border: 1px solid ${get('colors.input.border')}; + border: 1px solid ${get('colors.border.primary')}; border-radius: ${get('radii.2')}; outline: none; box-shadow: ${get('shadows.shadow.inset')}; From 68f52c42860071bc1d351ea1195b55c7712d5de2 Mon Sep 17 00:00:00 2001 From: Cole Bemis Date: Mon, 14 Jun 2021 12:30:51 -0700 Subject: [PATCH 5/6] Create strong-eggs-yawn.md --- .changeset/strong-eggs-yawn.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/strong-eggs-yawn.md diff --git a/.changeset/strong-eggs-yawn.md b/.changeset/strong-eggs-yawn.md new file mode 100644 index 00000000000..5e532ead73e --- /dev/null +++ b/.changeset/strong-eggs-yawn.md @@ -0,0 +1,5 @@ +--- +"@primer/components": patch +--- + +Update TextInput border color From 75b5d1649b0da171600d3217c98d311679646cac Mon Sep 17 00:00:00 2001 From: Cole Bemis Date: Mon, 14 Jun 2021 12:31:26 -0700 Subject: [PATCH 6/6] Update honest-apes-travel.md --- .changeset/honest-apes-travel.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/honest-apes-travel.md b/.changeset/honest-apes-travel.md index e8f341e6478..9392d6cd8e4 100644 --- a/.changeset/honest-apes-travel.md +++ b/.changeset/honest-apes-travel.md @@ -2,4 +2,4 @@ "@primer/components": patch --- -Use functional shadow for Overlay. +Update overlay shadows