diff --git a/packages/smarthr-ui/src/components/Table/BulkActionRow.tsx b/packages/smarthr-ui/src/components/Table/BulkActionRow.tsx index 9e2c162d26..c926a4a862 100644 --- a/packages/smarthr-ui/src/components/Table/BulkActionRow.tsx +++ b/packages/smarthr-ui/src/components/Table/BulkActionRow.tsx @@ -9,6 +9,8 @@ const bulkActionRow = tv({ cell: [ 'shr-bg-action-background shr-p-1 shr-text-base', 'forced-colors:shr-border-t-shorthand', + // コントラスト比が足りないため上書き(smarthr-ui-Button/AnchorButton では variants を特定できないため色を指定) + '[&_.smarthr-ui-Button.shr-text-link]:shr-text-link-darken [&_.smarthr-ui-AnchorButton.shr-text-link]:shr-text-link-darken', ], }, }) diff --git a/packages/smarthr-ui/src/components/Table/Table.stories.tsx b/packages/smarthr-ui/src/components/Table/Table.stories.tsx index 66a49522e2..dfce423776 100644 --- a/packages/smarthr-ui/src/components/Table/Table.stories.tsx +++ b/packages/smarthr-ui/src/components/Table/Table.stories.tsx @@ -5,6 +5,7 @@ import styled from 'styled-components' import { Base } from '../Base' import { Button } from '../Button' +import { FaPencilIcon } from '../Icon' import { Cluster } from '../Layout' import { Text } from '../Text' @@ -277,7 +278,21 @@ export const All: StoryFn = () => ( Protein (g) Button - Bulk action area + + +

50件のオブジェクトが選択されています。

+ + +
+
{data.map(({ name, calories, fat, carbs, protein }, i) => (