fix(deps): update all non-major dependencies (#1341)

* fix(deps): update all non-major dependencies * fix: ts --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Robb Niznik <rniznik@launchdarkly.com>
launchdarkly · Jun 24, 2024 · bed25bf · bed25bf
1 parent 82cbd57
commit bed25bf
Show file tree

Hide file tree

Showing 10 changed files with 158 additions and 139 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-20.14.0
+20.15.0
diff --git a/package.json b/package.json
@@ -56,7 +56,7 @@
 		"@storybook/test": "^8.1.1",
 		"@storybook/theming": "^8.1.1",
 		"@storybook/types": "^8.1.1",
-		"@testing-library/dom": "^10.1.0",
+		"@testing-library/dom": "^10.2.0",
 		"@testing-library/jest-dom": "^6.4.2",
 		"@testing-library/react": "^16.0.0",
 		"@testing-library/user-event": "^14.5.2",
@@ -87,12 +87,12 @@
 		"stylelint": "^16.6.1",
 		"stylelint-config-standard": "^36.0.0",
 		"stylelint-value-no-unknown-custom-properties": "^6.0.1",
-		"typescript": "^5.4.2",
+		"typescript": "^5.5.2",
 		"typescript-plugin-css-modules": "^5.1.0",
 		"vite": "^5.3.1",
 		"vitest": "^1.6.0"
 	},
