diff --git a/src/components/Accordion.tsx b/src/components/Accordion.tsx index 1ddb3323..0452175b 100644 --- a/src/components/Accordion.tsx +++ b/src/components/Accordion.tsx @@ -39,7 +39,6 @@ function AccordionRef( ref={ref} asChild collapsible={props.collapsible ?? true} - css={{ overflow: 'hidden' }} {...props} > {children} diff --git a/src/components/ComboBox.tsx b/src/components/ComboBox.tsx index 1bb01c2c..3d44b44c 100644 --- a/src/components/ComboBox.tsx +++ b/src/components/ComboBox.tsx @@ -475,6 +475,7 @@ function ComboBox({ > {chips.map((chipProps) => ( ( - ({ - theme, - $size: size, - $parentFillLevel: parentFillLevel, - $matchFill: matchFill = false, - }) => { - const hPad = theme.spacing.small - const vPad = size === 'small' ? 5 : 9 - - return { - ...theme.partials.text.caption, - alignItems: 'center', - backgroundColor: matchFill - ? theme.colors[parentFillLevelToBackground[parentFillLevel]] - : theme.colors[ - parentFillLevel < 2 ? 'fill-three' : 'fill-three-selected' - ], - color: theme.colors.text, - display: 'flex', - flexDirection: 'row', - fontWeight: 600, - // Must specify individual padding to override Honorable styles on - paddingTop: vPad, - paddingBottom: vPad, - paddingLeft: hPad, - paddingRight: hPad, - borderRight: theme.borders.input, - } +}>(({ theme, $size: size, $parentFillLevel: parentFillLevel }) => { + const hPad = theme.spacing.small + const vPad = size === 'small' ? 5 : 9 + + return { + ...theme.partials.text.caption, + alignItems: 'center', + backgroundColor: theme.colors[parentFillLevelToBackground[parentFillLevel]], + color: theme.colors.text, + display: 'flex', + flexDirection: 'row', + fontWeight: 600, + // Must specify individual padding to override Honorable styles on + paddingTop: vPad, + paddingBottom: vPad, + paddingLeft: hPad, + paddingRight: hPad, + borderRight: theme.borders.input, } -) +}) const SelectButtonInner = styled.div<{ $isOpen: boolean @@ -233,7 +221,6 @@ const SelectButton = forwardRef< {titleContent} diff --git a/src/components/StepperStep.tsx b/src/components/StepperStep.tsx index 0a412f8f..3594b916 100644 --- a/src/components/StepperStep.tsx +++ b/src/components/StepperStep.tsx @@ -33,10 +33,7 @@ const StepperStepSC = styled.div<{ marginLeft: $vertical || $compact ? 'none' : 'auto', marginRight: $vertical || $compact ? 'none' : 'auto', borderRadius: '100%', - backgroundColor: - theme.mode === 'light' - ? theme.colors['fill-zero'] - : theme.colors['fill-one'], + backgroundColor: theme.colors['fill-two'], border: `1px solid ${ $isActive ? theme.colors['border-selected'] : theme.colors.border }`, diff --git a/src/components/Table.tsx b/src/components/Table.tsx index 8970461f..6922178b 100644 --- a/src/components/Table.tsx +++ b/src/components/Table.tsx @@ -832,7 +832,9 @@ function TableRef( {isEmpty(rows) && ( )}