diff --git a/.changeset/hot-planes-check.md b/.changeset/hot-planes-check.md new file mode 100644 index 00000000000..94a11c92bec --- /dev/null +++ b/.changeset/hot-planes-check.md @@ -0,0 +1,7 @@ +--- +'@primer/react': patch +--- + +Css styled block fixes + + diff --git a/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-Timeline-Break-dark-high-contrast-linux.png b/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-Timeline-Break-dark-high-contrast-linux.png index 02fb2563fa0..0ff0dd56465 100644 Binary files a/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-Timeline-Break-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-Timeline-Break-dark-high-contrast-linux.png differ diff --git a/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-Timeline-Break-light-high-contrast-linux.png b/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-Timeline-Break-light-high-contrast-linux.png index 64102b84ab5..a43829a0c0f 100644 Binary files a/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-Timeline-Break-light-high-contrast-linux.png and b/.playwright/snapshots/components/Timeline.test.ts-snapshots/Timeline-Timeline-Break-light-high-contrast-linux.png differ diff --git a/src/DataTable/Table.tsx b/src/DataTable/Table.tsx index 7ac2a15c478..87256788526 100644 --- a/src/DataTable/Table.tsx +++ b/src/DataTable/Table.tsx @@ -238,6 +238,7 @@ const StyledTable = styled.table>` display: grid; grid-template-columns: subgrid; grid-column: -1 /1; + } } ` diff --git a/src/Timeline/Timeline.tsx b/src/Timeline/Timeline.tsx index c28e30e8e54..ad9246b93c1 100644 --- a/src/Timeline/Timeline.tsx +++ b/src/Timeline/Timeline.tsx @@ -108,7 +108,7 @@ const TimelineBody = styled.div` ` const TimelineBreak = styled.div` - position: relative + position: relative; z-index: 1; height: 24px; margin: 0; diff --git a/src/deprecated/ActionList/Item.tsx b/src/deprecated/ActionList/Item.tsx index 573a4da70f5..0967a5b4155 100644 --- a/src/deprecated/ActionList/Item.tsx +++ b/src/deprecated/ActionList/Item.tsx @@ -293,7 +293,7 @@ const LeadingVisualContainer = styled(ColoredVisualContainer)` ` const TrailingContent = styled(ColoredVisualContainer)` - color: ${({variant, disabled}) => getItemVariant(variant, disabled).annotationColor}}; + color: ${({variant, disabled}) => getItemVariant(variant, disabled).annotationColor}; margin-left: ${get('space.2')}; margin-right: 0; width: auto; diff --git a/src/deprecated/Button/Button.tsx b/src/deprecated/Button/Button.tsx index 3a71f7f9e24..efc0e53577a 100644 --- a/src/deprecated/Button/Button.tsx +++ b/src/deprecated/Button/Button.tsx @@ -9,7 +9,7 @@ const Button = styled(ButtonBase)` color: ${get('colors.btn.text')}; background-color: ${get('colors.btn.bg')}; border: 1px solid ${get('colors.btn.border')}; - box-shadow: ${get('shadows.btn.shadow')}, ${get('shadows.btn.insetShadow')}}; + box-shadow: ${get('shadows.btn.shadow')}, ${get('shadows.btn.insetShadow')}; &:hover { background-color: ${get('colors.btn.hoverBg')};