-	"packageManager": "pnpm@9.3.0",
+	"packageManager": "pnpm@9.4.0",
 	"pnpm": {
 		"peerDependencyRules": {
 			"allowedVersions": {

diff --git a/packages/box/package.json b/packages/box/package.json
@@ -35,7 +35,7 @@
 	"dependencies": {
 		"@launchpad-ui/tokens": "workspace:~",
 		"@launchpad-ui/vars": "workspace:~",
-		"@radix-ui/react-slot": "1.0.2",
+		"@radix-ui/react-slot": "1.1.0",
 		"@vanilla-extract/dynamic": "2.1.0",
 		"rainbow-sprinkles": "0.17.0"
 	},

diff --git a/packages/button/package.json b/packages/button/package.json
@@ -35,7 +35,7 @@
 	"dependencies": {
 		"@launchpad-ui/icons": "workspace:~",
 		"@launchpad-ui/tokens": "workspace:~",
-		"@radix-ui/react-slot": "1.0.2",
+		"@radix-ui/react-slot": "1.1.0",
 		"classix": "2.1.17"
 	},
 	"peerDependencies": {

diff --git a/packages/clipboard/package.json b/packages/clipboard/package.json
@@ -37,7 +37,7 @@
 		"@launchpad-ui/tokens": "workspace:~",
 		"@launchpad-ui/tooltip": "workspace:~",
 		"@react-aria/live-announcer": "3.3.4",
-		"@radix-ui/react-slot": "1.0.2",
+		"@radix-ui/react-slot": "1.1.0",
 		"classix": "2.1.17"
 	},
 	"peerDependencies": {

diff --git a/packages/components/stories/ComboBox.stories.tsx b/packages/components/stories/ComboBox.stories.tsx
@@ -51,9 +51,9 @@ const open = {
 };
 
 export const Example: Story = {
-	args: {
-		children: (
-			<>
+	render: (args) => {
+		return (
+			<ComboBox {...args}>
 				<Label>Label</Label>
 				<Group>
 					<Input />
@@ -72,15 +72,15 @@ export const Example: Story = {
 						<ListBoxItem>Item three</ListBoxItem>
 					</ListBox>
 				</Popover>
-			</>
-		),
+			</ComboBox>
+		);
 	},
 };
 
 export const Descriptions: Story = {
-	args: {
-		children: (
-			<>
+	render: (args) => {
+		return (
+			<ComboBox selectedKey="react-aria-2" {...args}>
 				<Label>Label</Label>
 				<Group>
 					<Icon name="search" size="small" />
@@ -108,9 +108,8 @@ export const Descriptions: Story = {
 						</ListBoxItem>
 					</ListBox>
 				</Popover>
-			</>
-		),
-		selectedKey: 'react-aria-2',
+			</ComboBox>
+		);
 	},
 	...open,
 };

diff --git a/packages/components/stories/ListBox.stories.tsx b/packages/components/stories/ListBox.stories.tsx
@@ -25,23 +25,21 @@ export default meta;
 type Story = StoryObj<typeof ListBox>;
 
 export const Example: Story = {
-	args: {
-		children: (
-			<>
+	render: (args) => {
+		return (
+			<ListBox aria-label="Items" selectionMode="single" {...args}>
 				<ListBoxItem>Item one</ListBoxItem>
 				<ListBoxItem>Item two</ListBoxItem>
 				<ListBoxItem>Item three</ListBoxItem>
-			</>
-		),
-		'aria-label': 'Items',
-		selectionMode: 'single',
+			</ListBox>
+		);
 	},
 };
 
 export const Grouping: Story = {
-	args: {
-		children: (
-			<>
+	render: (args) => {
+		return (
+			<ListBox aria-label="Items" selectionMode="multiple" {...args}>
 				<Section>
 					<Header>Group 1</Header>
 					<ListBoxItem>Item one</ListBoxItem>
@@ -54,10 +52,8 @@ export const Grouping: Story = {
 					<ListBoxItem>Item five</ListBoxItem>
 					<ListBoxItem>Item six</ListBoxItem>
 				</Section>
-			</>
-		),
-		'aria-label': 'Items',
-		selectionMode: 'multiple',
+			</ListBox>
+		);
 	},
 };
 
@@ -66,23 +62,25 @@ export const Selection: Story = {
 		const [selected, setSelected] = useState<AriaSelection>(new Set(['react-aria-1']));
 
 		return (
-			<ListBox selectedKeys={selected} onSelectionChange={setSelected} {...args}>
+			<ListBox
+				aria-label="Items"
+				selectionMode="single"
+				selectedKeys={selected}
+				onSelectionChange={setSelected}
+				{...args}
+			>
 				<ListBoxItem>Item one</ListBoxItem>
 				<ListBoxItem>Item two</ListBoxItem>
 				<ListBoxItem>Item three</ListBoxItem>
 			</ListBox>
 		);
 	},
-	args: {
-		'aria-label': 'Items',
-		selectionMode: 'single',
-	},
 };
 
 export const Descriptions: Story = {
-	args: {
-		children: (
-			<>
+	render: (args) => {
+		return (
+			<ListBox aria-label="Items" selectionMode="single" {...args}>
 				<ListBoxItem>
 					<Text slot="label">Read</Text>
 					<Text slot="description">Read only</Text>
@@ -95,17 +93,15 @@ export const Descriptions: Story = {
 					<Text slot="label">Admin</Text>
 					<Text slot="description">Full access</Text>
 				</ListBoxItem>
-			</>
-		),
-		'aria-label': 'Items',
-		selectionMode: 'single',
+			</ListBox>
+		);
 	},
 };
 
 export const Icons: Story = {
-	args: {
-		children: (
-			<>
+	render: (args) => {
+		return (
+			<ListBox aria-label="Items" selectionMode="single" {...args}>
 				<ListBoxItem>
 					<Text slot="label">
 						<Icon name="add" size="small" /> Add
@@ -117,26 +113,26 @@ export const Icons: Story = {
 				<ListBoxItem>
 					<Icon name="delete" size="small" /> Delete
 				</ListBoxItem>
-			</>
-		),
-		'aria-label': 'Items',
-		selectionMode: 'single',
+			</ListBox>
+		);
 	},
 };
 
 export const States: Story = {
-	args: {
-		children: (
-			<>
+	render: (args) => {
+		return (
+			<ListBox
+				aria-label="Items"
+				selectionMode="single"
+				disabledKeys={new Set(['react-aria-4'])}
+				{...args}
+			>
 				<ListBoxItem>Resting</ListBoxItem>
 				<ListBoxItem>Active</ListBoxItem>
 				<ListBoxItem>Focus Visible</ListBoxItem>
 				<ListBoxItem>Disabled</ListBoxItem>
-			</>
-		),
-		'aria-label': 'Items',
-		selectionMode: 'single',
-		disabledKeys: new Set(['react-aria-4']),
+			</ListBox>
+		);
 	},
 	play: async ({ canvasElement }: { canvasElement: HTMLElement }) => {
 		const canvas = within(canvasElement);

diff --git a/packages/components/stories/Menu.stories.tsx b/packages/components/stories/Menu.stories.tsx
@@ -107,12 +107,10 @@ export const SingleSelection: Story = {
 		return renderMenu({
 			selectedKeys: selected,
 			onSelectionChange: setSelected,
+			selectionMode: 'single',
 			...args,
 		});
 	},
-	args: {
-		selectionMode: 'single',
-	},
 	...open,
 };
 
@@ -123,12 +121,10 @@ export const MultipleSelection: Story = {
 		return renderMenu({
 			selectedKeys: selected,
 			onSelectionChange: setSelected,
+			selectionMode: 'multiple',
 			...args,
 		});
 	},
-	args: {
-		selectionMode: 'multiple',
-	},
 	...open,
 };
 
@@ -189,7 +185,7 @@ export const States: Story = {
 			<MenuTrigger>
 				<Button>Trigger</Button>
 				<Popover>
-					<Menu {...args}>
+					<Menu disabledKeys={new Set(['react-aria-4'])} {...args}>
 						<MenuItem>Resting</MenuItem>
 						<MenuItem>Active</MenuItem>
 						<MenuItem>Focus Visible</MenuItem>
@@ -199,9 +195,6 @@ export const States: Story = {
 			</MenuTrigger>
 		);
 	},
-	args: {
-		disabledKeys: new Set(['react-aria-4']),
-	},
 	play: async ({ canvasElement }: { canvasElement: HTMLElement }) => {
 		const canvas = within(canvasElement);
 

diff --git a/packages/menu/package.json b/packages/menu/package.json
@@ -38,7 +38,7 @@
 		"@launchpad-ui/popover": "workspace:~",
 		"@launchpad-ui/tokens": "workspace:~",
 		"@launchpad-ui/tooltip": "workspace:~",
-		"@radix-ui/react-slot": "1.0.2",
+		"@radix-ui/react-slot": "1.1.0",
 		"@react-aria/focus": "3.17.1",
 		"@react-aria/separator": "3.3.13",
 		"classix": "2.1.17",