diff --git a/package-lock.json b/package-lock.json index 20c4950b3d732..12fb6cb87ed3b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -51098,7 +51098,7 @@ "@wordpress/icons": "*", "@wordpress/keyboard-shortcuts": "*", "@wordpress/keycodes": "*", - "@wordpress/media-utils": "5.14.0", + "@wordpress/media-utils": "*", "@wordpress/notices": "*", "@wordpress/patterns": "*", "@wordpress/plugins": "*", @@ -52660,15 +52660,15 @@ "license": "GPL-2.0-or-later", "dependencies": { "@shopify/web-worker": "^6.4.0", - "@wordpress/api-fetch": "file:../api-fetch", - "@wordpress/blob": "file:../blob", - "@wordpress/compose": "file:../compose", - "@wordpress/data": "file:../data", - "@wordpress/element": "file:../element", - "@wordpress/i18n": "file:../i18n", - "@wordpress/preferences": "file:../preferences", - "@wordpress/private-apis": "file:../private-apis", - "@wordpress/url": "file:../url", + "@wordpress/api-fetch": "*", + "@wordpress/blob": "*", + "@wordpress/compose": "*", + "@wordpress/data": "*", + "@wordpress/element": "*", + "@wordpress/i18n": "*", + "@wordpress/preferences": "*", + "@wordpress/private-apis": "*", + "@wordpress/url": "*", "uuid": "^9.0.1" }, "engines": { diff --git a/packages/components/src/tabs/stories/index.story.tsx b/packages/components/src/tabs/stories/index.story.tsx index e434bb501d85c..0502d6400a4f5 100644 --- a/packages/components/src/tabs/stories/index.story.tsx +++ b/packages/components/src/tabs/stories/index.story.tsx @@ -15,7 +15,6 @@ import { useState } from '@wordpress/element'; */ import { Tabs } from '..'; import { Slot, Fill, Provider as SlotFillProvider } from '../../slot-fill'; -import DropdownMenu from '../../dropdown-menu'; import Button from '../../button'; import Tooltip from '../../tooltip'; import Icon from '../../icon'; @@ -367,133 +366,3 @@ const CloseButtonTemplate: StoryFn< typeof Tabs > = ( props ) => { ); }; export const InsertCustomElements = CloseButtonTemplate.bind( {} ); - -const ControlledModeTemplate: StoryFn< typeof Tabs > = ( props ) => { - const [ selectedTabId, setSelectedTabId ] = useState< - string | undefined | null - >( props.selectedTabId ); - - return ( - <> - { - setSelectedTabId( selectedId ); - props.onSelect?.( selectedId ); - } } - > - - Tab 1 - - Tab 2 - - Tab 3 - - -

Selected tab: Tab 1

-
- -

Selected tab: Tab 2

-
- -

Selected tab: Tab 3

-
-
-
-

Select a tab:

- setSelectedTabId( 'tab1' ), - title: 'Tab 1', - isActive: selectedTabId === 'tab1', - }, - { - onClick: () => setSelectedTabId( 'tab2' ), - title: 'Tab 2', - isActive: selectedTabId === 'tab2', - }, - { - onClick: () => setSelectedTabId( 'tab3' ), - title: 'Tab 3', - isActive: selectedTabId === 'tab3', - }, - ] } - label="Choose a tab. The power is yours." - /> -
- - ); -}; - -export const ControlledMode = ControlledModeTemplate.bind( {} ); -ControlledMode.args = { - selectedTabId: 'tab3', -}; - -const TabBecomesDisabledTemplate: StoryFn< typeof Tabs > = ( props ) => { - const [ disableTab2, setDisableTab2 ] = useState( false ); - - return ( - <> - - - - Tab 1 - - Tab 2 - - Tab 3 - - -

Selected tab: Tab 1

-
- -

Selected tab: Tab 2

-
- -

Selected tab: Tab 3

-
-
- - ); -}; -export const TabBecomesDisabled = TabBecomesDisabledTemplate.bind( {} ); - -const TabGetsRemovedTemplate: StoryFn< typeof Tabs > = ( props ) => { - const [ removeTab1, setRemoveTab1 ] = useState( false ); - - return ( - <> - - - - { ! removeTab1 && Tab 1 } - Tab 2 - Tab 3 - - -

Selected tab: Tab 1

-
- -

Selected tab: Tab 2

-
- -

Selected tab: Tab 3

-
-
- - ); -}; -export const TabGetsRemoved = TabGetsRemovedTemplate.bind( {} ); diff --git a/packages/edit-site/package.json b/packages/edit-site/package.json index 299f0a67da9b7..10466285910a1 100644 --- a/packages/edit-site/package.json +++ b/packages/edit-site/package.json @@ -56,7 +56,7 @@ "@wordpress/icons": "*", "@wordpress/keyboard-shortcuts": "*", "@wordpress/keycodes": "*", - "@wordpress/media-utils": "5.14.0", + "@wordpress/media-utils": "*", "@wordpress/notices": "*", "@wordpress/patterns": "*", "@wordpress/plugins": "*", diff --git a/packages/edit-site/src/components/layout/style.scss b/packages/edit-site/src/components/layout/style.scss index caf7dd78da4b3..8d44015d52967 100644 --- a/packages/edit-site/src/components/layout/style.scss +++ b/packages/edit-site/src/components/layout/style.scss @@ -118,7 +118,7 @@ // This ensure the radius work properly. overflow: hidden; - @media not (prefers-reduced-motion) { + @media (prefers-reduced-motion: no-preference) { transition: border-radius, box-shadow 0.4s; } diff --git a/packages/upload-media/package.json b/packages/upload-media/package.json index 14ae4f77dc5cb..407592699183c 100644 --- a/packages/upload-media/package.json +++ b/packages/upload-media/package.json @@ -28,15 +28,15 @@ "types": "build-types", "dependencies": { "@shopify/web-worker": "^6.4.0", - "@wordpress/api-fetch": "file:../api-fetch", - "@wordpress/blob": "file:../blob", - "@wordpress/compose": "file:../compose", - "@wordpress/data": "file:../data", - "@wordpress/element": "file:../element", - "@wordpress/i18n": "file:../i18n", - "@wordpress/preferences": "file:../preferences", - "@wordpress/private-apis": "file:../private-apis", - "@wordpress/url": "file:../url", + "@wordpress/api-fetch": "*", + "@wordpress/blob": "*", + "@wordpress/compose": "*", + "@wordpress/data": "*", + "@wordpress/element": "*", + "@wordpress/i18n": "*", + "@wordpress/preferences": "*", + "@wordpress/private-apis": "*", + "@wordpress/url": "*", "uuid": "^9.0.1" }, "publishConfig": {