feat: WakuWakuButton を追加

[uknmr]

関連URL

https://smarthr.atlassian.net/browse/SHRUI-986

概要

BulkActionRow のわくわくチェックの操作ボタンとして WakuWakuButton を追加しました。BulkActionRow の上に置いてもコントラスト比が保てるように link-darker を作っています。

変更内容

• preset 内の link color を整理
• WakuWakuButton を作成
• Table の Story にわくわくチェックのサンプルを追加

確認方法

Storybook や Chromatic で確認してください。

[pkg-pr-new]

Open in Stackblitz

pnpm add https://pkg.pr.new/kufu/smarthr-ui@5018

commit: 1d70e40

[s-sasaki-0529]

一応単体で利用できるコンポーネントということになるので、RSC対応チェックの方に追加してもらえると助かります！(ベースが Button なので多分クライアントコンポーネント)

smarthr-ui/sandbox/next/e2e/rsc.test.ts

Lines 34 to 126 in b211123

	/**
	* サーバーコンポーネントでは利用できないコンポーネント一覧(アルファベット順)
	*/
	const CLIENT_COMPONENTS = [
	'AccordionPanel',
	'AccordionPanelContent',
	'AccordionPanelItem',
	'AccordionPanelTrigger',
	'ActionDialog',
	'ActionDialogContent',
	'ActionDialogWithTrigger',
	'AppLauncher',
	'AppNavi',
	'AppNaviDropdown',
	'AppNaviDropdownMenuButton',
	'Article',
	'Aside',
	'Base',
	'BaseColumn',
	'BottomFixedArea',
	'BulkActionRow',
	'Button',
	'Calendar',
	'Center',
	'CheckBox',
	'Cluster',
	'CompactInformationPanel',
	'CurrencyInput',
	'DatePicker',
	'DefinitionList',
	'Dialog',
	'DialogCloser',
	'DialogContent',
	'DialogTrigger',
	'DialogWrapper',
	'DropZone',
	'Dropdown',
	'DropdownCloser',
	'DropdownContent',
	'DropdownMenuButton',
	'DropdownTrigger',
	'EmptyTableBody',
	'ErrorScreen',
	'Fieldset',
	'FilterDropdown',
	'FlashMessage',
	'FloatArea',
	'FormControl',
	'FormDialog',
	'FormDialogContent',
	'Header',
	'HeaderDropdownMenuButton',
	'Heading',
	'InformationPanel',
	'InputFile',
	'LanguageSwitcher',
	'LineClamp',
	'MessageDialog',
	'MessageDialogContent',
	'MessageScreen',
	'ModelessDialog',
	'MultiComboBox',
	'Nav',
	'NotificationBar',
	'PageCounter',
	'PageHeading',
	'Pagination',
	'RadioButton',
	'RadioButtonPanel',
	'Reel',
	'RemoteDialogTrigger',
	'RemoteTriggerActionDialog',
	'RemoteTriggerFormDialog',
	'RemoteTriggerMessageDialog',
	'SearchInput',
	'Section',
	'SegmentedControl',
	'Select',
	'SideNav',
	'Sidebar',
	'SingleComboBox',
	'SortDropdown',
	'Stack',
	'Stepper',
	'Switch',
	'TabBar',
	'TabItem',
	'TableReel',
	'TdCheckbox',
	'Textarea',
	'ThCheckbox',
	'Tooltip',
	]