From 578c17633deb24d8d99319203d8bcbb4d56b737f Mon Sep 17 00:00:00 2001 From: Tim Layton Date: Wed, 5 Oct 2022 14:14:35 -0700 Subject: [PATCH 01/43] Remove KonamiCode component (#7349) --- .../src/components/KonamiCode/KonamiCode.tsx | 50 ---------------- .../src/components/KonamiCode/index.ts | 1 - .../KonamiCode/tests/KonamiCode.test.tsx | 58 ------------------- polaris-react/src/index.ts | 3 - polaris.shopify.com/src/data/props.json | 19 +----- 5 files changed, 1 insertion(+), 130 deletions(-) delete mode 100644 polaris-react/src/components/KonamiCode/KonamiCode.tsx delete mode 100644 polaris-react/src/components/KonamiCode/index.ts delete mode 100644 polaris-react/src/components/KonamiCode/tests/KonamiCode.test.tsx diff --git a/polaris-react/src/components/KonamiCode/KonamiCode.tsx b/polaris-react/src/components/KonamiCode/KonamiCode.tsx deleted file mode 100644 index d56fb9bebe9..00000000000 --- a/polaris-react/src/components/KonamiCode/KonamiCode.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import {useEffect, useState} from 'react'; - -import {Key} from '../../types'; - -export interface KonamiCodeProps { - handler(event: KeyboardEvent): void; -} - -export const KONAMI_CODE = [ - Key.UpArrow, - Key.UpArrow, - Key.DownArrow, - Key.DownArrow, - Key.LeftArrow, - Key.RightArrow, - Key.LeftArrow, - Key.RightArrow, - Key.KeyB, - Key.KeyA, -]; - -export function KonamiCode({handler}: KonamiCodeProps) { - const keyEvent = 'keydown'; - const [position, setPosition] = useState(0); - - const handleKeyEvent = (event: KeyboardEvent) => { - const key = event.keyCode; - const requiredKey = KONAMI_CODE[position]; - - if (key === requiredKey) { - if (position === KONAMI_CODE.length - 1) { - handler(event); - setPosition(0); - } else { - setPosition(position + 1); - } - } else { - setPosition(0); - } - }; - - useEffect(() => { - document.addEventListener(keyEvent, handleKeyEvent); - return () => { - document.removeEventListener(keyEvent, handleKeyEvent); - }; - }); - - return null; -} diff --git a/polaris-react/src/components/KonamiCode/index.ts b/polaris-react/src/components/KonamiCode/index.ts deleted file mode 100644 index bcbf369993a..00000000000 --- a/polaris-react/src/components/KonamiCode/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './KonamiCode'; diff --git a/polaris-react/src/components/KonamiCode/tests/KonamiCode.test.tsx b/polaris-react/src/components/KonamiCode/tests/KonamiCode.test.tsx deleted file mode 100644 index a836ddc3393..00000000000 --- a/polaris-react/src/components/KonamiCode/tests/KonamiCode.test.tsx +++ /dev/null @@ -1,58 +0,0 @@ -import React from 'react'; -import {clock} from '@shopify/jest-dom-mocks'; -import {mountWithApp} from 'tests/utilities'; - -import {KonamiCode, KONAMI_CODE} from '../KonamiCode'; - -describe('', () => { - beforeEach(() => { - clock.mock(); - jest.spyOn(console, 'error').mockImplementation(); - }); - - afterEach(() => { - clock.restore(); - // eslint-disable-next-line no-console - (console.error as jest.Mock).mockRestore(); - }); - - it('calls the handler when the Konami Code is entered', () => { - const spy = jest.fn(); - - mountWithApp(); - simulateKeySequence(KONAMI_CODE); - - expect(spy).toHaveBeenCalledTimes(1); - }); - - it('does not call the handler if the code is wrong', () => { - const spy = jest.fn(); - const reverseKonamiCode = [...KONAMI_CODE].reverse(); - - mountWithApp(); - simulateKeySequence(reverseKonamiCode); - - expect(spy).toHaveBeenCalledTimes(0); - }); - - it('removes Konami Code listener on unmount', () => { - const spy = jest.fn(); - - mountWithApp().unmount(); - simulateKeySequence(KONAMI_CODE); - - expect(spy).toHaveBeenCalledTimes(0); - }); -}); - -function simulateKeySequence(keys: number[]) { - for (const keyCode of keys) { - dispatchKeydown(keyCode); - clock.tick(0); - } -} - -function dispatchKeydown(keyCode: number) { - const event: KeyboardEventInit & {keyCode: number} = {keyCode}; - document.dispatchEvent(new KeyboardEvent('keydown', event)); -} diff --git a/polaris-react/src/index.ts b/polaris-react/src/index.ts index 72be6034339..28d1dc5d70c 100644 --- a/polaris-react/src/index.ts +++ b/polaris-react/src/index.ts @@ -229,9 +229,6 @@ export type {KeyboardKeyProps} from './components/KeyboardKey'; export {KeypressListener} from './components/KeypressListener'; export type {KeypressListenerProps} from './components/KeypressListener'; -export {KonamiCode} from './components/KonamiCode'; -export type {KonamiCodeProps} from './components/KonamiCode'; - export {Label, labelID} from './components/Label'; export type {LabelProps} from './components/Label'; diff --git a/polaris.shopify.com/src/data/props.json b/polaris.shopify.com/src/data/props.json index 21d27e4894d..b974d5228a4 100644 --- a/polaris.shopify.com/src/data/props.json +++ b/polaris.shopify.com/src/data/props.json @@ -14366,23 +14366,6 @@ "description": "" } }, - "KonamiCodeProps": { - "polaris-react/src/components/KonamiCode/KonamiCode.tsx": { - "filePath": "polaris-react/src/components/KonamiCode/KonamiCode.tsx", - "name": "KonamiCodeProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/KonamiCode/KonamiCode.tsx", - "syntaxKind": "MethodSignature", - "name": "handler", - "value": "(event: KeyboardEvent) => void", - "description": "" - } - ], - "value": "export interface KonamiCodeProps {\n handler(event: KeyboardEvent): void;\n}" - } - }, "LabelProps": { "polaris-react/src/components/Label/Label.tsx": { "filePath": "polaris-react/src/components/Label/Label.tsx", @@ -26880,4 +26863,4 @@ "value": "export interface MessageProps {\n title: string;\n description: string;\n action: {onClick(): void; content: string};\n link: {to: string; content: string};\n badge?: {content: string; status: BadgeProps['status']};\n}" } } -} \ No newline at end of file +} From d2d396f80f99f8679d2863b18b1ab004c0bc93ad Mon Sep 17 00:00:00 2001 From: Ryan Musgrave Date: Mon, 31 Oct 2022 10:29:44 -0400 Subject: [PATCH 02/43] [Collapsible] Remove deprecated Collapsible argument (#7397) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### WHY are these changes introduced? Removes a deprecated argument on the Collapsible component with the major version bump. ### WHAT is this pull request doing? Removes the prop as a breaking change. ### How to 🎩 πŸ–₯ [Local development instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development) πŸ—’ [General tophatting guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md) πŸ“„ [Changelog guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog) N/A tophatting instructions as Polaris does not use this prop internally. ### 🎩 checklist - [ ] Tested on [mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing) - [ ] Tested on [multiple browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers) - [ ] Tested for [accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md) - [ ] Updated the component's `README.md` with documentation changes - [ ] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide --- .changeset/stupid-vans-kick.md | 5 +++++ polaris-react/src/components/Collapsible/Collapsible.tsx | 3 --- 2 files changed, 5 insertions(+), 3 deletions(-) create mode 100644 .changeset/stupid-vans-kick.md diff --git a/.changeset/stupid-vans-kick.md b/.changeset/stupid-vans-kick.md new file mode 100644 index 00000000000..d096a5b3b04 --- /dev/null +++ b/.changeset/stupid-vans-kick.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': major +--- + +Removed deprecated preventMeasuringOnChildUpdate prop on Collapsible diff --git a/polaris-react/src/components/Collapsible/Collapsible.tsx b/polaris-react/src/components/Collapsible/Collapsible.tsx index c3c112397e9..93ec844f7dc 100644 --- a/polaris-react/src/components/Collapsible/Collapsible.tsx +++ b/polaris-react/src/components/Collapsible/Collapsible.tsx @@ -22,8 +22,6 @@ export interface CollapsibleProps { * @default transition={{duration: 'var(--p-duration-150)', timingFunction: 'var(--p-ease-in-out)'}} */ transition?: boolean | Transition; - /** @deprecated Re-measuring is no longer necessary on children update **/ - preventMeasuringOnChildrenUpdate?: boolean; /** The content to display inside the collapsible. */ children?: React.ReactNode; } @@ -35,7 +33,6 @@ export function Collapsible({ expandOnPrint, open, transition = true, - preventMeasuringOnChildrenUpdate: _preventMeasuringOnChildrenUpdate, children, }: CollapsibleProps) { const [height, setHeight] = useState(0); From 13d95f059d00d5ed45d567fe352d1dae4ec1f9bb Mon Sep 17 00:00:00 2001 From: Laura Griffee Date: Tue, 1 Nov 2022 16:19:56 -0600 Subject: [PATCH 03/43] Create migrating-from-v10-to-v11.md --- .../guides/migrating-from-v10-to-v11.md | 24 +++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 documentation/guides/migrating-from-v10-to-v11.md diff --git a/documentation/guides/migrating-from-v10-to-v11.md b/documentation/guides/migrating-from-v10-to-v11.md new file mode 100644 index 00000000000..d5dc182c192 --- /dev/null +++ b/documentation/guides/migrating-from-v10-to-v11.md @@ -0,0 +1,24 @@ +# Migrating from v10 to v11 + +Polaris v11.0.0 ([full release notes](https://github.com/Shopify/polaris/releases/tag/v11.0.0)) features... + +## Table of Contents + +- [Components](#components) + - [Removed deprecated Collapsible argument](#removed-deprecated-collapsible-argument) + - [Removed KonamiCode component](#removed-konamicode-component) +- [Tokens](#tokens) + +## Components + +### Removed deprecated Collapsible argument + +We've removed the following deprecated prop from the Collapsible component: + +`- preventMeasuringOnChildrenUpdate?: boolean;` + +### Removed KonamiCode component + +?? + +## Tokens From 1441b7a2dd0f87bb63ef7276945cd7d02b8d38b5 Mon Sep 17 00:00:00 2001 From: Kyle Durand Date: Thu, 5 Jan 2023 15:13:09 -0500 Subject: [PATCH 04/43] remove deprecated preventMeasuringOnChildrenUpdate --- polaris-react/src/components/Collapsible/Collapsible.tsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/polaris-react/src/components/Collapsible/Collapsible.tsx b/polaris-react/src/components/Collapsible/Collapsible.tsx index 049dba7e909..29befa8f15f 100644 --- a/polaris-react/src/components/Collapsible/Collapsible.tsx +++ b/polaris-react/src/components/Collapsible/Collapsible.tsx @@ -22,8 +22,6 @@ export interface CollapsibleProps { * @default transition={{duration: 'var(--p-duration-150)', timingFunction: 'var(--p-ease-in-out)'}} */ transition?: boolean | Transition; - /** @deprecated Re-measuring is no longer necessary on children update **/ - preventMeasuringOnChildrenUpdate?: boolean; /** Callback when the animation completes. */ onAnimationEnd?(): void; /** The content to display inside the collapsible. */ From 590711c395215d0b0c6a852e447f4aa3d108cb38 Mon Sep 17 00:00:00 2001 From: Matt Gregg Date: Tue, 10 Jan 2023 12:07:33 -0600 Subject: [PATCH 05/43] Change Breadcrumbs to accept a single breadcrumb instead of an array (#7990) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### WHY are these changes introduced? Breadcrumbs has only been using a single breadcrumb for a while now. Instead of allowing consumers to pass an array without knowing why only a single link is being used, we should remove the ability to pass an array and make the component easier to understand implicitly. ### WHAT is this pull request doing? UI will not change. The Breadcrumbs component was already only using the last breadcrumb link in the array. This PR changes the props for breadcrumbs and also the implementation on the Page component. ### Migration path Since this PR removes the `breadcrumbs[]` prop in favor of `breadcrumb` all uses of Page, and Breadcrumbs will need to be migrated. It will look something like this: ```ts //before const breadcrumbs = [ { content: 'Products', url: 'http://test.com', }, ]; //after const breadcrumb = { content: 'Products', url: 'http://test.com', }; ``` ### How to 🎩 Check the Breadcrumbs and Page components in storybook ### 🎩 checklist - [ ] Tested on [mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing) - [ ] Tested on [multiple browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers) - [ ] Tested for [accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md) - [ ] Updated the component's `README.md` with documentation changes - [ ] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide --- .changeset/afraid-scissors-work.md | 5 ++ polaris-react/playground/DetailsPage.tsx | 2 +- .../components/Breadcrumbs/Breadcrumbs.tsx | 11 +-- .../Breadcrumbs/tests/Breadcrumbs.test.tsx | 87 +++++++------------ .../src/components/Page/Page.stories.tsx | 17 ++-- polaris-react/src/components/Page/Page.tsx | 2 +- .../Page/components/Header/Header.tsx | 19 ++-- .../components/Header/tests/Header.test.tsx | 26 +++--- .../src/components/Page/tests/Page.test.tsx | 16 ++-- 9 files changed, 77 insertions(+), 108 deletions(-) create mode 100644 .changeset/afraid-scissors-work.md diff --git a/.changeset/afraid-scissors-work.md b/.changeset/afraid-scissors-work.md new file mode 100644 index 00000000000..8f01a30257d --- /dev/null +++ b/.changeset/afraid-scissors-work.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': major +--- + +Change breadcrumbs from an array to a single breadcrumb since only one is supported. diff --git a/polaris-react/playground/DetailsPage.tsx b/polaris-react/playground/DetailsPage.tsx index c249a84a190..00d3c2121da 100644 --- a/polaris-react/playground/DetailsPage.tsx +++ b/polaris-react/playground/DetailsPage.tsx @@ -547,7 +547,7 @@ export function DetailsPage() { const actualPageMarkup = ( Success badge} primaryAction={{ diff --git a/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx b/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx index d2b03e2014a..0dd6f05f2ba 100644 --- a/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx +++ b/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx @@ -10,16 +10,11 @@ import {Text} from '../Text'; import styles from './Breadcrumbs.scss'; export interface BreadcrumbsProps { - /** Collection of breadcrumbs */ - breadcrumbs: (CallbackAction | LinkAction)[]; + /** Breadcrumb link */ + breadcrumb: CallbackAction | LinkAction; } -export function Breadcrumbs({breadcrumbs}: BreadcrumbsProps) { - const breadcrumb = breadcrumbs[breadcrumbs.length - 1]; - if (breadcrumb == null) { - return null; - } - +export function Breadcrumbs({breadcrumb}: BreadcrumbsProps) { const {content} = breadcrumb; const contentMarkup = ( diff --git a/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx b/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx index 08f7ef38f46..51260f3e1ac 100644 --- a/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx +++ b/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx @@ -8,31 +8,25 @@ import {Text} from '../../Text'; describe('', () => { describe('url', () => { it('uses tags when passed a LinkAction', () => { - const linkBreadcrumbs: LinkAction[] = [ - { - content: 'Products', - url: 'https://www.shopify.com', - }, - ]; - + const linkBreadcrumb: LinkAction = { + content: 'Products', + url: 'https://www.shopify.com', + }; const breadcrumbs = mountWithApp( - , + , ); expect(breadcrumbs).toContainReactComponentTimes('a', 1); }); it('passes the accessibilityLabel through to tag', () => { - const linkBreadcrumbs: LinkAction[] = [ - { - content: 'Products', - url: 'https://shopify.com', - accessibilityLabel: 'Go to Products', - }, - ]; - + const linkBreadcrumb: LinkAction = { + content: 'Products', + url: 'https://shopify.com', + accessibilityLabel: 'Go to Products', + }; const breadcrumbs = mountWithApp( - , + , ); expect(breadcrumbs).toContainReactComponent('a', { @@ -43,31 +37,25 @@ describe('', () => { describe('onAction()', () => { it('uses - , - ); - expect(subheading).toContainReactComponent('h3', { - 'aria-label': undefined, - }); - }); - }); - - describe('element', () => { - it('renders provided element', () => { - const subheading = mountWithApp( - Title, - ); - expect(subheading).toContainReactComponentTimes('h2', 1); - }); - - it('defaults to h3 if element is not provided', () => { - const subheading = mountWithApp(Title); - expect(subheading).toContainReactComponentTimes('h3', 1); - }); - }); -}); diff --git a/polaris-react/src/components/TextStyle/TextStyle.scss b/polaris-react/src/components/TextStyle/TextStyle.scss deleted file mode 100644 index c3072b75b09..00000000000 --- a/polaris-react/src/components/TextStyle/TextStyle.scss +++ /dev/null @@ -1,56 +0,0 @@ -@import '../../styles/common'; - -.variationPositive { - color: var(--p-text-success); -} - -.variationNegative { - color: var(--p-text-critical); -} - -.variationWarning { - color: var(--p-text-warning); -} - -.variationCode { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - position: relative; - padding: 0 var(--p-space-1); - border-radius: var(--p-border-radius-base); - background-color: var(--p-surface-subdued); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - display: inline-block; - font-size: var(--p-font-size-200); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - box-shadow: inset 0 0 0 1px var(--p-border-subdued); - - &::after { - content: ''; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - position: absolute; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - top: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - left: 0; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - width: 100%; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - height: 100%; - border: var(--p-border-width-1) solid transparent; - pointer-events: none; - } -} - -.variationStrong { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - @include text-emphasis-strong; -} - -.variationSubdued { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - @include text-emphasis-subdued; - - @media print { - color: var(--p-text-subdued); - } -} diff --git a/polaris-react/src/components/TextStyle/TextStyle.stories.tsx b/polaris-react/src/components/TextStyle/TextStyle.stories.tsx deleted file mode 100644 index 0e43215b6e2..00000000000 --- a/polaris-react/src/components/TextStyle/TextStyle.stories.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react'; -import type {ComponentMeta} from '@storybook/react'; -import {TextStyle} from '@shopify/polaris'; - -export default { - component: TextStyle, -} as ComponentMeta; - -export function Subdued() { - return No supplier listed; -} - -export function Strong() { - return Total; -} - -export function Positive() { - return Orders increased; -} - -export function Negative() { - return Orders decreased; -} - -export function Warning() { - return Scheduled maintenance; -} - -export function Code() { - return ( -

- New URL that visitors should be forwarded to. If you want your store’s - homepage, enter / (a forward - slash). -

- ); -} diff --git a/polaris-react/src/components/TextStyle/TextStyle.tsx b/polaris-react/src/components/TextStyle/TextStyle.tsx deleted file mode 100644 index 31238cea82b..00000000000 --- a/polaris-react/src/components/TextStyle/TextStyle.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import React from 'react'; - -import {classNames, variationName} from '../../utilities/css'; - -import styles from './TextStyle.scss'; - -type Variation = - | 'positive' - | 'negative' - | 'warning' - | 'strong' - | 'subdued' - | 'code'; - -enum VariationValue { - Positive = 'positive', - Negative = 'negative', - Warning = 'warning', - Strong = 'strong', - Subdued = 'subdued', - Code = 'code', -} - -export interface TextStyleProps { - /** Give text additional visual meaning */ - variation?: Variation; - /** The content that should get the intended styling */ - children?: React.ReactNode; -} - -/** - * @deprecated The TextStyle component will be removed in the next - * major version. Use the Text component instead. See the - * Polaris component guide on how to use Text. - * - * https://polaris.shopify.com/components/text - */ -export function TextStyle({variation, children}: TextStyleProps) { - const className = classNames( - variation && styles[variationName('variation', variation)], - variation === VariationValue.Code && styles.code, - ); - - const Element = variationElement(variation); - - return {children}; -} - -function variationElement(variation?: Variation) { - return variation === VariationValue.Code ? 'code' : 'span'; -} diff --git a/polaris-react/src/components/TextStyle/index.ts b/polaris-react/src/components/TextStyle/index.ts deleted file mode 100644 index 96b3d89b9e5..00000000000 --- a/polaris-react/src/components/TextStyle/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './TextStyle'; diff --git a/polaris-react/src/components/TextStyle/tests/TextStyle.test.tsx b/polaris-react/src/components/TextStyle/tests/TextStyle.test.tsx deleted file mode 100644 index 5515fa917d0..00000000000 --- a/polaris-react/src/components/TextStyle/tests/TextStyle.test.tsx +++ /dev/null @@ -1,64 +0,0 @@ -import React from 'react'; -import {mountWithApp} from 'tests/utilities'; - -// eslint-disable-next-line import/no-deprecated -import {TextStyle} from '../TextStyle'; - -describe('', () => { - it('mounts', () => { - const textStyle = mountWithApp(); - expect(textStyle).not.toBeNull(); - }); - - it('renders children', () => { - const textStyle = mountWithApp(Hello Polaris); - expect(textStyle.find('span')).toContainReactText('Hello Polaris'); - }); - - it('renders a span by default', () => { - const textStyle = mountWithApp(Hello Polaris); - expect(textStyle).toContainReactComponent('span'); - }); - - it('renders a span when the variant positive is provided', () => { - const textStyle = mountWithApp( - Hello Polaris, - ); - expect(textStyle).toContainReactComponent('span'); - }); - - it('renders a span when the variant negative is provided', () => { - const textStyle = mountWithApp( - Hello Polaris, - ); - expect(textStyle).toContainReactComponent('span'); - }); - - it('renders a span when the variant warning is provided', () => { - const textStyle = mountWithApp( - Hello Polaris, - ); - expect(textStyle).toContainReactComponent('span'); - }); - - it('renders a span when the variant subdued is provided', () => { - const textStyle = mountWithApp( - Hello Polaris, - ); - expect(textStyle).toContainReactComponent('span'); - }); - - it('renders a span tag when the strong variant is provided', () => { - const textStyle = mountWithApp( - Hello Polaris, - ); - expect(textStyle).toContainReactComponent('span'); - }); - - it('renders a code tag when the code variant is provided', () => { - const textStyle = mountWithApp( - Hello Polaris, - ); - expect(textStyle).toContainReactComponent('code'); - }); -}); diff --git a/polaris-react/src/components/VisuallyHidden/VisuallyHidden.scss b/polaris-react/src/components/VisuallyHidden/VisuallyHidden.scss deleted file mode 100644 index 80ffafd9272..00000000000 --- a/polaris-react/src/components/VisuallyHidden/VisuallyHidden.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import '../../styles/common'; - -.VisuallyHidden { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - @include visually-hidden; -} diff --git a/polaris-react/src/components/VisuallyHidden/VisuallyHidden.stories.tsx b/polaris-react/src/components/VisuallyHidden/VisuallyHidden.stories.tsx deleted file mode 100644 index d7e6dfc8a3c..00000000000 --- a/polaris-react/src/components/VisuallyHidden/VisuallyHidden.stories.tsx +++ /dev/null @@ -1,68 +0,0 @@ -import React from 'react'; -import type {ComponentMeta} from '@storybook/react'; -import { - Card, - FormLayout, - Heading, - TextField, - VisuallyHidden, -} from '@shopify/polaris'; - -export default { - component: VisuallyHidden, -} as ComponentMeta; - -export function Default() { - return ( - - - Title and description - - - {}} - autoComplete="off" - /> - {}} - autoComplete="off" - /> - - - ); -} - -export function TableHeaders() { - return ( - - - - - - - - - - - - - - - - - - - - - -
- Line item - - Value -
Subtotal$184.13
Tax$0.00
Total$184.13
- ); -} diff --git a/polaris-react/src/components/VisuallyHidden/VisuallyHidden.tsx b/polaris-react/src/components/VisuallyHidden/VisuallyHidden.tsx deleted file mode 100644 index 5162184409e..00000000000 --- a/polaris-react/src/components/VisuallyHidden/VisuallyHidden.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from 'react'; - -import styles from './VisuallyHidden.scss'; - -export interface VisuallyHiddenProps { - /** The content to be hidden visually */ - children?: React.ReactNode; -} - -/** - * @deprecated The VisuallyHidden component will be removed in the next - * major version. Use the Text component instead. See the - * Polaris component guide on how to use Text. - * - * https://polaris.shopify.com/components/text - */ -export function VisuallyHidden({children}: VisuallyHiddenProps) { - return {children}; -} diff --git a/polaris-react/src/components/VisuallyHidden/index.ts b/polaris-react/src/components/VisuallyHidden/index.ts deleted file mode 100644 index f11f3f421b2..00000000000 --- a/polaris-react/src/components/VisuallyHidden/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './VisuallyHidden'; diff --git a/polaris-react/src/index.ts b/polaris-react/src/index.ts index cf485979b7e..0c94ec953e2 100644 --- a/polaris-react/src/index.ts +++ b/polaris-react/src/index.ts @@ -96,9 +96,6 @@ export type {ButtonGroupProps} from './components/ButtonGroup'; export {CalloutCard} from './components/CalloutCard'; export type {CalloutCardProps} from './components/CalloutCard'; -export {Caption} from './components/Caption'; -export type {CaptionProps} from './components/Caption'; - export {Card} from './components/Card'; export type { CardProps, @@ -146,9 +143,6 @@ export type {DatePickerProps, Range} from './components/DatePicker'; export {DescriptionList} from './components/DescriptionList'; export type {DescriptionListProps} from './components/DescriptionList'; -export {DisplayText} from './components/DisplayText'; -export type {DisplayTextProps} from './components/DisplayText'; - export {Divider} from './components/Divider'; export type {DividerProps} from './components/Divider'; @@ -199,9 +193,6 @@ export type {FullscreenBarProps} from './components/FullscreenBar'; export {Grid} from './components/Grid'; export type {GridProps, CellProps as GridCellProps} from './components/Grid'; -export {Heading} from './components/Heading'; -export type {HeadingProps} from './components/Heading'; - export {Icon} from './components/Icon'; export type {IconProps} from './components/Icon'; @@ -351,9 +342,6 @@ export type {StackProps} from './components/Stack'; export {Sticky} from './components/Sticky'; export type {StickyProps} from './components/Sticky'; -export {Subheading} from './components/Subheading'; -export type {SubheadingProps} from './components/Subheading'; - export {Tabs} from './components/Tabs'; export type {TabsProps} from './components/Tabs'; @@ -369,9 +357,6 @@ export type {TextContainerProps} from './components/TextContainer'; export {TextField} from './components/TextField'; export type {TextFieldProps} from './components/TextField'; -export {TextStyle} from './components/TextStyle'; -export type {TextStyleProps} from './components/TextStyle'; - export {Thumbnail} from './components/Thumbnail'; export type {ThumbnailProps} from './components/Thumbnail'; @@ -398,9 +383,6 @@ export type {UnstyledLinkProps} from './components/UnstyledLink'; export {VideoThumbnail} from './components/VideoThumbnail'; -export {VisuallyHidden} from './components/VisuallyHidden'; -export type {VisuallyHiddenProps} from './components/VisuallyHidden'; - export type { RGBColor, HSBColor, diff --git a/polaris.shopify.com/content/components/caption.md b/polaris.shopify.com/content/components/caption.md deleted file mode 100644 index fa8381e0593..00000000000 --- a/polaris.shopify.com/content/components/caption.md +++ /dev/null @@ -1,67 +0,0 @@ ---- -title: Caption -description: Caption text size is smaller than the recommended size for general reading. On web, it should be used only in a graph or as a timestamp for a list item. On Android and iOS, it can also be used as help text or as other kinds of secondary text for list items. -category: Titles and text -keywords: - - labels - - text - - microcopy - - typographic - - graph - - timestamp - - smaller text - - smallest text - - smaller than reading size text - - time text - - compact text - - small text -status: - value: Deprecated - message: This component is no longer supported. Please use the Text component instead. ---- - -## Mapping to the Text component - -```diff -- Received April 21, 2017 -+ Received April 21, 2017 -``` - ---- - -## Best practices - -- Use for secondary labels in graphs and charts -- May be used for timestamps in lists of content -- Don’t use this component for other cases -- Don’t use this component for text longer than a few words -- Don’t use this component for aesthetic effect or to break from the standard text size - ---- - -## Content guidelines - -### Captions - -Captions are primarily used in [data visualizations](https://polaris.shopify.com/design/data-visualizations). Stick to a few words and don’t use this component for complete sentences or longer content. - - - -#### Do - -- Use caption for labelling data visualizations - ![Diagram of using captions to label graphs and other data content](/images/components/caption/do-use-caption-for-labeling-data-visualizations@2x.png) -- Received April 21, 2017 - -#### Don’t - -- Order #1001 was received on April 21, 2017 -- This is your recent activity - - - ---- - -## Accessibility - -Follow best practices for [data visualizations](https://polaris.shopify.com/design/data-visualizations) to ensure that the purpose of captions is clear to all merchants, including those with issues related to seeing or understanding data and complex information. diff --git a/polaris.shopify.com/content/components/display-text.md b/polaris.shopify.com/content/components/display-text.md deleted file mode 100644 index c981cf73fc6..00000000000 --- a/polaris.shopify.com/content/components/display-text.md +++ /dev/null @@ -1,103 +0,0 @@ ---- -title: Display text -description: Display styles make a bold visual statement. Use them to create impact when the main goal is visual storytelling. For example, use display text to convince or reassure merchants such as in marketing content or to capture attention during onboarding. -category: Titles and text -keywords: - - DisplayText - - announcement text - - greeting text - - marketing text - - title text - - biggest text - - bigger text - - big text - - large text - - larger text - - largest text - - strong text - - bold text - - bold statements - - extra large display text - - medium and large display text - - small display text - - visual story telling - - visual storytelling - - visual statements -status: - value: Deprecated - message: This component is no longer supported. Please use the Text component instead. ---- - -## Mapping to the Text component - -### Small - -```diff -- Sales this year -+ Sales this year -``` - -### Medium - -```diff -- Sales this year -+ Sales this year -``` - -### Large - -```diff -- Sales this year -+ Sales this year -``` - -### Extra large - -```diff -- Sales this year -+ Sales this year -``` - ---- - -## Best practices - -- Use when the primary goal of the page is communication rather than interaction. -- Use larger display text sizes when a page is focused around a single message. In these cases it may be paired with an illustration. -- Use smaller display text to pair with larger text, or alone as part of more complex data displays such as dashboards. - ---- - -## Content guidelines - -### Display text - -Display text should be: - -- Benefits-driven and focused on information that is most important to merchants -- Concise and scannable: - - Use simple, clear language that can be read at a glance - - Keep display text content to a short sentence that’s just a few words in length - - Avoid using punctuation such as periods, commas, or semicolons - - Avoid using exclamation marksβ€”display text already makes enough of a statement without an exclamation mark - - Write in sentence case - ---- - -## Accessibility - -Although display text creates an interesting visual experience, it doesn’t replace the semantic structure provided by HTML headings. - -By default, the display text component outputs text in an HTML paragraph (`

`). If a heading tag is needed for display text, use the `element` prop to set the heading level. - - - -#### Do - -Use display text to create visual interest along with a meaningful heading structure. - -#### Don’t - -Use display text in place of standard headings. Use the [heading component](https://polaris.shopify.com/components/heading) and [subheading component](https://polaris.shopify.com/components/subheading) to provide structure. - - diff --git a/polaris.shopify.com/content/components/heading.md b/polaris.shopify.com/content/components/heading.md deleted file mode 100644 index 1945d08a774..00000000000 --- a/polaris.shopify.com/content/components/heading.md +++ /dev/null @@ -1,71 +0,0 @@ ---- -title: Heading -description: Headings are used as the titles of each major section of a page in the interface. For example, [card components](https://polaris.shopify.com/components/card) generally use headings as their title. -category: Titles and text -keywords: - - titles - - text - - microcopy - - conversational - - typographic - - card headings - - card titles - - section titles - - section headings - - heading text - - heading font -status: - value: Deprecated - message: This component is no longer supported. Please use the Text component instead. ---- - -## Mapping to the Text component - -```diff -- Online store dashboard -+ Online store dashboard -``` - ---- - -## Best practices - -Headings should: - -- Clearly describe the section of interface they refer to -- Highlight the most important concept or piece of information merchants need to know -- Sit at the top of the section of interface they’re referring to - ---- - -## Content guidelines - -Headings should follow the content guidelines for [headings and subheadings](https://polaris.shopify.com/content/actionable-language#headings-and-subheadings). - ---- - -## Related components - -- To break up a section with a heading into sub-sections, [use the subheading component](https://polaris.shopify.com/components/subheading) - ---- - -## Accessibility - -A clear and consistent heading structure helps merchants who have difficulty with reading or language. It also helps screen reader users to navigate the page using keystrokes that are custom to their screen reader. - -Use the `element` prop to determine the specific HTML element that’s output for the heading. The component defaults to a level 2 heading (`

`). Use a different value for the `element` prop if a different heading fits the context better. - -Learn more about writing helpful [headings and subheadings](https://polaris.shopify.com/content/actionable-language#headings-and-subheadings). - - - -#### Do - -Use headings to support the hierarchy and structure of the page. - -#### Don’t - -Use headings for style alone. - - diff --git a/polaris.shopify.com/content/components/subheading.md b/polaris.shopify.com/content/components/subheading.md deleted file mode 100644 index 474d0af625c..00000000000 --- a/polaris.shopify.com/content/components/subheading.md +++ /dev/null @@ -1,68 +0,0 @@ ---- -title: Subheading -description: Subheadings are used for the title of any sub-sections in top-level page sections. -category: Titles and text -keywords: - - title bar - - top-level - - description - - sub-section titles - - titles of sub-sections - - subsection titles - - titles of subsections -status: - value: Deprecated - message: This component is no longer supported. Please use the Text component instead. ---- - -## Mapping to the Text component - -```diff -- Accounts -+ Accounts -``` - ---- - -## Best practices - -Subheadings should: - -- Be used to explain and clearly label logical groups in existing sections of a page -- Not be used without a parent heading -- Not be used in tables or list items, such as for the primary content in a [resource list](https://polaris.shopify.com/components/resource-list) - ---- - -## Content guidelines - -Subheadings should follow the content guidelines for [headings and subheadings](https://polaris.shopify.com/content/actionable-language#headings-and-subheadings). - ---- - -## Related components - -- To break up major sections of a page with a title, [use the heading component](https://polaris.shopify.com/components/heading) - ---- - -## Accessibility - -A clear and consistent heading structure helps merchants who have difficulty with reading or language. It also helps screen reader users to navigate the page using keystrokes that are custom to their screen reader. - -Use the `element` prop to determine the specific HTML element that’s output for the subheading. The component defaults to a level 3 heading (`

`). Use a different value for the `element` prop if a different subheading fits the context better. - -Learn more about writing helpful [headings and subheadings](https://polaris.shopify.com/content/actionable-language#headings-and-subheadings). - - - -#### Do - -Use subheadings to support the hierarchy and structure of the page. - -#### Don’t - -- Use subheadings for style alone. -- Use subheadings for major sections of the page. - - diff --git a/polaris.shopify.com/content/components/text-style.md b/polaris.shopify.com/content/components/text-style.md deleted file mode 100644 index 16f48f2157c..00000000000 --- a/polaris.shopify.com/content/components/text-style.md +++ /dev/null @@ -1,103 +0,0 @@ ---- -title: Text style -description: Text style enhances text with additional visual meaning. For example, using subdued text to de-emphasize it from its surrounding text. -category: Titles and text -keywords: - - TextStyle - - typographic - - subdued - - strong - - negative - - warning - - positive - - cues - - enhancements - - type - - bold - - dollar - - increase - - decrease - - input - - fields -status: - value: Deprecated - message: This component is no longer supported. Please use the Text component instead. ---- - -## Mapping to the Text component - -### Subdued - -```diff -- No supplier listed -+ No supplier listed -``` - -### Strong - -```diff -- No supplier listed -+ No supplier listed -``` - -### Positive - -```diff -- No supplier listed -+ No supplier listed -``` - -### Negative - -```diff -- No supplier listed -+ No supplier listed -``` - -### Warning - -```diff -- No supplier listed -+ No supplier listed -``` - -### Code - -```diff -- No supplier listed -+ No supplier listed -``` - ---- - -## Best practices - -Text style should be: - -- Used when enhancing the text to help merchants understand its meaning -- Subdued if the text is less important than its surrounding text -- Warning if the text denotes something that needs attention, or that merchants need to take action on. -- Strong for input fields, or for a row total in a price table -- Paired with symbols, like an arrow or dollar sign, when using positive or negative styles - ---- - -## Accessibility - -Don’t rely on text style alone to convey information to merchants. Ensure that text styles are used to enhance the information provided in text. - - - -#### Do - -``` -Orders increased -``` - -#### Don’t - -``` -Orders -``` - - diff --git a/polaris.shopify.com/content/components/visually-hidden.md b/polaris.shopify.com/content/components/visually-hidden.md deleted file mode 100644 index 8e46813801c..00000000000 --- a/polaris.shopify.com/content/components/visually-hidden.md +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: Visually hidden -description: Use when an element needs to be available to assistive technology (for example, a screen reader) but otherwise hidden. -category: Titles and text -keywords: - - VisuallyHidden - - screen readers - - hidden but available for screen readers - - visually hidden headings - - hide - - hidden headings - - hidden text - - visually hidden table headers - - visually hidden headers - - hidden table headers - - hidden table headings - - accessibility - - a11y - - assistive technology -status: - value: Deprecated - message: This component is no longer supported. Please use the Text component instead. ---- - -## Mapping to the Text component - -```diff -- -- Title and description -- -+ Title and description -``` - ---- - -## Best practices - -Visually hidden should: - -- Not be used if semantic markup can make content understandable to people using assistive technology -- Be used to provide extra context when semantic markup isn’t enough -- Be used on any content that is normally present but is being omitted -- Make sense in context when used with a screen reader - ---- - -## Accessibility - -The visually hidden component styles text so that it’s not visible, but it is available to assistive technologies like screen readers and other text to speech programs. - -The component shouldn’t be used to hide interactive content. diff --git a/polaris.shopify.com/public/images/components/caption.png b/polaris.shopify.com/public/images/components/caption.png deleted file mode 100644 index 0845e33bed0953de8406148634834572cf2504df..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 14083 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 diff --git a/polaris.shopify.com/public/images/components/heading.png b/polaris.shopify.com/public/images/components/heading.png deleted file mode 100644 index 0a15053a41d24c241ff67eb0f059932670aa361e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 12714 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

(iDG%wUtrx}n z^vHbTT6@E@8@#5kyHTd&`-o~KZ{LO%k10b9cm9GoGTY6({J7MQkxY?bP;!4qWJJo0 zU)|Kw+vxf0v{y-lZU^8hdR0)q*Hw$rkK=9bsfOxXw&Ov7q{zS~sMAhqwbuDb9psfz zqcGDYYoHgk`^8W6dTJawAIAy9b-w3P z_}4!E3^~etzS0=5MCa;YtDr|G~qSPrkmc#Xlg}wO@ZFA`BcW zI|xDFQ=b7gG9pP|N}{G3wDs~e{}$aLSf@!;vIlE*sY3Ln@{nh#ta{15i({ZPstz3g zD{Rlu9&%z((9QnsxsJ=^o3-O9UODU~g!9FCe^RS&30qhOMpXBH=`)jD)IPPmuSsZS%`5hX_gu zsyT$_6Cz%PhMg{U(21j}>0#eCf5pFGJd|0hSJz`MtXlOc-*Iu~gxb_o?x*^tXftw6 zx6RcZ0)}w8-J}%YPam$k_ZN$A@{%Qo^goq*PqdRl7yEfjCf_bJY_TvZpvm_NH}uDcm9oPuk)i9L<@u)DUA{W2P`ml2B%j*0*Uh$6GbbxGU(0{4#H=IxXea z#_8VEsItPNzbW;)P^Jh6EHv(i&;CJo5Q>KEHkKTCz7@xV;j@Y9zWofO$-+ROg+y9`N z?dr(XK2^VjM&o!n1j-4=n!fh5NH+5*H-i#oW#}f?s%!i9BVzj#9T}!ugc1}hgLBOQ z5==Me&v~JYfu#FpQJZkr zfe?8WcA)1Rm(OAakv^Fyv<|JVW+vtM0#4YwIy}jovmHZ6$o_`5N#oQQnbls9IDwK* z9usiqRgWJB9f-ww^3mrnQ>TK2OWYE6y}V=^sH@=K7HHCZnHi|428{~P?MUsqJPIzQ ztPI8{q?nu9+;cVs92NoVO-PmlvPivc;><~swW*@Cv~+w$K#^?+AhcI7tf1>~hsXV5 zW+Fz^`}C_iiSgXe#&d@zHEgJzU{SXTr;`8Itmk zJ~b+^kybG=%*eamO0A7D8@_Dly4F^6iu`92^xyR%ye1wmG;Dlfe3WK9!)AviOBgUl zaS{%MI$kXVEv8@=x(6x@!hlV(rS%oGqN1XZ#|4!opm6Y!^o5HERr|`hj^$p{`|sYp zGhhdFksoxw|Nh;L4`>d==M>!IfbK58>m|^;;~$n>v!0HkDWZE2?YFI)he{Hwbmv9CY2lqE1r@ZrVWAltw zjc4a9l0@G=JRS{tBhZA-#7mWcHeSjx-GKo*m1@OKbETOkc!7S^_YraE3?ASeYOw!0 zJivM@@!~obi$%Z4zS;Eg<3}tu1DE>}f{<2l4uyi)lamFyKuGCo>rG3`NRw$ql#HmT zjyhA>_2m-D=rSFD!hyNVVA*@m0pPmNfJvg(UIgcNg`2Hl?1!^CJhIo$xIVG&k99b# zN5eW9z)`SHj%!@7o*Q6Munvd+L#c73{%e^F{8ehK;VQMP@2XtUH&{_Y(3?lFo&);p zFIXmmaSVKI2anh553KtEcwik5YcTl#;s*lcu0Cmp>fg9lE*YOQH!42sbn`y|nP%S) diff --git a/polaris.shopify.com/public/images/components/subheading.png b/polaris.shopify.com/public/images/components/subheading.png deleted file mode 100644 index 0539159cf7c67bfc7444f266cfb40ada3a63d9cb..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 13325 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 ZgF1a=9a#J6nC{|^O^Ws(2@ diff --git a/polaris.shopify.com/public/images/components/text-style.png b/polaris.shopify.com/public/images/components/text-style.png deleted file mode 100644 index b8122245eea6f57be61ccd744061d4e6a8265644..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 15907 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 PyI}(!2W3G<7sLMt+b+FP diff --git a/polaris.shopify.com/src/data/props.json b/polaris.shopify.com/src/data/props.json index 4e11be9979f..7975bded4ba 100644 --- a/polaris.shopify.com/src/data/props.json +++ b/polaris.shopify.com/src/data/props.json @@ -2277,13 +2277,6 @@ "value": "'extraSmall' | 'small' | 'medium' | 'large'", "description": "" }, - "polaris-react/src/components/DisplayText/DisplayText.tsx": { - "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Size", - "value": "'small' | 'medium' | 'large' | 'extraLarge'", - "description": "" - }, "polaris-react/src/components/MediaCard/MediaCard.tsx": { "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", "syntaxKind": "TypeAliasDeclaration", @@ -7703,57 +7696,6 @@ "description": "" } }, - "ActionListProps": { - "polaris-react/src/components/ActionList/ActionList.tsx": { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "name": "ActionListProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "items", - "value": "readonly ActionListItemDescriptor[]", - "description": "Collection of actions for list", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "sections", - "value": "readonly ActionListSection[]", - "description": "Collection of sectioned action items", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "actionRole", - "value": "string", - "description": "Defines a specific role attribute for each action in the list", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "onActionAnyItem", - "value": "() => void", - "description": "Callback when any item is clicked or keypressed", - "isOptional": true - } - ], - "value": "export interface ActionListProps {\n /** Collection of actions for list */\n items?: readonly ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: readonly ActionListSection[];\n /** Defines a specific role attribute for each action in the list */\n actionRole?: 'menuitem' | string;\n /** Callback when any item is clicked or keypressed */\n onActionAnyItem?: ActionListItemDescriptor['onAction'];\n}" - } - }, - "ActionListItemProps": { - "polaris-react/src/components/ActionList/ActionList.tsx": { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "ActionListItemProps", - "value": "ItemProps", - "description": "" - } - }, "ActionMenuProps": { "polaris-react/src/components/ActionMenu/ActionMenu.tsx": { "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", @@ -7804,103 +7746,6 @@ "value": "export interface ActionMenuProps {\n /** Collection of page-level secondary actions */\n actions?: MenuActionDescriptor[];\n /** Collection of page-level action groups */\n groups?: MenuGroupDescriptor[];\n /** Roll up all actions into a Popover > ActionList */\n rollup?: boolean;\n /** Label for rolled up actions activator */\n rollupActionsLabel?: string;\n /** Callback that returns true when secondary actions are rolled up into action groups, and false when not */\n onActionRollup?(hasRolledUp: boolean): void;\n}" } }, - "CardBackgroundColorTokenScale": { - "polaris-react/src/components/AlphaCard/AlphaCard.tsx": { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "CardBackgroundColorTokenScale", - "value": "\"surface\" | \"surface-subdued\"", - "description": "" - } - }, - "Spacing": { - "polaris-react/src/components/AlphaCard/AlphaCard.tsx": { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "ResponsiveProp", - "description": "" - }, - "polaris-react/src/components/Bleed/Bleed.tsx": { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "ResponsiveProp", - "description": "" - }, - "polaris-react/src/components/Box/Box.tsx": { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "ResponsiveProp", - "description": "" - }, - "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx": { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "'extraTight' | 'tight' | 'loose'", - "description": "" - }, - "polaris-react/src/components/Stack/Stack.tsx": { - "filePath": "polaris-react/src/components/Stack/Stack.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "'extraTight' | 'tight' | 'baseTight' | 'loose' | 'extraLoose' | 'none'", - "description": "" - }, - "polaris-react/src/components/TextContainer/TextContainer.tsx": { - "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "'tight' | 'loose'", - "description": "" - } - }, - "AlphaCardProps": { - "polaris-react/src/components/AlphaCard/AlphaCard.tsx": { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", - "name": "AlphaCardProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", - "syntaxKind": "PropertySignature", - "name": "background", - "value": "CardBackgroundColorTokenScale", - "description": "Background color", - "isOptional": true, - "defaultValue": "'surface'" - }, - { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", - "syntaxKind": "PropertySignature", - "name": "padding", - "value": "Spacing", - "description": "The spacing around the card", - "isOptional": true, - "defaultValue": "{xs: '4', sm: '5'}" - }, - { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", - "syntaxKind": "PropertySignature", - "name": "roundedAbove", - "value": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"", - "description": "Border radius value above a set breakpoint", - "isOptional": true - } - ], - "value": "export interface AlphaCardProps {\n children?: React.ReactNode;\n /** Background color\n * @default 'surface'\n */\n background?: CardBackgroundColorTokenScale;\n /** The spacing around the card\n * @default {xs: '4', sm: '5'}\n * @example\n * padding='4'\n * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n padding?: Spacing;\n /** Border radius value above a set breakpoint */\n roundedAbove?: BreakpointsAlias;\n}" - } - }, "Props": { "polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx": { "filePath": "polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx", @@ -8185,6 +8030,110 @@ "value": "interface Props {\n /** Callback when the search is dismissed */\n onDismiss?(): void;\n /** Determines whether the overlay should be visible */\n visible: boolean;\n}" } }, + "CardBackgroundColorTokenScale": { + "polaris-react/src/components/AlphaCard/AlphaCard.tsx": { + "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "CardBackgroundColorTokenScale", + "value": "\"surface\" | \"surface-subdued\"", + "description": "" + } + }, + "Spacing": { + "polaris-react/src/components/AlphaCard/AlphaCard.tsx": { + "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "ResponsiveProp", + "description": "" + }, + "polaris-react/src/components/Bleed/Bleed.tsx": { + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "ResponsiveProp", + "description": "" + }, + "polaris-react/src/components/Box/Box.tsx": { + "filePath": "polaris-react/src/components/Box/Box.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "ResponsiveProp", + "description": "" + }, + "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx": { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "'extraTight' | 'tight' | 'loose'", + "description": "" + }, + "polaris-react/src/components/List/List.tsx": { + "filePath": "polaris-react/src/components/List/List.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "'extraTight' | 'loose'", + "description": "" + }, + "polaris-react/src/components/Stack/Stack.tsx": { + "filePath": "polaris-react/src/components/Stack/Stack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "'extraTight' | 'tight' | 'baseTight' | 'loose' | 'extraLoose' | 'none'", + "description": "" + }, + "polaris-react/src/components/TextContainer/TextContainer.tsx": { + "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "'tight' | 'loose'", + "description": "" + } + }, + "AlphaCardProps": { + "polaris-react/src/components/AlphaCard/AlphaCard.tsx": { + "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", + "name": "AlphaCardProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", + "syntaxKind": "PropertySignature", + "name": "background", + "value": "CardBackgroundColorTokenScale", + "description": "Background color", + "isOptional": true, + "defaultValue": "'surface'" + }, + { + "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", + "syntaxKind": "PropertySignature", + "name": "padding", + "value": "Spacing", + "description": "The spacing around the card", + "isOptional": true, + "defaultValue": "{xs: '4', sm: '5'}" + }, + { + "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", + "syntaxKind": "PropertySignature", + "name": "roundedAbove", + "value": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"", + "description": "Border radius value above a set breakpoint", + "isOptional": true + } + ], + "value": "export interface AlphaCardProps {\n children?: React.ReactNode;\n /** Background color\n * @default 'surface'\n */\n background?: CardBackgroundColorTokenScale;\n /** The spacing around the card\n * @default {xs: '4', sm: '5'}\n * @example\n * padding='4'\n * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n padding?: Spacing;\n /** Border radius value above a set breakpoint */\n roundedAbove?: BreakpointsAlias;\n}" + } + }, "Align": { "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", @@ -8321,7 +8270,7 @@ "isOptional": true } ], - "value": "export interface AlphaStackProps extends React.AriaAttributes {\n children?: React.ReactNode;\n /** HTML Element type\n * @default 'div'\n */\n as?: Element;\n /** Vertical alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Toggle children to be full width\n * @default false\n */\n fullWidth?: boolean;\n /** The spacing between children\n * @default '4'\n */\n gap?: Gap;\n /** HTML id attribute */\n id?: string;\n /** Toggle order of child items */\n reverseOrder?: boolean;\n}" + "value": "export interface AlphaStackProps extends React.AriaAttributes {\n children?: React.ReactNode;\n /** HTML Element type\n * @default 'div'\n */\n as?: Element;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Toggle children to be full width\n * @default false\n */\n fullWidth?: boolean;\n /** The spacing between children\n * @default '4'\n */\n gap?: Gap;\n /** HTML id attribute */\n id?: string;\n /** Toggle order of child items */\n reverseOrder?: boolean;\n}" } }, "State": { @@ -9173,6 +9122,62 @@ ], "value": "export interface NonMutuallyExclusiveProps {\n keyCode: Key;\n handler(event: KeyboardEvent): void;\n keyEvent?: KeyEvent;\n}" }, + "polaris-react/src/components/Tag/Tag.tsx": { + "filePath": "polaris-react/src/components/Tag/Tag.tsx", + "name": "NonMutuallyExclusiveProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Tag/Tag.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Content to display in the tag", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Tag/Tag.tsx", + "syntaxKind": "PropertySignature", + "name": "disabled", + "value": "boolean", + "description": "Disables the tag", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Tag/Tag.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", + "description": "Callback when tag is clicked or keypressed. Renders without remove button or url when set.", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Tag/Tag.tsx", + "syntaxKind": "MethodSignature", + "name": "onRemove", + "value": "() => void", + "description": "Callback when remove button is clicked or keypressed.", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Tag/Tag.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "A string to use when tag has more than textual content", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Tag/Tag.tsx", + "syntaxKind": "PropertySignature", + "name": "url", + "value": "string", + "description": "Url to navigate to when tag is clicked or keypressed.", + "isOptional": true + } + ], + "value": "export interface NonMutuallyExclusiveProps {\n /** Content to display in the tag */\n children?: React.ReactNode;\n /** Disables the tag */\n disabled?: boolean;\n /** Callback when tag is clicked or keypressed. Renders without remove button or url when set. */\n onClick?(): void;\n /** Callback when remove button is clicked or keypressed. */\n onRemove?(): void;\n /** A string to use when tag has more than textual content */\n accessibilityLabel?: string;\n /** Url to navigate to when tag is clicked or keypressed. */\n url?: string;\n}" + }, "polaris-react/src/components/TextField/TextField.tsx": { "filePath": "polaris-react/src/components/TextField/TextField.tsx", "name": "NonMutuallyExclusiveProps", @@ -9554,62 +9559,6 @@ } ], "value": "interface NonMutuallyExclusiveProps {\n /** Text to display before value */\n prefix?: React.ReactNode;\n /** Text to display after value */\n suffix?: React.ReactNode;\n /** Content to vertically display above the input value */\n verticalContent?: React.ReactNode;\n /** Hint text to display */\n placeholder?: string;\n /** Initial value for the input */\n value?: string;\n /** Additional hint text to display */\n helpText?: React.ReactNode;\n /** Label for the input */\n label: React.ReactNode;\n /** Adds an action to the label */\n labelAction?: LabelledProps['action'];\n /** Visually hide the label */\n labelHidden?: boolean;\n /** Disable the input */\n disabled?: boolean;\n /** Show a clear text button in the input */\n clearButton?: boolean;\n /** Indicates whether or not the entire value should be selected on focus. */\n selectTextOnFocus?: boolean;\n /** An inline autocomplete suggestion containing the input value. The characters that complete the input value are selected for ease of deletion on input change or keypress of Backspace/Delete. The selected substring is visually highlighted with subdued styling. */\n suggestion?: string;\n /** Disable editing of the input */\n readOnly?: boolean;\n /** Automatically focus the input */\n autoFocus?: boolean;\n /** Force the focus state on the input */\n focused?: boolean;\n /** Allow for multiple lines of input */\n multiline?: boolean | number;\n /** Error to display beneath the label */\n error?: Error | boolean;\n /** An element connected to the right of the input */\n connectedRight?: React.ReactNode;\n /** An element connected to the left of the input */\n connectedLeft?: React.ReactNode;\n /** Determine type of input */\n type?: Type;\n /** Name of the input */\n name?: string;\n /** ID for the input */\n id?: string;\n /** Defines a specific role attribute for the input */\n role?: string;\n /** Limit increment value for numeric and date-time inputs */\n step?: number;\n /** Enable automatic completion by the browser. Set to \"off\" when you do not want the browser to fill in info */\n autoComplete: string;\n /** Mimics the behavior of the native HTML attribute, limiting the maximum value */\n max?: number | string;\n /** Maximum character length for an input */\n maxLength?: number;\n /** Maximum height of the input element. Only applies when `multiline` is `true` */\n maxHeight?: number | string;\n /** Mimics the behavior of the native HTML attribute, limiting the minimum value */\n min?: number | string;\n /** Minimum character length for an input */\n minLength?: number;\n /** A regular expression to check the value against */\n pattern?: string;\n /** Choose the keyboard that should be used on mobile devices */\n inputMode?: InputMode;\n /** Indicate whether value should have spelling checked */\n spellCheck?: boolean;\n /** Indicates the id of a component owned by the input */\n ariaOwns?: string;\n /** Indicates whether or not a Popover is displayed */\n ariaExpanded?: boolean;\n /** Indicates the id of a component controlled by the input */\n ariaControls?: string;\n /** Indicates the id of a related component’s visually focused element to the input */\n ariaActiveDescendant?: string;\n /** Indicates what kind of user input completion suggestions are provided */\n ariaAutocomplete?: string;\n /** Indicates whether or not the character count should be displayed */\n showCharacterCount?: boolean;\n /** Determines the alignment of the text in the input */\n align?: Alignment;\n /** Visual required indicator, adds an asterisk to label */\n requiredIndicator?: boolean;\n /** Indicates whether or not a monospaced font should be used */\n monospaced?: boolean;\n /** Callback fired when clear button is clicked */\n onClearButtonClick?(id: string): void;\n /** Callback fired when value is changed */\n onChange?(value: string, id: string): void;\n /** Callback fired when input is focused */\n onFocus?: (event?: React.FocusEvent) => void;\n /** Callback fired when input is blurred */\n onBlur?(event?: React.FocusEvent): void;\n}" - }, - "polaris-react/src/components/Tag/Tag.tsx": { - "filePath": "polaris-react/src/components/Tag/Tag.tsx", - "name": "NonMutuallyExclusiveProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Tag/Tag.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Content to display in the tag", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Tag/Tag.tsx", - "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "Disables the tag", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Tag/Tag.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", - "description": "Callback when tag is clicked or keypressed. Renders without remove button or url when set.", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Tag/Tag.tsx", - "syntaxKind": "MethodSignature", - "name": "onRemove", - "value": "() => void", - "description": "Callback when remove button is clicked or keypressed.", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Tag/Tag.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "A string to use when tag has more than textual content", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Tag/Tag.tsx", - "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "Url to navigate to when tag is clicked or keypressed.", - "isOptional": true - } - ], - "value": "export interface NonMutuallyExclusiveProps {\n /** Content to display in the tag */\n children?: React.ReactNode;\n /** Disables the tag */\n disabled?: boolean;\n /** Callback when tag is clicked or keypressed. Renders without remove button or url when set. */\n onClick?(): void;\n /** Callback when remove button is clicked or keypressed. */\n onRemove?(): void;\n /** A string to use when tag has more than textual content */\n accessibilityLabel?: string;\n /** Url to navigate to when tag is clicked or keypressed. */\n url?: string;\n}" } }, "BadgeProps": { @@ -10274,12 +10223,12 @@ { "filePath": "polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx", "syntaxKind": "PropertySignature", - "name": "breadcrumbs", - "value": "(LinkAction | CallbackAction)[]", - "description": "Collection of breadcrumbs" + "name": "breadcrumb", + "value": "LinkAction | CallbackAction", + "description": "Breadcrumb link" } ], - "value": "export interface BreadcrumbsProps {\n /** Collection of breadcrumbs */\n breadcrumbs: (CallbackAction | LinkAction)[];\n}" + "value": "export interface BreadcrumbsProps {\n /** Breadcrumb link */\n breadcrumb: CallbackAction | LinkAction;\n}" } }, "BulkAction": { @@ -10853,22 +10802,62 @@ "description": "" } }, - "CaptionProps": { - "polaris-react/src/components/Caption/Caption.tsx": { - "filePath": "polaris-react/src/components/Caption/Caption.tsx", - "name": "CaptionProps", + "ButtonGroupProps": { + "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx": { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "name": "ButtonGroupProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Caption/Caption.tsx", + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "spacing", + "value": "Spacing", + "description": "Determines the space between button group items", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "segmented", + "value": "boolean", + "description": "Join buttons as segmented group", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "fullWidth", + "value": "boolean", + "description": "Buttons will stretch/shrink to occupy the full width", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "connectedTop", + "value": "boolean", + "description": "Remove top left and right border radius", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "noWrap", + "value": "boolean", + "description": "Prevent buttons in button group from wrapping to next line", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", "syntaxKind": "PropertySignature", "name": "children", "value": "React.ReactNode", - "description": "The content to use as a graph label or timestamp", + "description": "Button components", "isOptional": true } ], - "value": "export interface CaptionProps {\n /** The content to use as a graph label or timestamp */\n children?: React.ReactNode;\n}" + "value": "export interface ButtonGroupProps {\n /** Determines the space between button group items */\n spacing?: Spacing;\n /** Join buttons as segmented group */\n segmented?: boolean;\n /** Buttons will stretch/shrink to occupy the full width */\n fullWidth?: boolean;\n /** Remove top left and right border radius */\n connectedTop?: boolean;\n /** Prevent buttons in button group from wrapping to next line */\n noWrap?: boolean;\n /** Button components */\n children?: React.ReactNode;\n}" } }, "CalloutCardProps": { @@ -10926,56 +10915,6 @@ "value": "export interface CalloutCardProps {\n /** The content to display inside the callout card. */\n children?: React.ReactNode;\n /** The title of the card */\n title: React.ReactNode;\n /** URL to the card illustration */\n illustration: string;\n /** Primary action for the card */\n primaryAction: Action;\n /** Secondary action for the card */\n secondaryAction?: Action;\n /** Callback when banner is dismissed */\n onDismiss?(): void;\n}" } }, - "ButtonGroupProps": { - "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx": { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "name": "ButtonGroupProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "spacing", - "value": "Spacing", - "description": "Determines the space between button group items", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "segmented", - "value": "boolean", - "description": "Join buttons as segmented group", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "fullWidth", - "value": "boolean", - "description": "Buttons will stretch/shrink to occupy the full width", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "connectedTop", - "value": "boolean", - "description": "Remove top left and right border radius", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Button components", - "isOptional": true - } - ], - "value": "export interface ButtonGroupProps {\n /** Determines the space between button group items */\n spacing?: Spacing;\n /** Join buttons as segmented group */\n segmented?: boolean;\n /** Buttons will stretch/shrink to occupy the full width */\n fullWidth?: boolean;\n /** Remove top left and right border radius */\n connectedTop?: boolean;\n /** Button components */\n children?: React.ReactNode;\n}" - } - }, "CardProps": { "polaris-react/src/components/Card/Card.tsx": { "filePath": "polaris-react/src/components/Card/Card.tsx", @@ -11066,92 +11005,54 @@ "value": "export interface CardProps {\n /** Title content for the card */\n title?: React.ReactNode;\n /** Inner content of the card */\n children?: React.ReactNode;\n /** A less prominent card */\n subdued?: boolean;\n /** Auto wrap content in section */\n sectioned?: boolean;\n /** Card header actions */\n actions?: DisableableAction[];\n /** Primary action in the card footer */\n primaryFooterAction?: ComplexAction;\n /** Secondary actions in the card footer */\n secondaryFooterActions?: ComplexAction[];\n /** The content of the disclosure button rendered when there is more than one secondary footer action */\n secondaryFooterActionsDisclosureText?: string;\n /** Alignment of the footer actions on the card, defaults to right */\n footerActionAlignment?: 'right' | 'left';\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n}" } }, - "ChoiceProps": { - "polaris-react/src/components/Choice/Choice.tsx": { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", - "name": "ChoiceProps", + "CheckableButtonProps": { + "polaris-react/src/components/CheckableButton/CheckableButton.tsx": { + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "name": "CheckableButtonProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", - "name": "id", + "name": "accessibilityLabel", "value": "string", - "description": "A unique identifier for the choice" + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", "name": "label", - "value": "React.ReactNode", - "description": "Label for the choice" + "value": "string", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "Whether the associated form control is disabled", + "name": "selected", + "value": "boolean | \"indeterminate\"", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", - "name": "error", - "value": "any", - "description": "Display an error message", + "name": "disabled", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", - "syntaxKind": "PropertySignature", - "name": "labelHidden", - "value": "boolean", - "description": "Visually hide the label", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "syntaxKind": "MethodSignature", + "name": "onToggleAll", + "value": "() => void", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Content to display inside the choice", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", - "syntaxKind": "PropertySignature", - "name": "helpText", - "value": "React.ReactNode", - "description": "Additional text to aide in use", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", - "description": "Callback when clicked", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", - "syntaxKind": "MethodSignature", - "name": "onMouseOver", - "value": "() => void", - "description": "Callback when mouse over", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", - "syntaxKind": "MethodSignature", - "name": "onMouseOut", - "value": "() => void", - "description": "Callback when mouse out", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", "name": "ariaLive", "value": "\"off\" | \"polite\"", @@ -11159,7 +11060,7 @@ "isOptional": true } ], - "value": "export interface ChoiceProps {\n /** A unique identifier for the choice */\n id: string;\n /**\tLabel for the choice */\n label: React.ReactNode;\n /** Whether the associated form control is disabled */\n disabled?: boolean;\n /** Display an error message */\n error?: Error | boolean;\n /** Visually hide the label */\n labelHidden?: boolean;\n /** Content to display inside the choice */\n children?: React.ReactNode;\n /** Additional text to aide in use */\n helpText?: React.ReactNode;\n /** Callback when clicked */\n onClick?(): void;\n /** Callback when mouse over */\n onMouseOver?(): void;\n /** Callback when mouse out */\n onMouseOut?(): void;\n}" + "value": "export interface CheckableButtonProps {\n accessibilityLabel?: string;\n label?: string;\n selected?: boolean | 'indeterminate';\n disabled?: boolean;\n onToggleAll?(): void;\n ariaLive?: 'off' | 'polite';\n}" } }, "CheckboxProps": { @@ -11354,62 +11255,92 @@ "value": "export interface CheckboxProps {\n checked?: boolean;\n disabled?: boolean;\n active?: boolean;\n id?: string;\n name?: string;\n value?: string;\n role?: string;\n onChange(): void;\n}" } }, - "CheckableButtonProps": { - "polaris-react/src/components/CheckableButton/CheckableButton.tsx": { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "name": "CheckableButtonProps", + "ChoiceProps": { + "polaris-react/src/components/Choice/Choice.tsx": { + "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "name": "ChoiceProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "filePath": "polaris-react/src/components/Choice/Choice.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", + "name": "id", "value": "string", - "description": "", - "isOptional": true + "description": "A unique identifier for the choice" }, { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "filePath": "polaris-react/src/components/Choice/Choice.tsx", "syntaxKind": "PropertySignature", "name": "label", - "value": "string", - "description": "", + "value": "React.ReactNode", + "description": "Label for the choice" + }, + { + "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "syntaxKind": "PropertySignature", + "name": "disabled", + "value": "boolean", + "description": "Whether the associated form control is disabled", "isOptional": true }, { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "filePath": "polaris-react/src/components/Choice/Choice.tsx", "syntaxKind": "PropertySignature", - "name": "selected", - "value": "boolean | \"indeterminate\"", - "description": "", + "name": "error", + "value": "any", + "description": "Display an error message", "isOptional": true }, { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "filePath": "polaris-react/src/components/Choice/Choice.tsx", "syntaxKind": "PropertySignature", - "name": "disabled", + "name": "labelHidden", "value": "boolean", - "description": "", + "description": "Visually hide the label", "isOptional": true }, { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Content to display inside the choice", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "syntaxKind": "PropertySignature", + "name": "helpText", + "value": "React.ReactNode", + "description": "Additional text to aide in use", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Choice/Choice.tsx", "syntaxKind": "MethodSignature", - "name": "onToggleAll", + "name": "onClick", "value": "() => void", - "description": "", + "description": "Callback when clicked", "isOptional": true }, { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "PropertySignature", - "name": "ariaLive", - "value": "\"off\" | \"polite\"", - "description": "", + "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "syntaxKind": "MethodSignature", + "name": "onMouseOver", + "value": "() => void", + "description": "Callback when mouse over", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "syntaxKind": "MethodSignature", + "name": "onMouseOut", + "value": "() => void", + "description": "Callback when mouse out", "isOptional": true } ], - "value": "export interface CheckableButtonProps {\n accessibilityLabel?: string;\n label?: string;\n selected?: boolean | 'indeterminate';\n disabled?: boolean;\n onToggleAll?(): void;\n ariaLive?: 'off' | 'polite';\n}" + "value": "export interface ChoiceProps {\n /** A unique identifier for the choice */\n id: string;\n /**\tLabel for the choice */\n label: React.ReactNode;\n /** Whether the associated form control is disabled */\n disabled?: boolean;\n /** Display an error message */\n error?: Error | boolean;\n /** Visually hide the label */\n labelHidden?: boolean;\n /** Content to display inside the choice */\n children?: React.ReactNode;\n /** Additional text to aide in use */\n helpText?: React.ReactNode;\n /** Callback when clicked */\n onClick?(): void;\n /** Callback when mouse over */\n onMouseOver?(): void;\n /** Callback when mouse out */\n onMouseOut?(): void;\n}" } }, "Choice": { @@ -11620,12 +11551,11 @@ }, { "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "syntaxKind": "PropertySignature", - "name": "preventMeasuringOnChildrenUpdate", - "value": "boolean", - "description": "", - "isOptional": true, - "deprecationMessage": "Re-measuring is no longer necessary on children update *" + "syntaxKind": "MethodSignature", + "name": "onAnimationEnd", + "value": "() => void", + "description": "Callback when the animation completes.", + "isOptional": true }, { "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", @@ -11636,7 +11566,7 @@ "isOptional": true } ], - "value": "export interface CollapsibleProps {\n /** Assign a unique ID to the collapsible. For accessibility, pass this ID as the value of the triggering component’s aria-controls prop. */\n id: string;\n /** Option to show collapsible content when printing */\n expandOnPrint?: boolean;\n /** Toggle whether the collapsible is expanded or not. */\n open: boolean;\n /** Override transition properties. When set to false, disables transition completely.\n * @default transition={{duration: 'var(--p-duration-150)', timingFunction: 'var(--p-ease-in-out)'}}\n */\n transition?: boolean | Transition;\n /** @deprecated Re-measuring is no longer necessary on children update **/\n preventMeasuringOnChildrenUpdate?: boolean;\n /** The content to display inside the collapsible. */\n children?: React.ReactNode;\n}" + "value": "export interface CollapsibleProps {\n /** Assign a unique ID to the collapsible. For accessibility, pass this ID as the value of the triggering component’s aria-controls prop. */\n id: string;\n /** Option to show collapsible content when printing */\n expandOnPrint?: boolean;\n /** Toggle whether the collapsible is expanded or not. */\n open: boolean;\n /** Override transition properties. When set to false, disables transition completely.\n * @default transition={{duration: 'var(--p-duration-150)', timingFunction: 'var(--p-ease-in-out)'}}\n */\n transition?: boolean | Transition;\n /** Callback when the animation completes. */\n onAnimationEnd?(): void;\n /** The content to display inside the collapsible. */\n children?: React.ReactNode;\n}" } }, "AnimationState": { @@ -11756,6 +11686,106 @@ "value": "export interface ColorPickerProps {\n /** ID for the element */\n id?: string;\n /** The currently selected color */\n color: Color;\n /** Allow user to select an alpha value */\n allowAlpha?: boolean;\n /** Allow HuePicker to take the full width */\n fullWidth?: boolean;\n /** Callback when color is selected */\n onChange(color: HSBAColor): void;\n}" } }, + "Columns": { + "polaris-react/src/components/Columns/Columns.tsx": { + "filePath": "polaris-react/src/components/Columns/Columns.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Columns", + "value": "{\n [Breakpoint in BreakpointsAlias]?: number | string;\n}", + "description": "" + }, + "polaris-react/src/components/Grid/Grid.tsx": { + "filePath": "polaris-react/src/components/Grid/Grid.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Columns", + "value": "{\n [Breakpoint in Breakpoints]?: number;\n}", + "description": "" + }, + "polaris-react/src/components/Grid/components/Cell/Cell.tsx": { + "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", + "name": "Columns", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", + "syntaxKind": "PropertySignature", + "name": "xs", + "value": "2 | 5 | 1 | 4 | 3 | 6", + "description": "Number of columns the section should span on extra small screens", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", + "syntaxKind": "PropertySignature", + "name": "sm", + "value": "2 | 5 | 1 | 4 | 3 | 6", + "description": "Number of columns the section should span on small screens", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", + "syntaxKind": "PropertySignature", + "name": "md", + "value": "2 | 5 | 1 | 4 | 3 | 6", + "description": "Number of columns the section should span on medium screens", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", + "syntaxKind": "PropertySignature", + "name": "lg", + "value": "2 | 5 | 1 | 4 | 10 | 7 | 3 | 6 | 8 | 9 | 11 | 12", + "description": "Number of columns the section should span on large screens", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", + "syntaxKind": "PropertySignature", + "name": "xl", + "value": "2 | 5 | 1 | 4 | 10 | 7 | 3 | 6 | 8 | 9 | 11 | 12", + "description": "Number of columns the section should span on extra large screens", + "isOptional": true + } + ], + "value": "interface Columns {\n /** Number of columns the section should span on extra small screens */\n xs?: 1 | 2 | 3 | 4 | 5 | 6;\n /** Number of columns the section should span on small screens */\n sm?: 1 | 2 | 3 | 4 | 5 | 6;\n /** Number of columns the section should span on medium screens */\n md?: 1 | 2 | 3 | 4 | 5 | 6;\n /** Number of columns the section should span on large screens */\n lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n /** Number of columns the section should span on extra large screens */\n xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n}" + } + }, + "ColumnsProps": { + "polaris-react/src/components/Columns/Columns.tsx": { + "filePath": "polaris-react/src/components/Columns/Columns.tsx", + "name": "ColumnsProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Columns/Columns.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Columns/Columns.tsx", + "syntaxKind": "PropertySignature", + "name": "columns", + "value": "Columns", + "description": "The number of columns to display", + "isOptional": true, + "defaultValue": "{xs: 6, sm: 6, md: 6, lg: 6, xl: 6}" + }, + { + "filePath": "polaris-react/src/components/Columns/Columns.tsx", + "syntaxKind": "PropertySignature", + "name": "gap", + "value": "Gap", + "description": "The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.", + "isOptional": true, + "defaultValue": "'4'" + } + ], + "value": "export interface ColumnsProps {\n children?: React.ReactNode;\n /** The number of columns to display\n * @default {xs: 6, sm: 6, md: 6, lg: 6, xl: 6}\n */\n columns?: Columns;\n /** The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @default '4'\n * @example\n * gap='2'\n * gap={{xs: '1', sm: '2', md: '3', lg: '4', xl: '5'}}\n */\n gap?: Gap;\n}" + } + }, "ComboboxProps": { "polaris-react/src/components/Combobox/Combobox.tsx": { "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", @@ -11863,106 +11893,6 @@ "value": "export interface ConnectedProps {\n /** Content to display on the left */\n left?: React.ReactNode;\n /** Content to display on the right */\n right?: React.ReactNode;\n /** Connected content */\n children?: React.ReactNode;\n}" } }, - "Columns": { - "polaris-react/src/components/Columns/Columns.tsx": { - "filePath": "polaris-react/src/components/Columns/Columns.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Columns", - "value": "{\n [Breakpoint in BreakpointsAlias]?: number | string;\n}", - "description": "" - }, - "polaris-react/src/components/Grid/Grid.tsx": { - "filePath": "polaris-react/src/components/Grid/Grid.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Columns", - "value": "{\n [Breakpoint in Breakpoints]?: number;\n}", - "description": "" - }, - "polaris-react/src/components/Grid/components/Cell/Cell.tsx": { - "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", - "name": "Columns", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", - "syntaxKind": "PropertySignature", - "name": "xs", - "value": "2 | 5 | 1 | 4 | 3 | 6", - "description": "Number of columns the section should span on extra small screens", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", - "syntaxKind": "PropertySignature", - "name": "sm", - "value": "2 | 5 | 1 | 4 | 3 | 6", - "description": "Number of columns the section should span on small screens", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", - "syntaxKind": "PropertySignature", - "name": "md", - "value": "2 | 5 | 1 | 4 | 3 | 6", - "description": "Number of columns the section should span on medium screens", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", - "syntaxKind": "PropertySignature", - "name": "lg", - "value": "2 | 5 | 1 | 4 | 10 | 3 | 6 | 7 | 8 | 9 | 11 | 12", - "description": "Number of columns the section should span on large screens", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", - "syntaxKind": "PropertySignature", - "name": "xl", - "value": "2 | 5 | 1 | 4 | 10 | 3 | 6 | 7 | 8 | 9 | 11 | 12", - "description": "Number of columns the section should span on extra large screens", - "isOptional": true - } - ], - "value": "interface Columns {\n /** Number of columns the section should span on extra small screens */\n xs?: 1 | 2 | 3 | 4 | 5 | 6;\n /** Number of columns the section should span on small screens */\n sm?: 1 | 2 | 3 | 4 | 5 | 6;\n /** Number of columns the section should span on medium screens */\n md?: 1 | 2 | 3 | 4 | 5 | 6;\n /** Number of columns the section should span on large screens */\n lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n /** Number of columns the section should span on extra large screens */\n xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n}" - } - }, - "ColumnsProps": { - "polaris-react/src/components/Columns/Columns.tsx": { - "filePath": "polaris-react/src/components/Columns/Columns.tsx", - "name": "ColumnsProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Columns/Columns.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Columns/Columns.tsx", - "syntaxKind": "PropertySignature", - "name": "columns", - "value": "Columns", - "description": "The number of columns to display", - "isOptional": true, - "defaultValue": "{xs: 6, sm: 6, md: 6, lg: 6, xl: 6}" - }, - { - "filePath": "polaris-react/src/components/Columns/Columns.tsx", - "syntaxKind": "PropertySignature", - "name": "gap", - "value": "Gap", - "description": "The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.", - "isOptional": true, - "defaultValue": "'4'" - } - ], - "value": "export interface ColumnsProps {\n children?: React.ReactNode;\n /** The number of columns to display\n * @default {xs: 6, sm: 6, md: 6, lg: 6, xl: 6}\n */\n columns?: Columns;\n /** The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @default '4'\n * @example\n * gap='2'\n * gap={{xs: '1', sm: '2', md: '3', lg: '4', xl: '5'}}\n */\n gap?: Gap;\n}" - } - }, "TableRow": { "polaris-react/src/components/DataTable/DataTable.tsx": { "filePath": "polaris-react/src/components/DataTable/DataTable.tsx", @@ -12284,42 +12214,6 @@ "value": "export interface DatePickerProps {\n /** ID for the element */\n id?: string;\n /** The selected date or range of dates */\n selected?: Date | Range;\n /** The month to show, from 0 to 11. 0 is January, 1 is February ... 11 is December */\n month: number;\n /** The year to show */\n year: number;\n /** Allow a range of dates to be selected */\n allowRange?: boolean;\n /** Disable selecting dates before this. */\n disableDatesBefore?: Date;\n /** Disable selecting dates after this. */\n disableDatesAfter?: Date;\n /** Disable specific dates. */\n disableSpecificDates?: Date[];\n /** The selection can span multiple months */\n multiMonth?: boolean;\n /**\n * First day of week, from 0 to 6. 0 is Sunday, 1 is Monday ... 6 is Saturday\n * @default 0\n */\n weekStartsOn?: number;\n /** Visually hidden prefix text for selected days on single selection date pickers */\n dayAccessibilityLabelPrefix?: string;\n /** Callback when date is selected. */\n onChange?(date: Range): void;\n /** Callback when month is changed. */\n onMonthChange?(month: number, year: number): void;\n}" } }, - "DisplayTextProps": { - "polaris-react/src/components/DisplayText/DisplayText.tsx": { - "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx", - "name": "DisplayTextProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx", - "syntaxKind": "PropertySignature", - "name": "element", - "value": "HeadingTagName", - "description": "Name of element to use for text", - "isOptional": true, - "defaultValue": "'p'" - }, - { - "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx", - "syntaxKind": "PropertySignature", - "name": "size", - "value": "Size", - "description": "Size of the text", - "isOptional": true, - "defaultValue": "'medium'" - }, - { - "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Content to display", - "isOptional": true - } - ], - "value": "export interface DisplayTextProps {\n /**\n * Name of element to use for text\n * @default 'p'\n */\n element?: HeadingTagName;\n /**\n * Size of the text\n * @default 'medium'\n */\n size?: Size;\n /** Content to display */\n children?: React.ReactNode;\n}" - } - }, "Item": { "polaris-react/src/components/DescriptionList/DescriptionList.tsx": { "filePath": "polaris-react/src/components/DescriptionList/DescriptionList.tsx", @@ -12417,6 +12311,24 @@ "value": "export interface DescriptionListProps {\n /** Collection of items for list */\n items: Item[];\n /** Determines the spacing between list items */\n spacing?: 'tight' | 'loose';\n}" } }, + "DividerProps": { + "polaris-react/src/components/Divider/Divider.tsx": { + "filePath": "polaris-react/src/components/Divider/Divider.tsx", + "name": "DividerProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Divider/Divider.tsx", + "syntaxKind": "PropertySignature", + "name": "borderStyle", + "value": "BorderTokenAlias", + "description": "Divider border style", + "isOptional": true + } + ], + "value": "export interface DividerProps {\n /** Divider border style */\n borderStyle?: BorderTokenAlias;\n}" + } + }, "DropZoneFileType": { "polaris-react/src/components/DropZone/DropZone.tsx": { "filePath": "polaris-react/src/components/DropZone/DropZone.tsx", @@ -12791,24 +12703,6 @@ "value": "interface DropZoneContextType {\n disabled: boolean;\n focused: boolean;\n measuring: boolean;\n allowMultiple: boolean;\n size: string;\n type: string;\n}" } }, - "DividerProps": { - "polaris-react/src/components/Divider/Divider.tsx": { - "filePath": "polaris-react/src/components/Divider/Divider.tsx", - "name": "DividerProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Divider/Divider.tsx", - "syntaxKind": "PropertySignature", - "name": "borderStyle", - "value": "BorderTokenAlias", - "description": "Divider border style", - "isOptional": true - } - ], - "value": "export interface DividerProps {\n /** Divider border style */\n borderStyle?: BorderTokenAlias;\n}" - } - }, "EmptySearchResultProps": { "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx": { "filePath": "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx", @@ -13647,41 +13541,6 @@ "value": "export interface GridProps {\n /* Set grid-template-areas */\n areas?: Areas;\n /* Number of columns */\n columns?: Columns;\n /* Grid gap */\n gap?: Gap;\n children?: React.ReactNode;\n}" } }, - "HeadingProps": { - "polaris-react/src/components/Heading/Heading.tsx": { - "filePath": "polaris-react/src/components/Heading/Heading.tsx", - "name": "HeadingProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Heading/Heading.tsx", - "syntaxKind": "PropertySignature", - "name": "element", - "value": "HeadingTagName", - "description": "The element name to use for the heading", - "isOptional": true, - "defaultValue": "'h2'" - }, - { - "filePath": "polaris-react/src/components/Heading/Heading.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to display inside the heading", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Heading/Heading.tsx", - "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "A unique identifier for the heading, used for reference in anchor links", - "isOptional": true - } - ], - "value": "export interface HeadingProps {\n /**\n * The element name to use for the heading\n * @default 'h2'\n */\n element?: HeadingTagName;\n /** The content to display inside the heading */\n children?: React.ReactNode;\n /** A unique identifier for the heading, used for reference in anchor links */\n id?: string;\n}" - } - }, "IconProps": { "polaris-react/src/components/Icon/Icon.tsx": { "filePath": "polaris-react/src/components/Icon/Icon.tsx", @@ -14298,23 +14157,41 @@ "isOptional": true }, { - "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", + "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", + "syntaxKind": "PropertySignature", + "name": "condensed", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", + "syntaxKind": "MethodSignature", + "name": "onSelectionChange", + "value": "(selectionType: SelectionType, toggleType: boolean, selection?: string | Range) => void", + "description": "", + "isOptional": true + } + ], + "value": "export interface IndexTableProps\n extends IndexTableBaseProps,\n IndexProviderProps {}" + } + }, + "IndicatorProps": { + "polaris-react/src/components/Indicator/Indicator.tsx": { + "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", + "name": "IndicatorProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", "syntaxKind": "PropertySignature", - "name": "condensed", + "name": "pulse", "value": "boolean", "description": "", "isOptional": true - }, - { - "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", - "syntaxKind": "MethodSignature", - "name": "onSelectionChange", - "value": "(selectionType: SelectionType, toggleType: boolean, selection?: string | Range) => void", - "description": "", - "isOptional": true } ], - "value": "export interface IndexTableProps\n extends IndexTableBaseProps,\n IndexProviderProps {}" + "value": "export interface IndicatorProps {\n pulse?: boolean;\n}" } }, "BlockAlign": { @@ -14380,40 +14257,21 @@ "value": "export interface InlineProps {\n children?: React.ReactNode;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Vertical alignment of children\n * @default 'center'\n */\n blockAlign?: BlockAlign;\n /** The spacing between elements. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @default '4'\n * @example\n * gap='2'\n * gap={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n gap?: Gap;\n /** Wrap stack elements to additional rows as needed on small screens\n * @default true\n */\n wrap?: boolean;\n}" } }, - "IndicatorProps": { - "polaris-react/src/components/Indicator/Indicator.tsx": { - "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", - "name": "IndicatorProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", - "syntaxKind": "PropertySignature", - "name": "pulse", - "value": "boolean", - "description": "", - "isOptional": true - } - ], - "value": "export interface IndicatorProps {\n pulse?: boolean;\n}" - } - }, - "KeyboardKeyProps": { - "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx": { - "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx", - "name": "KeyboardKeyProps", + "InlineCodeProps": { + "polaris-react/src/components/InlineCode/InlineCode.tsx": { + "filePath": "polaris-react/src/components/InlineCode/InlineCode.tsx", + "name": "InlineCodeProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx", + "filePath": "polaris-react/src/components/InlineCode/InlineCode.tsx", "syntaxKind": "PropertySignature", "name": "children", - "value": "string", - "description": "The content to display inside the key", - "isOptional": true + "value": "ReactNode", + "description": "The content to render inside the code block" } ], - "value": "export interface KeyboardKeyProps {\n /** The content to display inside the key */\n children?: string;\n}" + "value": "export interface InlineCodeProps {\n /** The content to render inside the code block */\n children: ReactNode;\n}" } }, "InlineErrorProps": { @@ -14440,21 +14298,22 @@ "value": "export interface InlineErrorProps {\n /** Content briefly explaining how to resolve the invalid form field input. */\n message: Error;\n /** Unique identifier of the invalid form field that the message describes */\n fieldID: string;\n}" } }, - "InlineCodeProps": { - "polaris-react/src/components/InlineCode/InlineCode.tsx": { - "filePath": "polaris-react/src/components/InlineCode/InlineCode.tsx", - "name": "InlineCodeProps", + "KeyboardKeyProps": { + "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx": { + "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx", + "name": "KeyboardKeyProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/InlineCode/InlineCode.tsx", + "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx", "syntaxKind": "PropertySignature", "name": "children", - "value": "ReactNode", - "description": "The content to render inside the code block" + "value": "string", + "description": "The content to display inside the key", + "isOptional": true } ], - "value": "export interface InlineCodeProps {\n /** The content to render inside the code block */\n children: ReactNode;\n}" + "value": "export interface KeyboardKeyProps {\n /** The content to display inside the key */\n children?: string;\n}" } }, "KeypressListenerProps": { @@ -14516,23 +14375,6 @@ "value": "export interface LabelProps {\n /** Label content */\n children?: React.ReactNode;\n /** A unique identifier for the label */\n id: string;\n /** Visually hide the label */\n hidden?: boolean;\n /** Visual required indicator for the label */\n requiredIndicator?: boolean;\n}" } }, - "KonamiCodeProps": { - "polaris-react/src/components/KonamiCode/KonamiCode.tsx": { - "filePath": "polaris-react/src/components/KonamiCode/KonamiCode.tsx", - "name": "KonamiCodeProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/KonamiCode/KonamiCode.tsx", - "syntaxKind": "MethodSignature", - "name": "handler", - "value": "(event: KeyboardEvent) => void", - "description": "" - } - ], - "value": "export interface KonamiCodeProps {\n handler(event: KeyboardEvent): void;\n}" - } - }, "LabelledProps": { "polaris-react/src/components/Labelled/Labelled.tsx": { "filePath": "polaris-react/src/components/Labelled/Labelled.tsx", @@ -14605,6 +14447,32 @@ "value": "export interface LabelledProps {\n /** A unique identifier for the label */\n id: LabelProps['id'];\n /** Text for the label */\n label: React.ReactNode;\n /** Error to display beneath the label */\n error?: Error | boolean;\n /** An action */\n action?: Action;\n /** Additional hint text to display */\n helpText?: React.ReactNode;\n /** Content to display inside the connected */\n children?: React.ReactNode;\n /** Visually hide the label */\n labelHidden?: boolean;\n /** Visual required indicator for the label */\n requiredIndicator?: boolean;\n}" } }, + "LayoutProps": { + "polaris-react/src/components/Layout/Layout.tsx": { + "filePath": "polaris-react/src/components/Layout/Layout.tsx", + "name": "LayoutProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Layout/Layout.tsx", + "syntaxKind": "PropertySignature", + "name": "sectioned", + "value": "boolean", + "description": "Automatically adds sections to layout.", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Layout/Layout.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "The content to display inside the layout.", + "isOptional": true + } + ], + "value": "export interface LayoutProps {\n /** Automatically adds sections to layout. */\n sectioned?: boolean;\n /** The content to display inside the layout. */\n children?: React.ReactNode;\n}" + } + }, "LinkProps": { "polaris-react/src/components/Link/Link.tsx": { "filePath": "polaris-react/src/components/Link/Link.tsx", @@ -14687,32 +14555,6 @@ "value": "export interface LinkProps {\n /** ID for the link */\n id?: string;\n /** The url to link to */\n url?: string;\n /** The content to display inside the link */\n children?: React.ReactNode;\n /** Makes the link open in a new tab */\n external?: boolean;\n /** Makes the link color the same as the current text color and adds an underline */\n monochrome?: boolean;\n /** Removes text decoration underline to the link*/\n removeUnderline?: boolean;\n /** Callback when a link is clicked */\n onClick?(): void;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n /** Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row` */\n dataPrimaryLink?: boolean;\n}" } }, - "LayoutProps": { - "polaris-react/src/components/Layout/Layout.tsx": { - "filePath": "polaris-react/src/components/Layout/Layout.tsx", - "name": "LayoutProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Layout/Layout.tsx", - "syntaxKind": "PropertySignature", - "name": "sectioned", - "value": "boolean", - "description": "Automatically adds sections to layout.", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Layout/Layout.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to display inside the layout.", - "isOptional": true - } - ], - "value": "export interface LayoutProps {\n /** Automatically adds sections to layout. */\n sectioned?: boolean;\n /** The content to display inside the layout. */\n children?: React.ReactNode;\n}" - } - }, "Type": { "polaris-react/src/components/List/List.tsx": { "filePath": "polaris-react/src/components/List/List.tsx", @@ -15567,9 +15409,9 @@ { "filePath": "polaris-react/src/components/Page/Page.tsx", "syntaxKind": "PropertySignature", - "name": "breadcrumbs", - "value": "(LinkAction | CallbackAction)[]", - "description": "Collection of breadcrumbs", + "name": "breadcrumb", + "value": "LinkAction | CallbackAction", + "description": "Breadcrumb link", "isOptional": true }, { @@ -17108,6 +16950,14 @@ "description": "ReactNode to display instead of the sort control", "isOptional": true }, + { + "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", + "syntaxKind": "PropertySignature", + "name": "headerContent", + "value": "string", + "description": "Custom header text displayed above the list instead of the resource count.", + "isOptional": true + }, { "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", "syntaxKind": "MethodSignature", @@ -17148,7 +16998,7 @@ "isOptional": true } ], - "value": "export interface ResourceListProps {\n /** Item data; each item is passed to renderItem */\n items: TItemType[];\n filterControl?: React.ReactNode;\n /** The markup to display when no resources exist yet. Renders when set and items is empty. */\n emptyState?: React.ReactNode;\n /** The markup to display when no results are returned on search or filter of the list. Renders when `filterControl` is set, items are empty, and `emptyState` is not set.\n * @default EmptySearchResult\n */\n emptySearchState?: React.ReactNode;\n /** Name of the resource, such as customers or products */\n resourceName?: {\n singular: string;\n plural: string;\n };\n /** Up to 2 bulk actions that will be given more prominence */\n promotedBulkActions?: BulkActionsProps['promotedActions'];\n /** Actions available on the currently selected items */\n bulkActions?: BulkActionsProps['actions'];\n /** Collection of IDs for the currently selected items */\n selectedItems?: ResourceListSelectedItems;\n /** Whether or not the list has filter(s) applied */\n isFiltered?: boolean;\n /** Renders a Select All button at the top of the list and checkboxes in front of each list item. For use when bulkActions aren't provided. **/\n selectable?: boolean;\n /** Whether or not there are more items than currently set on the items prop. Determines whether or not to set the paginatedSelectAllAction and paginatedSelectAllText props on the BulkActions component. */\n hasMoreItems?: boolean;\n /** Overlays item list with a spinner while a background action is being performed */\n loading?: boolean;\n /** Boolean to show or hide the header */\n showHeader?: boolean;\n /** Total number of resources */\n totalItemsCount?: number;\n /** Current value of the sort control */\n sortValue?: string;\n /** Collection of sort options to choose from */\n sortOptions?: SelectOption[];\n /** ReactNode to display instead of the sort control */\n alternateTool?: React.ReactNode;\n /** Callback when sort option is changed */\n onSortChange?(selected: string, id: string): void;\n /** Callback when selection is changed */\n onSelectionChange?(selectedItems: ResourceListSelectedItems): void;\n /** Function to render each list item, must return a ResourceItem component */\n renderItem(item: TItemType, id: string, index: number): React.ReactNode;\n /** Function to customize the unique ID for each item */\n idForItem?(item: TItemType, index: number): string;\n /** Function to resolve the ids of items */\n resolveItemId?(item: TItemType): string;\n}" + "value": "export interface ResourceListProps {\n /** Item data; each item is passed to renderItem */\n items: TItemType[];\n filterControl?: React.ReactNode;\n /** The markup to display when no resources exist yet. Renders when set and items is empty. */\n emptyState?: React.ReactNode;\n /** The markup to display when no results are returned on search or filter of the list. Renders when `filterControl` is set, items are empty, and `emptyState` is not set.\n * @default EmptySearchResult\n */\n emptySearchState?: React.ReactNode;\n /** Name of the resource, such as customers or products */\n resourceName?: {\n singular: string;\n plural: string;\n };\n /** Up to 2 bulk actions that will be given more prominence */\n promotedBulkActions?: BulkActionsProps['promotedActions'];\n /** Actions available on the currently selected items */\n bulkActions?: BulkActionsProps['actions'];\n /** Collection of IDs for the currently selected items */\n selectedItems?: ResourceListSelectedItems;\n /** Whether or not the list has filter(s) applied */\n isFiltered?: boolean;\n /** Renders a Select All button at the top of the list and checkboxes in front of each list item. For use when bulkActions aren't provided. **/\n selectable?: boolean;\n /** Whether or not there are more items than currently set on the items prop. Determines whether or not to set the paginatedSelectAllAction and paginatedSelectAllText props on the BulkActions component. */\n hasMoreItems?: boolean;\n /** Overlays item list with a spinner while a background action is being performed */\n loading?: boolean;\n /** Boolean to show or hide the header */\n showHeader?: boolean;\n /** Total number of resources */\n totalItemsCount?: number;\n /** Current value of the sort control */\n sortValue?: string;\n /** Collection of sort options to choose from */\n sortOptions?: SelectOption[];\n /** ReactNode to display instead of the sort control */\n alternateTool?: React.ReactNode;\n /** Custom header text displayed above the list instead of the resource count. */\n headerContent?: string;\n /** Callback when sort option is changed */\n onSortChange?(selected: string, id: string): void;\n /** Callback when selection is changed */\n onSelectionChange?(selectedItems: ResourceListSelectedItems): void;\n /** Function to render each list item, must return a ResourceItem component */\n renderItem(item: TItemType, id: string, index: number): React.ReactNode;\n /** Function to customize the unique ID for each item */\n idForItem?(item: TItemType, index: number): string;\n /** Function to resolve the ids of items */\n resolveItemId?(item: TItemType): string;\n}" } }, "ResourceListType": { @@ -17228,89 +17078,6 @@ "value": "export interface ScrollableProps extends React.HTMLProps {\n /** Content to display in scrollable area */\n children?: React.ReactNode;\n /** Scroll content vertically\n * @default true\n * */\n vertical?: boolean;\n /** Scroll content horizontally\n * @default true\n * */\n horizontal?: boolean;\n /** Add a shadow when content is scrollable */\n shadow?: boolean;\n /** Slightly hints content upon mounting when scrollable */\n hint?: boolean;\n /** Adds a tabIndex to scrollable when children are not focusable */\n focusable?: boolean;\n /** Called when scrolled to the bottom of the scroll area */\n onScrolledToBottom?(): void;\n}" } }, - "AriaLive": { - "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx": { - "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "AriaLive", - "value": "'off' | 'polite' | undefined", - "description": "" - } - }, - "SelectAllActionsProps": { - "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx": { - "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx", - "name": "SelectAllActionsProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Visually hidden text for screen readers", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx", - "syntaxKind": "PropertySignature", - "name": "label", - "value": "string", - "description": "Label for the bulk actions", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx", - "syntaxKind": "PropertySignature", - "name": "selected", - "value": "boolean | \"indeterminate\"", - "description": "State of the bulk actions checkbox", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx", - "syntaxKind": "PropertySignature", - "name": "selectMode", - "value": "boolean", - "description": "List is in a selectable state", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx", - "syntaxKind": "PropertySignature", - "name": "paginatedSelectAllText", - "value": "string", - "description": "Text to select all across pages", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx", - "syntaxKind": "PropertySignature", - "name": "paginatedSelectAllAction", - "value": "Action", - "description": "Action for selecting all across pages", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx", - "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "Disables bulk actions", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx", - "syntaxKind": "MethodSignature", - "name": "onToggleAll", - "value": "() => void", - "description": "Callback when the select all checkbox is clicked", - "isOptional": true - } - ], - "value": "export interface SelectAllActionsProps {\n /** Visually hidden text for screen readers */\n accessibilityLabel?: string;\n /** Label for the bulk actions */\n label?: string;\n /** State of the bulk actions checkbox */\n selected?: boolean | 'indeterminate';\n /** List is in a selectable state */\n selectMode?: boolean;\n /** Text to select all across pages */\n paginatedSelectAllText?: string;\n /** Action for selecting all across pages */\n paginatedSelectAllAction?: Action;\n /** Disables bulk actions */\n disabled?: boolean;\n /** Callback when the select all checkbox is clicked */\n onToggleAll?(): void;\n}" - } - }, "StrictOption": { "polaris-react/src/components/Select/Select.tsx": { "filePath": "polaris-react/src/components/Select/Select.tsx", @@ -17998,18 +17765,16 @@ "name": "onMouseUp", "value": "() => void", "description": "" + }, + { + "filePath": "polaris-react/src/components/TextField/components/Spinner/Spinner.tsx", + "syntaxKind": "MethodSignature", + "name": "onBlur", + "value": "(event: React.FocusEvent) => void", + "description": "" } ], - "value": "export interface SpinnerProps {\n onChange: HandleStepFn;\n onClick?(event: React.MouseEvent): void;\n onMouseDown(onChange: HandleStepFn): void;\n onMouseUp(): void;\n}" - } - }, - "StickyProps": { - "polaris-react/src/components/Sticky/Sticky.tsx": { - "filePath": "polaris-react/src/components/Sticky/Sticky.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "StickyProps", - "value": "{\n /** Element outlining the fixed position boundaries */\n boundingElement?: HTMLElement | null;\n /** Offset vertical spacing from the top of the scrollable container */\n offset?: boolean;\n /** Should the element remain in a fixed position when the layout is stacked (smaller screens) */\n disableWhenStacked?: boolean;\n /** Callback run when sticky header is added or removed */\n onStickyChange?: (isSticky: boolean) => void;\n} & (\n | {children: React.ReactNode}\n | {children(isSticky: boolean): React.ReactNode}\n)", - "description": "" + "value": "export interface SpinnerProps {\n onChange: HandleStepFn;\n onClick?(event: React.MouseEvent): void;\n onMouseDown(onChange: HandleStepFn): void;\n onMouseUp(): void;\n onBlur(event: React.FocusEvent): void;\n}" } }, "Distribution": { @@ -18079,31 +17844,13 @@ "value": "export interface StackProps {\n /** Elements to display inside stack */\n children?: React.ReactNode;\n /** Wrap stack elements to additional rows as needed on small screens (Defaults to true) */\n wrap?: boolean;\n /** Stack the elements vertically */\n vertical?: boolean;\n /** Adjust spacing between elements */\n spacing?: Spacing;\n /** Adjust vertical alignment of elements */\n alignment?: Alignment;\n /** Adjust horizontal alignment of elements */\n distribution?: Distribution;\n}" } }, - "SubheadingProps": { - "polaris-react/src/components/Subheading/Subheading.tsx": { - "filePath": "polaris-react/src/components/Subheading/Subheading.tsx", - "name": "SubheadingProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Subheading/Subheading.tsx", - "syntaxKind": "PropertySignature", - "name": "element", - "value": "HeadingTagName", - "description": "The element name to use for the subheading", - "isOptional": true, - "defaultValue": "'h3'" - }, - { - "filePath": "polaris-react/src/components/Subheading/Subheading.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Text to display in subheading", - "isOptional": true - } - ], - "value": "export interface SubheadingProps {\n /**\n * The element name to use for the subheading\n * @default 'h3'\n */\n element?: HeadingTagName;\n /** Text to display in subheading */\n children?: React.ReactNode;\n}" + "StickyProps": { + "polaris-react/src/components/Sticky/Sticky.tsx": { + "filePath": "polaris-react/src/components/Sticky/Sticky.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "StickyProps", + "value": "{\n /** Element outlining the fixed position boundaries */\n boundingElement?: HTMLElement | null;\n /** Offset vertical spacing from the top of the scrollable container */\n offset?: boolean;\n /** Should the element remain in a fixed position when the layout is stacked (smaller screens) */\n disableWhenStacked?: boolean;\n /** Callback run when sticky header is added or removed */\n onStickyChange?: (isSticky: boolean) => void;\n} & (\n | {children: React.ReactNode}\n | {children(isSticky: boolean): React.ReactNode}\n)", + "description": "" } }, "TabsProps": { @@ -18162,30 +17909,13 @@ "value": "export interface TabsProps {\n /** Content to display in tabs */\n children?: React.ReactNode;\n /** Index of selected tab */\n selected: number;\n /** List of tabs */\n tabs: TabDescriptor[];\n /** Fit tabs to container */\n fitted?: boolean;\n /** Text to replace disclosures horizontal dots */\n disclosureText?: string;\n /** Callback when tab is selected */\n onSelect?(selectedTabIndex: number): void;\n}" } }, - "TextContainerProps": { - "polaris-react/src/components/TextContainer/TextContainer.tsx": { - "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx", - "name": "TextContainerProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx", - "syntaxKind": "PropertySignature", - "name": "spacing", - "value": "Spacing", - "description": "The amount of vertical spacing children will get between them", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to render in the text container.", - "isOptional": true - } - ], - "value": "export interface TextContainerProps {\n /** The amount of vertical spacing children will get between them */\n spacing?: Spacing;\n /** The content to render in the text container. */\n children?: React.ReactNode;\n}" + "TagProps": { + "polaris-react/src/components/Tag/Tag.tsx": { + "filePath": "polaris-react/src/components/Tag/Tag.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "TagProps", + "value": "NonMutuallyExclusiveProps & (\n | {onClick?(): void; onRemove?: undefined; url?: undefined}\n | {onClick?: undefined; onRemove?(): void; url?: string}\n )", + "description": "" } }, "Variant": { @@ -18293,6 +18023,32 @@ "value": "export interface TextProps {\n /** Adjust horizontal alignment of text */\n alignment?: Alignment;\n /** The element type */\n as: Element;\n /** Prevent text from overflowing */\n breakWord?: boolean;\n /** Text to display */\n children: ReactNode;\n /** Adjust color of text */\n color?: Color;\n /** Adjust weight of text */\n fontWeight?: FontWeight;\n /** HTML id attribute */\n id?: string;\n /** Truncate text overflow with ellipsis */\n truncate?: boolean;\n /** Typographic style of text */\n variant: Variant;\n /** Visually hide the text */\n visuallyHidden?: boolean;\n}" } }, + "TextContainerProps": { + "polaris-react/src/components/TextContainer/TextContainer.tsx": { + "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx", + "name": "TextContainerProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx", + "syntaxKind": "PropertySignature", + "name": "spacing", + "value": "Spacing", + "description": "The amount of vertical spacing children will get between them", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "The content to render in the text container.", + "isOptional": true + } + ], + "value": "export interface TextContainerProps {\n /** The amount of vertical spacing children will get between them */\n spacing?: Spacing;\n /** The content to render in the text container. */\n children?: React.ReactNode;\n}" + } + }, "InputMode": { "polaris-react/src/components/TextField/TextField.tsx": { "filePath": "polaris-react/src/components/TextField/TextField.tsx", @@ -18418,90 +18174,6 @@ "description": "" } }, - "TagProps": { - "polaris-react/src/components/Tag/Tag.tsx": { - "filePath": "polaris-react/src/components/Tag/Tag.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "TagProps", - "value": "NonMutuallyExclusiveProps & (\n | {onClick?(): void; onRemove?: undefined; url?: undefined}\n | {onClick?: undefined; onRemove?(): void; url?: string}\n )", - "description": "" - } - }, - "Variation": { - "polaris-react/src/components/TextStyle/TextStyle.tsx": { - "filePath": "polaris-react/src/components/TextStyle/TextStyle.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Variation", - "value": "'positive' | 'negative' | 'warning' | 'strong' | 'subdued' | 'code'", - "description": "" - } - }, - "VariationValue": { - "polaris-react/src/components/TextStyle/TextStyle.tsx": { - "filePath": "polaris-react/src/components/TextStyle/TextStyle.tsx", - "syntaxKind": "EnumDeclaration", - "name": "VariationValue", - "value": "enum VariationValue {\n Positive = 'positive',\n Negative = 'negative',\n Warning = 'warning',\n Strong = 'strong',\n Subdued = 'subdued',\n Code = 'code',\n}", - "members": [ - { - "filePath": "polaris-react/src/components/TextStyle/TextStyle.tsx", - "name": "Positive", - "value": "positive" - }, - { - "filePath": "polaris-react/src/components/TextStyle/TextStyle.tsx", - "name": "Negative", - "value": "negative" - }, - { - "filePath": "polaris-react/src/components/TextStyle/TextStyle.tsx", - "name": "Warning", - "value": "warning" - }, - { - "filePath": "polaris-react/src/components/TextStyle/TextStyle.tsx", - "name": "Strong", - "value": "strong" - }, - { - "filePath": "polaris-react/src/components/TextStyle/TextStyle.tsx", - "name": "Subdued", - "value": "subdued" - }, - { - "filePath": "polaris-react/src/components/TextStyle/TextStyle.tsx", - "name": "Code", - "value": "code" - } - ] - } - }, - "TextStyleProps": { - "polaris-react/src/components/TextStyle/TextStyle.tsx": { - "filePath": "polaris-react/src/components/TextStyle/TextStyle.tsx", - "name": "TextStyleProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/TextStyle/TextStyle.tsx", - "syntaxKind": "PropertySignature", - "name": "variation", - "value": "Variation", - "description": "Give text additional visual meaning", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TextStyle/TextStyle.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content that should get the intended styling", - "isOptional": true - } - ], - "value": "export interface TextStyleProps {\n /** Give text additional visual meaning */\n variation?: Variation;\n /** The content that should get the intended styling */\n children?: React.ReactNode;\n}" - } - }, "ThumbnailProps": { "polaris-react/src/components/Thumbnail/Thumbnail.tsx": { "filePath": "polaris-react/src/components/Thumbnail/Thumbnail.tsx", @@ -18543,6 +18215,33 @@ "value": "export interface ThumbnailProps {\n /**\n * Size of thumbnail\n * @default 'medium'\n */\n size?: Size;\n /** URL for the image */\n source: string | React.FunctionComponent>;\n /** Alt text for the thumbnail image */\n alt: string;\n /** Transparent background */\n transparent?: boolean;\n}" } }, + "Width": { + "polaris-react/src/components/Tooltip/Tooltip.tsx": { + "filePath": "polaris-react/src/components/Tooltip/Tooltip.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Width", + "value": "'default' | 'wide'", + "description": "" + } + }, + "Padding": { + "polaris-react/src/components/Tooltip/Tooltip.tsx": { + "filePath": "polaris-react/src/components/Tooltip/Tooltip.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Padding", + "value": "'default' | Extract", + "description": "" + } + }, + "BorderRadius": { + "polaris-react/src/components/Tooltip/Tooltip.tsx": { + "filePath": "polaris-react/src/components/Tooltip/Tooltip.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "BorderRadius", + "value": "\"1\" | \"2\"", + "description": "" + } + }, "TooltipProps": { "polaris-react/src/components/Tooltip/Tooltip.tsx": { "filePath": "polaris-react/src/components/Tooltip/Tooltip.tsx", @@ -18614,6 +18313,41 @@ "description": "Visually hidden text for screen readers", "isOptional": true }, + { + "filePath": "polaris-react/src/components/Tooltip/Tooltip.tsx", + "syntaxKind": "PropertySignature", + "name": "width", + "value": "Width", + "description": "Width of content", + "isOptional": true, + "defaultValue": "'default'" + }, + { + "filePath": "polaris-react/src/components/Tooltip/Tooltip.tsx", + "syntaxKind": "PropertySignature", + "name": "padding", + "value": "Padding", + "description": "Padding of content", + "isOptional": true, + "defaultValue": "'default'" + }, + { + "filePath": "polaris-react/src/components/Tooltip/Tooltip.tsx", + "syntaxKind": "PropertySignature", + "name": "borderRadius", + "value": "BorderRadius", + "description": "Border radius of the tooltip", + "isOptional": true, + "defaultValue": "'1'" + }, + { + "filePath": "polaris-react/src/components/Tooltip/Tooltip.tsx", + "syntaxKind": "PropertySignature", + "name": "zIndexOverride", + "value": "number", + "description": "Override on the default z-index of 400", + "isOptional": true + }, { "filePath": "polaris-react/src/components/Tooltip/Tooltip.tsx", "syntaxKind": "MethodSignature", @@ -18631,7 +18365,7 @@ "isOptional": true } ], - "value": "export interface TooltipProps {\n /** The element that will activate to tooltip */\n children?: React.ReactNode;\n /** The content to display within the tooltip */\n content: React.ReactNode;\n /** Toggle whether the tooltip is visible */\n active?: boolean;\n /** Delay in milliseconds while hovering over an element before the tooltip is visible */\n hoverDelay?: number;\n /** Dismiss tooltip when not interacting with its children */\n dismissOnMouseOut?: TooltipOverlayProps['preventInteraction'];\n /**\n * The direction the tooltip tries to display\n * @default 'below'\n */\n preferredPosition?: TooltipOverlayProps['preferredPosition'];\n /**\n * The element type to wrap the activator in\n * @default 'span'\n */\n activatorWrapper?: string;\n /** Visually hidden text for screen readers */\n accessibilityLabel?: string;\n /* Callback fired when the tooltip is activated */\n onOpen?(): void;\n /* Callback fired when the tooltip is dismissed */\n onClose?(): void;\n}" + "value": "export interface TooltipProps {\n /** The element that will activate to tooltip */\n children?: React.ReactNode;\n /** The content to display within the tooltip */\n content: React.ReactNode;\n /** Toggle whether the tooltip is visible */\n active?: boolean;\n /** Delay in milliseconds while hovering over an element before the tooltip is visible */\n hoverDelay?: number;\n /** Dismiss tooltip when not interacting with its children */\n dismissOnMouseOut?: TooltipOverlayProps['preventInteraction'];\n /**\n * The direction the tooltip tries to display\n * @default 'below'\n */\n preferredPosition?: TooltipOverlayProps['preferredPosition'];\n /**\n * The element type to wrap the activator in\n * @default 'span'\n */\n activatorWrapper?: string;\n /** Visually hidden text for screen readers */\n accessibilityLabel?: string;\n /**\n * Width of content\n * @default 'default'\n */\n width?: Width;\n /**\n * Padding of content\n * @default 'default'\n */\n padding?: Padding;\n /**\n * Border radius of the tooltip\n * @default '1'\n */\n borderRadius?: BorderRadius;\n /** Override on the default z-index of 400 */\n zIndexOverride?: number;\n /* Callback fired when the tooltip is activated */\n onOpen?(): void;\n /* Callback fired when the tooltip is dismissed */\n onClose?(): void;\n}" } }, "TopBarProps": { @@ -18758,6 +18492,23 @@ "value": "export interface TrapFocusProps {\n trapping?: boolean;\n children?: React.ReactNode;\n}" } }, + "TruncateProps": { + "polaris-react/src/components/Truncate/Truncate.tsx": { + "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", + "name": "TruncateProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "" + } + ], + "value": "export interface TruncateProps {\n children: React.ReactNode;\n}" + } + }, "UnstyledButtonProps": { "polaris-react/src/components/UnstyledButton/UnstyledButton.tsx": { "filePath": "polaris-react/src/components/UnstyledButton/UnstyledButton.tsx", @@ -21958,24 +21709,6 @@ "value": "export interface VideoThumbnailProps {\n /** URL source for thumbnail image. */\n thumbnailUrl: string;\n /**\n * Length of video in seconds.\n * @default 0\n */\n videoLength?: number;\n /**\n * Video progress in seconds. Displays a progress bar at the bottom of the thumbnail. Only renders when videoLength is also set.\n * @default 0\n */\n videoProgress?: number;\n /**\n * Indicate whether to allow video progress to be displayed\n * @default false\n */\n showVideoProgress?: boolean;\n /** Custom ARIA label for play button.\n * @default 'Play video of length {human readable duration}'\n */\n accessibilityLabel?: string;\n /** Callback on click or keypress of thumbnail. Use to trigger render of the video player in your chosen format, for example within a modal or fullscreen container. */\n onClick(): void;\n /** Callback on mouse enter, focus, or touch start of thumbnail. Use to trigger video preload. */\n onBeforeStartPlaying?(): void;\n}" } }, - "VisuallyHiddenProps": { - "polaris-react/src/components/VisuallyHidden/VisuallyHidden.tsx": { - "filePath": "polaris-react/src/components/VisuallyHidden/VisuallyHidden.tsx", - "name": "VisuallyHiddenProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/VisuallyHidden/VisuallyHidden.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to be hidden visually", - "isOptional": true - } - ], - "value": "export interface VisuallyHiddenProps {\n /** The content to be hidden visually */\n children?: React.ReactNode;\n}" - } - }, "ComboboxTextFieldType": { "polaris-react/src/utilities/combobox/context.tsx": { "filePath": "polaris-react/src/utilities/combobox/context.tsx", @@ -22173,23 +21906,6 @@ "value": "export interface FocusManagerContextType {\n trapFocusList: string[];\n add: (id: string) => void;\n remove: (id: string) => boolean;\n}" } }, - "TruncateProps": { - "polaris-react/src/components/Truncate/Truncate.tsx": { - "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", - "name": "TruncateProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "" - } - ], - "value": "export interface TruncateProps {\n children: React.ReactNode;\n}" - } - }, "PortalsManager": { "polaris-react/src/utilities/portals/context.tsx": { "filePath": "polaris-react/src/utilities/portals/context.tsx", @@ -22367,6 +22083,23 @@ "name": "secondaryAction", "value": "SecondaryAction", "description": "", + "isOptional": true, + "deprecationMessage": "Use secondaryActions instead." + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "secondaryActions", + "value": "SecondaryActions", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "displayActionsOnHover", + "value": "boolean", + "description": "", "isOptional": true }, { @@ -22450,7 +22183,7 @@ "isOptional": true } ], - "value": "export interface ItemProps extends ItemURLDetails {\n icon?: IconProps['source'];\n badge?: ReactNode;\n label: string;\n disabled?: boolean;\n accessibilityLabel?: string;\n selected?: boolean;\n exactMatch?: boolean;\n new?: boolean;\n subNavigationItems?: SubNavigationItem[];\n secondaryAction?: SecondaryAction;\n onClick?(): void;\n onToggleExpandedState?(): void;\n expanded?: boolean;\n shouldResizeIcon?: boolean;\n truncateText?: boolean;\n}" + "value": "export interface ItemProps extends ItemURLDetails {\n icon?: IconProps['source'];\n badge?: ReactNode;\n label: string;\n disabled?: boolean;\n accessibilityLabel?: string;\n selected?: boolean;\n exactMatch?: boolean;\n new?: boolean;\n subNavigationItems?: SubNavigationItem[];\n /** @deprecated Use secondaryActions instead. */\n secondaryAction?: SecondaryAction;\n secondaryActions?: SecondaryActions;\n displayActionsOnHover?: boolean;\n onClick?(): void;\n onToggleExpandedState?(): void;\n expanded?: boolean;\n shouldResizeIcon?: boolean;\n truncateText?: boolean;\n}" }, "polaris-react/src/components/Stack/components/Item/Item.tsx": { "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", @@ -22555,30 +22288,6 @@ "value": "interface ItemProps {\n children?: React.ReactNode;\n}" } }, - "MeasuredActions": { - "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx": { - "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx", - "name": "MeasuredActions", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx", - "syntaxKind": "PropertySignature", - "name": "showable", - "value": "MenuActionDescriptor[]", - "description": "" - }, - { - "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx", - "syntaxKind": "PropertySignature", - "name": "rolledUp", - "value": "(MenuActionDescriptor | MenuGroupDescriptor)[]", - "description": "" - } - ], - "value": "interface MeasuredActions {\n showable: MenuActionDescriptor[];\n rolledUp: (MenuActionDescriptor | MenuGroupDescriptor)[];\n}" - } - }, "SectionProps": { "polaris-react/src/components/ActionList/components/Section/Section.tsx": { "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", @@ -22825,6 +22534,30 @@ "value": "export interface SectionProps {\n children?: React.ReactNode;\n}" } }, + "MeasuredActions": { + "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx": { + "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx", + "name": "MeasuredActions", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx", + "syntaxKind": "PropertySignature", + "name": "showable", + "value": "MenuActionDescriptor[]", + "description": "" + }, + { + "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx", + "syntaxKind": "PropertySignature", + "name": "rolledUp", + "value": "(MenuActionDescriptor | MenuGroupDescriptor)[]", + "description": "" + } + ], + "value": "interface MeasuredActions {\n showable: MenuActionDescriptor[];\n rolledUp: (MenuActionDescriptor | MenuGroupDescriptor)[];\n}" + } + }, "MenuGroupProps": { "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx": { "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", @@ -22951,6 +22684,40 @@ "value": "export interface MenuGroupProps extends MenuGroupDescriptor {\n /** Visually hidden menu description for screen readers */\n accessibilityLabel?: string;\n /** Whether or not the menu is open */\n active?: boolean;\n /** Callback when the menu is clicked */\n onClick?(openActions: () => void): void;\n /** Callback for opening the MenuGroup by title */\n onOpen(title: string): void;\n /** Callback for closing the MenuGroup by title */\n onClose(title: string): void;\n /** Callback for getting the offsetWidth of the MenuGroup */\n getOffsetWidth?(width: number): void;\n /** Collection of sectioned action items */\n sections?: readonly ActionListSection[];\n}" } }, + "RollupActionsProps": { + "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx": { + "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", + "name": "RollupActionsProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "Accessibilty label", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", + "syntaxKind": "PropertySignature", + "name": "items", + "value": "ActionListItemDescriptor[]", + "description": "Collection of actions for the list", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", + "syntaxKind": "PropertySignature", + "name": "sections", + "value": "ActionListSection[]", + "description": "Collection of sectioned action items", + "isOptional": true + } + ], + "value": "export interface RollupActionsProps {\n /** Accessibilty label */\n accessibilityLabel?: string;\n /** Collection of actions for the list */\n items?: ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: ActionListSection[];\n}" + } + }, "SecondaryAction": { "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx": { "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", @@ -23289,23 +23056,24 @@ { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "url", + "name": "accessibilityLabel", "value": "string", "description": "" }, { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", + "name": "icon", + "value": "any", "description": "" }, { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "icon", - "value": "any", - "description": "" + "name": "url", + "value": "string", + "description": "", + "isOptional": true }, { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", @@ -23324,41 +23092,7 @@ "isOptional": true } ], - "value": "interface SecondaryAction {\n url: string;\n accessibilityLabel: string;\n icon: IconProps['source'];\n onClick?(): void;\n tooltip?: TooltipProps;\n}" - } - }, - "RollupActionsProps": { - "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx": { - "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", - "name": "RollupActionsProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Accessibilty label", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", - "syntaxKind": "PropertySignature", - "name": "items", - "value": "ActionListItemDescriptor[]", - "description": "Collection of actions for the list", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", - "syntaxKind": "PropertySignature", - "name": "sections", - "value": "ActionListSection[]", - "description": "Collection of sectioned action items", - "isOptional": true - } - ], - "value": "export interface RollupActionsProps {\n /** Accessibilty label */\n accessibilityLabel?: string;\n /** Collection of actions for the list */\n items?: ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: ActionListSection[];\n}" + "value": "interface SecondaryAction {\n accessibilityLabel: string;\n icon: IconProps['source'];\n url?: string;\n onClick?(): void;\n tooltip?: TooltipProps;\n}" } }, "MappedAction": { @@ -23582,7 +23316,7 @@ "filePath": "polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx", "syntaxKind": "TypeAliasDeclaration", "name": "BulkActionButtonProps", - "value": "{\n disclosure?: boolean;\n indicator?: boolean;\n handleMeasurement?(width: number): void;\n} & DisableableAction", + "value": "{\n disclosure?: boolean;\n indicator?: boolean;\n handleMeasurement?(width: number): void;\n showContentInButton?: boolean;\n} & DisableableAction", "description": "" } }, @@ -23707,6 +23441,72 @@ "value": "export interface CardHeaderProps {\n title?: React.ReactNode;\n actions?: DisableableAction[];\n children?: React.ReactNode;\n}" } }, + "CardSectionProps": { + "polaris-react/src/components/Card/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", + "name": "CardSectionProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "title", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "subdued", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "flush", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "fullWidth", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "hideOnPrint", + "value": "boolean", + "description": "Allow the card to be hidden when printing", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "actions", + "value": "ComplexAction[]", + "description": "", + "isOptional": true + } + ], + "value": "export interface CardSectionProps {\n title?: React.ReactNode;\n children?: React.ReactNode;\n subdued?: boolean;\n flush?: boolean;\n fullWidth?: boolean;\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n actions?: ComplexAction[];\n}" + } + }, "CardSubsectionProps": { "polaris-react/src/components/Card/components/Subsection/Subsection.tsx": { "filePath": "polaris-react/src/components/Card/components/Subsection/Subsection.tsx", @@ -23821,72 +23621,6 @@ "value": "export interface SlidableProps {\n draggerX?: number;\n draggerY?: number;\n onChange(position: Position): void;\n onDraggerHeight?(height: number): void;\n}" } }, - "CardSectionProps": { - "polaris-react/src/components/Card/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "name": "CardSectionProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "title", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "subdued", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "flush", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "fullWidth", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "hideOnPrint", - "value": "boolean", - "description": "Allow the card to be hidden when printing", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "actions", - "value": "ComplexAction[]", - "description": "", - "isOptional": true - } - ], - "value": "export interface CardSectionProps {\n title?: React.ReactNode;\n children?: React.ReactNode;\n subdued?: boolean;\n flush?: boolean;\n fullWidth?: boolean;\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n actions?: ComplexAction[];\n}" - } - }, "ItemPosition": { "polaris-react/src/components/Connected/components/Item/Item.tsx": { "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", @@ -24309,58 +24043,27 @@ "syntaxKind": "MethodSignature", "name": "onClick", "value": "(day: Date) => void", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Day/Day.tsx", - "syntaxKind": "MethodSignature", - "name": "onHover", - "value": "(day?: Date) => void", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Day/Day.tsx", - "syntaxKind": "MethodSignature", - "name": "onFocus", - "value": "(day: Date) => void", - "description": "", - "isOptional": true - } - ], - "value": "export interface DayProps {\n focused?: boolean;\n day?: Date;\n selected?: boolean;\n inRange?: boolean;\n inHoveringRange?: boolean;\n disabled?: boolean;\n lastDayOfMonth?: any;\n isLastSelectedDay?: boolean;\n isFirstSelectedDay?: boolean;\n isHoveringRight?: boolean;\n rangeIsDifferent?: boolean;\n weekday?: string;\n selectedAccessibilityLabelPrefix?: string;\n onClick?(day: Date): void;\n onHover?(day?: Date): void;\n onFocus?(day: Date): void;\n}" - } - }, - "WeekdayProps": { - "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx": { - "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", - "name": "WeekdayProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", - "syntaxKind": "PropertySignature", - "name": "label", - "value": "string", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", - "syntaxKind": "PropertySignature", - "name": "title", - "value": "string", - "description": "" + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", - "syntaxKind": "PropertySignature", - "name": "current", - "value": "boolean", - "description": "" + "filePath": "polaris-react/src/components/DatePicker/components/Day/Day.tsx", + "syntaxKind": "MethodSignature", + "name": "onHover", + "value": "(day?: Date) => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Day/Day.tsx", + "syntaxKind": "MethodSignature", + "name": "onFocus", + "value": "(day: Date) => void", + "description": "", + "isOptional": true } ], - "value": "export interface WeekdayProps {\n label: string;\n title: string;\n current: boolean;\n}" + "value": "export interface DayProps {\n focused?: boolean;\n day?: Date;\n selected?: boolean;\n inRange?: boolean;\n inHoveringRange?: boolean;\n disabled?: boolean;\n lastDayOfMonth?: any;\n isLastSelectedDay?: boolean;\n isFirstSelectedDay?: boolean;\n isHoveringRight?: boolean;\n rangeIsDifferent?: boolean;\n weekday?: string;\n selectedAccessibilityLabelPrefix?: string;\n onClick?(day: Date): void;\n onHover?(day?: Date): void;\n onFocus?(day: Date): void;\n}" } }, "MonthProps": { @@ -24481,6 +24184,37 @@ "value": "export interface MonthProps {\n focusedDate?: Date;\n selected?: Range;\n hoverDate?: Date;\n month: number;\n year: number;\n disableDatesBefore?: Date;\n disableDatesAfter?: Date;\n disableSpecificDates?: Date[];\n allowRange?: boolean;\n weekStartsOn: number;\n accessibilityLabelPrefixes: [string | undefined, string];\n onChange?(date: Range): void;\n onHover?(hoverEnd: Date): void;\n onFocus?(date: Date): void;\n}" } }, + "WeekdayProps": { + "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx": { + "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "name": "WeekdayProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "syntaxKind": "PropertySignature", + "name": "label", + "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "syntaxKind": "PropertySignature", + "name": "title", + "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "syntaxKind": "PropertySignature", + "name": "current", + "value": "boolean", + "description": "" + } + ], + "value": "export interface WeekdayProps {\n label: string;\n title: string;\n current: boolean;\n}" + } + }, "FileUploadProps": { "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx": { "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", @@ -24778,15 +24512,6 @@ "value": "export interface CSSAnimationProps {\n in: boolean;\n className: string;\n type: AnimationType;\n children?: React.ReactNode;\n}" } }, - "Cell": { - "polaris-react/src/components/Grid/components/Cell/Cell.tsx": { - "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Cell", - "value": "{\n [Breakpoint in Breakpoints]?: string;\n}", - "description": "" - } - }, "ToastManagerProps": { "polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx": { "filePath": "polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx", @@ -24804,6 +24529,15 @@ "value": "export interface ToastManagerProps {\n toastMessages: ToastPropsWithID[];\n}" } }, + "Cell": { + "polaris-react/src/components/Grid/components/Cell/Cell.tsx": { + "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Cell", + "value": "{\n [Breakpoint in Breakpoints]?: string;\n}", + "description": "" + } + }, "CheckboxWrapperProps": { "polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx": { "filePath": "polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx", @@ -25148,9 +24882,9 @@ { "filePath": "polaris-react/src/components/Page/components/Header/Header.tsx", "syntaxKind": "PropertySignature", - "name": "breadcrumbs", - "value": "(LinkAction | CallbackAction)[]", - "description": "Collection of breadcrumbs", + "name": "breadcrumb", + "value": "LinkAction | CallbackAction", + "description": "Breadcrumb link", "isOptional": true }, { @@ -25227,7 +24961,7 @@ "isOptional": true } ], - "value": "export interface HeaderProps extends TitleProps {\n /** Visually hide the title */\n titleHidden?: boolean;\n /** Primary page-level action */\n primaryAction?: PrimaryAction | React.ReactNode;\n /** Page-level pagination */\n pagination?: PaginationProps;\n /** Collection of breadcrumbs */\n breadcrumbs?: BreadcrumbsProps['breadcrumbs'];\n /** Collection of secondary page-level actions */\n secondaryActions?: MenuActionDescriptor[] | React.ReactNode;\n /** Collection of page-level groups of secondary actions */\n actionGroups?: MenuGroupDescriptor[];\n /** @deprecated Additional navigation markup */\n additionalNavigation?: React.ReactNode;\n // Additional meta data\n additionalMetadata?: React.ReactNode | string;\n /** Callback that returns true when secondary actions are rolled up into action groups, and false when not */\n onActionRollup?(hasRolledUp: boolean): void;\n}" + "value": "export interface HeaderProps extends TitleProps {\n /** Visually hide the title */\n titleHidden?: boolean;\n /** Primary page-level action */\n primaryAction?: PrimaryAction | React.ReactNode;\n /** Page-level pagination */\n pagination?: PaginationProps;\n /** Breadcrumb link */\n breadcrumb?: BreadcrumbsProps['breadcrumb'];\n /** Collection of secondary page-level actions */\n secondaryActions?: MenuActionDescriptor[] | React.ReactNode;\n /** Collection of page-level groups of secondary actions */\n actionGroups?: MenuGroupDescriptor[];\n /** @deprecated Additional navigation markup */\n additionalNavigation?: React.ReactNode;\n // Additional meta data\n additionalMetadata?: React.ReactNode | string;\n /** Callback that returns true when secondary actions are rolled up into action groups, and false when not */\n onActionRollup?(hasRolledUp: boolean): void;\n}" } }, "OptionProps": { @@ -25753,6 +25487,15 @@ "value": "export interface SubNavigationItem extends ItemURLDetails {\n url: string;\n label: string;\n disabled?: boolean;\n new?: boolean;\n onClick?(): void;\n}" } }, + "SecondaryActions": { + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "SecondaryActions", + "value": "[SecondaryAction] | [SecondaryAction, SecondaryAction]", + "description": "" + } + }, "MatchState": { "polaris-react/src/components/Navigation/components/Item/Item.tsx": { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", @@ -25788,6 +25531,69 @@ ] } }, + "ItemSecondaryActionProps": { + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "ItemSecondaryActionProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "tabIndex", + "value": "number", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "disabled", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "icon", + "value": "any", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "url", + "value": "string", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "tooltip", + "value": "TooltipProps", + "description": "", + "isOptional": true + } + ], + "value": "interface ItemSecondaryActionProps extends SecondaryAction {\n tabIndex: number;\n disabled?: boolean;\n}" + } + }, "PrimaryAction": { "polaris-react/src/components/Page/components/Header/Header.tsx": { "filePath": "polaris-react/src/components/Page/components/Header/Header.tsx", @@ -25910,6 +25716,65 @@ "value": "interface PrimaryAction\n extends DestructableAction,\n DisableableAction,\n LoadableAction,\n IconableAction,\n TooltipAction {\n /** Provides extra visual weight and identifies the primary action in a set of buttons */\n primary?: boolean;\n}" } }, + "PaneProps": { + "polaris-react/src/components/Popover/components/Pane/Pane.tsx": { + "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", + "name": "PaneProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", + "syntaxKind": "PropertySignature", + "name": "fixed", + "value": "boolean", + "description": "Fix the pane to the top of the popover", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", + "syntaxKind": "PropertySignature", + "name": "sectioned", + "value": "boolean", + "description": "Automatically wrap children in padded sections", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "The pane content", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", + "syntaxKind": "PropertySignature", + "name": "height", + "value": "string", + "description": "Sets a fixed height and max-height on the Scrollable", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", + "syntaxKind": "MethodSignature", + "name": "onScrolledToBottom", + "value": "() => void", + "description": "Callback when the bottom of the popover is reached by mouse or keyboard", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", + "syntaxKind": "PropertySignature", + "name": "captureOverscroll", + "value": "boolean", + "description": "Prevents page scrolling when the end of the scrollable Popover content is reached", + "isOptional": true, + "defaultValue": "false" + } + ], + "value": "export interface PaneProps {\n /** Fix the pane to the top of the popover */\n fixed?: boolean;\n /** Automatically wrap children in padded sections */\n sectioned?: boolean;\n /** The pane content */\n children?: React.ReactNode;\n /** Sets a fixed height and max-height on the Scrollable */\n height?: string;\n /** Callback when the bottom of the popover is reached by mouse or keyboard */\n onScrolledToBottom?(): void;\n /**\n * Prevents page scrolling when the end of the scrollable Popover content is reached\n * @default false\n */\n captureOverscroll?: boolean;\n}" + } + }, "PopoverCloseSource": { "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx": { "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", @@ -26059,103 +25924,44 @@ { "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", "syntaxKind": "PropertySignature", - "name": "hideOnPrint", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", - "syntaxKind": "MethodSignature", - "name": "onClose", - "value": "(source: PopoverCloseSource) => void", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", - "syntaxKind": "PropertySignature", - "name": "autofocusTarget", - "value": "PopoverAutofocusTarget", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", - "syntaxKind": "PropertySignature", - "name": "preventCloseOnChildOverlayClick", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", - "syntaxKind": "PropertySignature", - "name": "captureOverscroll", - "value": "boolean", - "description": "", - "isOptional": true - } - ], - "value": "export interface PopoverOverlayProps {\n children?: React.ReactNode;\n fullWidth?: boolean;\n fullHeight?: boolean;\n fluidContent?: boolean;\n preferredPosition?: PositionedOverlayProps['preferredPosition'];\n preferredAlignment?: PositionedOverlayProps['preferredAlignment'];\n active: boolean;\n id: string;\n zIndexOverride?: number;\n activator: HTMLElement;\n preferInputActivator?: PositionedOverlayProps['preferInputActivator'];\n sectioned?: boolean;\n fixed?: boolean;\n hideOnPrint?: boolean;\n onClose(source: PopoverCloseSource): void;\n autofocusTarget?: PopoverAutofocusTarget;\n preventCloseOnChildOverlayClick?: boolean;\n captureOverscroll?: boolean;\n}" - } - }, - "PaneProps": { - "polaris-react/src/components/Popover/components/Pane/Pane.tsx": { - "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", - "name": "PaneProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", - "syntaxKind": "PropertySignature", - "name": "fixed", - "value": "boolean", - "description": "Fix the pane to the top of the popover", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", - "syntaxKind": "PropertySignature", - "name": "sectioned", + "name": "hideOnPrint", "value": "boolean", - "description": "Automatically wrap children in padded sections", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The pane content", - "isOptional": true + "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", + "syntaxKind": "MethodSignature", + "name": "onClose", + "value": "(source: PopoverCloseSource) => void", + "description": "" }, { - "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", + "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", "syntaxKind": "PropertySignature", - "name": "height", - "value": "string", - "description": "Sets a fixed height and max-height on the Scrollable", + "name": "autofocusTarget", + "value": "PopoverAutofocusTarget", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", - "syntaxKind": "MethodSignature", - "name": "onScrolledToBottom", - "value": "() => void", - "description": "Callback when the bottom of the popover is reached by mouse or keyboard", + "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", + "syntaxKind": "PropertySignature", + "name": "preventCloseOnChildOverlayClick", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx", + "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", "syntaxKind": "PropertySignature", "name": "captureOverscroll", "value": "boolean", - "description": "Prevents page scrolling when the end of the scrollable Popover content is reached", - "isOptional": true, - "defaultValue": "false" + "description": "", + "isOptional": true } ], - "value": "export interface PaneProps {\n /** Fix the pane to the top of the popover */\n fixed?: boolean;\n /** Automatically wrap children in padded sections */\n sectioned?: boolean;\n /** The pane content */\n children?: React.ReactNode;\n /** Sets a fixed height and max-height on the Scrollable */\n height?: string;\n /** Callback when the bottom of the popover is reached by mouse or keyboard */\n onScrolledToBottom?(): void;\n /**\n * Prevents page scrolling when the end of the scrollable Popover content is reached\n * @default false\n */\n captureOverscroll?: boolean;\n}" + "value": "export interface PopoverOverlayProps {\n children?: React.ReactNode;\n fullWidth?: boolean;\n fullHeight?: boolean;\n fluidContent?: boolean;\n preferredPosition?: PositionedOverlayProps['preferredPosition'];\n preferredAlignment?: PositionedOverlayProps['preferredAlignment'];\n active: boolean;\n id: string;\n zIndexOverride?: number;\n activator: HTMLElement;\n preferInputActivator?: PositionedOverlayProps['preferInputActivator'];\n sectioned?: boolean;\n fixed?: boolean;\n hideOnPrint?: boolean;\n onClose(source: PopoverCloseSource): void;\n autofocusTarget?: PopoverAutofocusTarget;\n preventCloseOnChildOverlayClick?: boolean;\n captureOverscroll?: boolean;\n}" } }, "PolarisContainerProps": { @@ -26801,6 +26607,38 @@ "description": "", "isOptional": true }, + { + "filePath": "polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx", + "syntaxKind": "PropertySignature", + "name": "width", + "value": "Width", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx", + "syntaxKind": "PropertySignature", + "name": "padding", + "value": "Padding", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx", + "syntaxKind": "PropertySignature", + "name": "borderRadius", + "value": "BorderRadius", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx", + "syntaxKind": "PropertySignature", + "name": "zIndexOverride", + "value": "number", + "description": "", + "isOptional": true + }, { "filePath": "polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx", "syntaxKind": "MethodSignature", @@ -26809,7 +26647,7 @@ "description": "" } ], - "value": "export interface TooltipOverlayProps {\n id: string;\n active: boolean;\n preventInteraction?: PositionedOverlayProps['preventInteraction'];\n preferredPosition?: PositionedOverlayProps['preferredPosition'];\n children?: React.ReactNode;\n activator: HTMLElement;\n accessibilityLabel?: string;\n onClose(): void;\n}" + "value": "export interface TooltipOverlayProps {\n id: string;\n active: boolean;\n preventInteraction?: PositionedOverlayProps['preventInteraction'];\n preferredPosition?: PositionedOverlayProps['preferredPosition'];\n children?: React.ReactNode;\n activator: HTMLElement;\n accessibilityLabel?: string;\n width?: Width;\n padding?: Padding;\n borderRadius?: BorderRadius;\n zIndexOverride?: number;\n onClose(): void;\n}" } }, "MenuProps": { @@ -26915,86 +26753,6 @@ "value": "export interface SearchProps {\n /** Toggles whether or not the search is visible */\n visible?: boolean;\n /** The content to display inside the search */\n children?: React.ReactNode;\n /** Whether or not the search results overlay has a visible backdrop */\n overlayVisible?: boolean;\n /** Callback when the search is dismissed */\n onDismiss?(): void;\n}" } }, - "SearchFieldProps": { - "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx": { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "name": "SearchFieldProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "PropertySignature", - "name": "value", - "value": "string", - "description": "Initial value for the input" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "PropertySignature", - "name": "placeholder", - "value": "string", - "description": "Hint text to display", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "PropertySignature", - "name": "focused", - "value": "boolean", - "description": "Force the focus state on the input", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "PropertySignature", - "name": "active", - "value": "boolean", - "description": "Force a state where search is active but the text field component is not focused", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "MethodSignature", - "name": "onChange", - "value": "(value: string) => void", - "description": "Callback when value is changed" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "MethodSignature", - "name": "onFocus", - "value": "() => void", - "description": "Callback when input is focused", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "MethodSignature", - "name": "onBlur", - "value": "() => void", - "description": "Callback when focus is removed", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "MethodSignature", - "name": "onCancel", - "value": "() => void", - "description": "Callback when search field cancel button is clicked", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "PropertySignature", - "name": "showFocusBorder", - "value": "boolean", - "description": "Show a border when the search field is focused", - "isOptional": true - } - ], - "value": "export interface SearchFieldProps {\n /** Initial value for the input */\n value: string;\n /** Hint text to display */\n placeholder?: string;\n /** Force the focus state on the input */\n focused?: boolean;\n /** Force a state where search is active but the text field component is not focused */\n active?: boolean;\n /** Callback when value is changed */\n onChange(value: string): void;\n /** Callback when input is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n /** Callback when search field cancel button is clicked */\n onCancel?(): void;\n /** Show a border when the search field is focused */\n showFocusBorder?: boolean;\n}" - } - }, "UserMenuProps": { "polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx": { "filePath": "polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx", @@ -27072,35 +26830,84 @@ "value": "export interface UserMenuProps {\n /** An array of action objects that are rendered inside of a popover triggered by this menu */\n actions: {items: IconableAction[]}[];\n /** Accepts a message that facilitates direct, urgent communication with the merchant through the user menu */\n message?: MenuProps['message'];\n /** A string detailing the merchant’s full name to be displayed in the user menu */\n name: string;\n /** A string allowing further detail on the merchant’s name displayed in the user menu */\n detail?: string;\n /** A string that provides the accessibility labeling */\n accessibilityLabel?: string;\n /** The merchant’s initials, rendered in place of an avatar image when not provided */\n initials: AvatarProps['initials'];\n /** An avatar image representing the merchant */\n avatar?: AvatarProps['source'];\n /** A boolean property indicating whether the user menu is currently open */\n open: boolean;\n /** A callback function to handle opening and closing the user menu */\n onToggle(): void;\n}" } }, - "DiscardConfirmationModalProps": { - "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx": { - "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", - "name": "DiscardConfirmationModalProps", + "SearchFieldProps": { + "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx": { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "name": "SearchFieldProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", "syntaxKind": "PropertySignature", - "name": "open", + "name": "value", + "value": "string", + "description": "Initial value for the input" + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "PropertySignature", + "name": "placeholder", + "value": "string", + "description": "Hint text to display", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "PropertySignature", + "name": "focused", "value": "boolean", - "description": "" + "description": "Force the focus state on the input", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "PropertySignature", + "name": "active", + "value": "boolean", + "description": "Force a state where search is active but the text field component is not focused", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", "syntaxKind": "MethodSignature", - "name": "onDiscard", + "name": "onChange", + "value": "(value: string) => void", + "description": "Callback when value is changed" + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "MethodSignature", + "name": "onFocus", "value": "() => void", - "description": "" + "description": "Callback when input is focused", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "MethodSignature", + "name": "onBlur", + "value": "() => void", + "description": "Callback when focus is removed", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", "syntaxKind": "MethodSignature", "name": "onCancel", "value": "() => void", - "description": "" + "description": "Callback when search field cancel button is clicked", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "PropertySignature", + "name": "showFocusBorder", + "value": "boolean", + "description": "Show a border when the search field is focused", + "isOptional": true } ], - "value": "export interface DiscardConfirmationModalProps {\n open: boolean;\n onDiscard(): void;\n onCancel(): void;\n}" + "value": "export interface SearchFieldProps {\n /** Initial value for the input */\n value: string;\n /** Hint text to display */\n placeholder?: string;\n /** Force the focus state on the input */\n focused?: boolean;\n /** Force a state where search is active but the text field component is not focused */\n active?: boolean;\n /** Callback when value is changed */\n onChange(value: string): void;\n /** Callback when input is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n /** Callback when search field cancel button is clicked */\n onCancel?(): void;\n /** Show a border when the search field is focused */\n showFocusBorder?: boolean;\n}" } }, "SecondaryProps": { @@ -27136,6 +26943,37 @@ "value": "interface SecondaryProps {\n expanded: boolean;\n children?: React.ReactNode;\n id?: string;\n}" } }, + "DiscardConfirmationModalProps": { + "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx": { + "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "name": "DiscardConfirmationModalProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "syntaxKind": "PropertySignature", + "name": "open", + "value": "boolean", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "syntaxKind": "MethodSignature", + "name": "onDiscard", + "value": "() => void", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "syntaxKind": "MethodSignature", + "name": "onCancel", + "value": "() => void", + "description": "" + } + ], + "value": "export interface DiscardConfirmationModalProps {\n open: boolean;\n onDiscard(): void;\n onCancel(): void;\n}" + } + }, "TitleProps": { "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx": { "filePath": "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx", @@ -27224,4 +27062,4 @@ "value": "export interface MessageProps {\n title: string;\n description: string;\n action: {onClick(): void; content: string};\n link: {to: string; content: string};\n badge?: {content: string; status: BadgeProps['status']};\n}" } } -} +} \ No newline at end of file From 62593f37cc464da98683f46b3e6821e099a113e6 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Mon, 30 Jan 2023 09:09:36 +1100 Subject: [PATCH 09/43] Temp minimum node version to 14.18 --- .github/workflows/ci.yml | 2 +- documentation/Nodejs support.md | 8 ++++---- package.json | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 509657253fe..39c8667cf45 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -13,7 +13,7 @@ jobs: runs-on: ubuntu-latest strategy: matrix: - node-version: ['14.17.0', '16.13.0'] + node-version: ['14.18.0', '16.13.0'] steps: - name: Checkout branch uses: actions/checkout@v3 diff --git a/documentation/Nodejs support.md b/documentation/Nodejs support.md index 3ad0a11818a..b6e6ef5224d 100644 --- a/documentation/Nodejs support.md +++ b/documentation/Nodejs support.md @@ -16,14 +16,14 @@ The `package.json` engines. This should match the `.github/workflows/ci.yml` and ```json "engines": { - "node": "^14.17.0 || ^16.13.0" + "node": "^14.18.0 || ^16.13.0" }, ``` The GitHub actions `.github/workflows/ci.yml` file. This should match the `package.json` and list all supported versions. ```yml -node-version: ['14.17.0', '16.13.0'] +node-version: ['14.18.0', '16.13.0'] ``` The `dev.yml` file which creates a local development environment. This should match the `.nvmrc` file. @@ -43,11 +43,11 @@ The `shipit.yml` files. This should point towards the GitHub Actions the package ```yml ci: require: - - 'Validate with Node v14.17.0' + - 'Validate with Node v14.18.0' - 'Validate with Node v16.13.0' merge: require: - - 'Validate with Node v14.17.0' + - 'Validate with Node v14.18.0' - 'Validate with Node v16.13.0' ``` diff --git a/package.json b/package.json index 91c590593d4..6a9782cebd2 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "private": true, "engines": { - "node": "^14.17.0 || ^16.13.0" + "node": "^14.18.0 || ^16.13.0" }, "workspaces": { "packages": [ From ff6248c5e3efc27a89110909daaff76421ef0dd2 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Mon, 30 Jan 2023 11:11:04 +1100 Subject: [PATCH 10/43] 1/x Bump build dependencies (#8200) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### WHY are these changes introduced? Rollup and Babel are blocking our migration to minimum NodeJS version 16. This PR updated all Rollup and Babel dependencies. These NPM package upgrades are not compatible with NodeJS 14.17 (main branch version). This change unblocks a larger change to our NodeJS versions. ### WHAT is this pull request doing? - [x] Moves duplicate dependencies to root - [x] Upgrades all rollup and babel dependencies - [x] Fixes any required breaking changes or warnings - [x] Compared diff of previous packages and new ones and it doesn't have a regression ### How to 🎩 1. Run a build on `main` save the built files on desktop 1. Run a build on this `bump-build-deps` save the built files on desktop 1. Run a diff over the built files 1. Make sure no regressions 1. CI, tests should pass and website should render all pages. **@alex-page's output from Diff:** [diff.zip](https://github.com/Shopify/polaris/files/10531068/diff.zip) ``` diff -bur polaris-tokens/dist-main polaris-tokens/dist-v11 > icons.diff diff -bur polaris-tokens/dist-main polaris-tokens/dist-v11 > tokens.diff diff -bur polaris-migrator/dist-main polaris-migrator/dist-v11 > migrator.diff diff -bur polaris-react/build-main polaris-react/build-v11 > react.diff ``` ### 🎩 checklist - [x] Tested on [mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing) - [x] Tested on [multiple browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers) - [x] Tested for [accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md) - [x] Updated the component's `README.md` with documentation changes - [x] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide --- package.json | 28 ++- polaris-icons/rollup.config.mjs | 20 +- polaris-migrator/package.json | 4 - polaris-migrator/rollup.config.mjs | 4 +- polaris-react/package.json | 4 - polaris-react/rollup.config.mjs | 6 +- polaris-tokens/rollup.config.mjs | 4 +- yarn.lock | 392 +++++++++++++++++++---------- 8 files changed, 296 insertions(+), 166 deletions(-) diff --git a/package.json b/package.json index 6a9782cebd2..af130a5d113 100644 --- a/package.json +++ b/package.json @@ -44,21 +44,22 @@ "postinstall": "patch-package" }, "devDependencies": { - "@babel/core": "^7.15.0", - "@babel/node": "^7.14.9", + "@babel/core": "^7.20.12", + "@babel/node": "^7.20.7", + "@babel/preset-typescript": "^7.18.6", "@changesets/changelog-github": "^0.4.4", "@changesets/cli": "^2.23.0", "@changesets/get-release-plan": "^3.0.14", "@next/eslint-plugin-next": "^12.1.4", - "@rollup/plugin-babel": "^5.3.1", - "@rollup/plugin-commonjs": "^21.1.0", - "@rollup/plugin-image": "^2.0.5", - "@rollup/plugin-json": "^4.1.0", - "@rollup/plugin-node-resolve": "^13.2.1", - "@rollup/plugin-replace": "^2.3.3", - "@rollup/plugin-virtual": "^2.0.3", - "@rollup/pluginutils": "^4.1.0", - "@shopify/babel-preset": "^24.1.2", + "@rollup/plugin-babel": "^6.0.3", + "@rollup/plugin-commonjs": "^24.0.1", + "@rollup/plugin-image": "^3.0.2", + "@rollup/plugin-json": "^6.0.0", + "@rollup/plugin-node-resolve": "^15.0.1", + "@rollup/plugin-replace": "^5.0.2", + "@rollup/plugin-virtual": "^3.0.1", + "@rollup/pluginutils": "^5.0.2", + "@shopify/babel-preset": "^25.0.0", "@shopify/cli": "^3.10.1", "@shopify/eslint-plugin": "^42.0.1", "@shopify/prettier-config": "^1.1.2", @@ -66,6 +67,7 @@ "@shopify/typescript-configs": "^5.1.0", "@size-limit/preset-small-lib": "^5.0.3", "@types/jest": "^27.5.1", + "babel-loader": "^9.1.2", "downlevel-dts": "^0.6.0", "eslint": "^8.3.0", "execa": "^5.0.0", @@ -76,8 +78,8 @@ "patch-package": "^6.4.7", "postinstall-postinstall": "^2.1.0", "prettier": "^2.5.0", - "rollup": "^2.70.2", - "rollup-plugin-node-externals": "^4.0.0", + "rollup": "^3.12.0", + "rollup-plugin-node-externals": "^5.1.0", "size-limit": "^5.0.3", "stylelint": "^14.15.0", "ts-node": "^10.7.0", diff --git a/polaris-icons/rollup.config.mjs b/polaris-icons/rollup.config.mjs index d0815f2729b..9448e91b439 100644 --- a/polaris-icons/rollup.config.mjs +++ b/polaris-icons/rollup.config.mjs @@ -222,6 +222,11 @@ export default [ interop, entryFileNames: '[name].js', chunkFileNames: '[name].js', + manualChunks: (id) => { + if (id.startsWith(iconBasePath)) { + return id.replace(iconBasePath, 'icons/'); + } + }, }, { dir: 'dist', @@ -229,17 +234,14 @@ export default [ interop, entryFileNames: '[name].mjs', chunkFileNames: '[name].mjs', + manualChunks: (id) => { + if (id.startsWith(iconBasePath)) { + return id.replace(iconBasePath, 'icons/'); + } + }, }, ], - manualChunks: (id) => { - // Generate distinct chunks for each icon - // This allows consuming apps to split up the icons into multiple subchunks - // containing a few icons each instead of always having to put every icon - // into a single shared chunk - if (id.startsWith(iconBasePath)) { - return id.replace(iconBasePath, 'icons/'); - } - }, + external: ['react'], onwarn: (warning, warn) => { // Unresolved imports means Rollup couldn't find an import, possibly because diff --git a/polaris-migrator/package.json b/polaris-migrator/package.json index 17b029f45c4..5ceeca93d57 100644 --- a/polaris-migrator/package.json +++ b/polaris-migrator/package.json @@ -48,10 +48,6 @@ "devDependencies": { "@types/is-git-clean": "^1.1.0", "@types/jscodeshift": "^0.11.5", - "@rollup/plugin-babel": "^5.3.1", - "@rollup/plugin-commonjs": "^22.0.2", - "@rollup/plugin-json": "^4.1.0", - "@rollup/plugin-node-resolve": "^13.3.0", "@shopify/polaris": "^10.24.0", "plop": "^3.1.1", "plop-dir": "^0.0.5", diff --git a/polaris-migrator/rollup.config.mjs b/polaris-migrator/rollup.config.mjs index 7590ff5f94f..954b50853ac 100644 --- a/polaris-migrator/rollup.config.mjs +++ b/polaris-migrator/rollup.config.mjs @@ -21,14 +21,14 @@ export default { output: [ { format: /** @type {const} */ ('cjs'), - entryFileNames: '[name][assetExtname].js', + entryFileNames: '[name].js', dir: path.dirname(pkg.main), preserveModules: true, exports: 'auto', }, { format: /** @type {const} */ ('esm'), - entryFileNames: '[name][assetExtname].mjs', + entryFileNames: '[name].mjs', dir: path.dirname(pkg.module), preserveModules: true, }, diff --git a/polaris-react/package.json b/polaris-react/package.json index f2f857466c6..3fd04a8437a 100644 --- a/polaris-react/package.json +++ b/polaris-react/package.json @@ -75,8 +75,6 @@ "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0" }, "devDependencies": { - "@babel/core": "^7.15.0", - "@babel/node": "^7.14.9", "@changesets/get-release-plan": "^3.0.13", "@shopify/browserslist-config": "^3.0.0", "@shopify/jest-dom-mocks": "^3.0.5", @@ -93,8 +91,6 @@ "@types/react": "^18.0.15", "@types/react-dom": "^18.0.6", "ajv-cli": "^5.0.0", - "babel-core": "7.0.0-bridge.0", - "babel-loader": "^8.1.0", "change-case": "^3.1.0", "chromatic": "^6.5.4", "core-js": "^3.6.5", diff --git a/polaris-react/rollup.config.mjs b/polaris-react/rollup.config.mjs index 34ca161cb6f..984e1d8e6f1 100644 --- a/polaris-react/rollup.config.mjs +++ b/polaris-react/rollup.config.mjs @@ -69,14 +69,14 @@ export default [ format: 'cjs', dir: path.dirname(pkg.main), preserveModules: true, - entryFileNames: '[name][assetExtname].js', + entryFileNames: '[name].js', exports: 'named', }, { format: 'esm', dir: path.dirname(pkg.module), preserveModules: true, - entryFileNames: '[name][assetExtname].js', + entryFileNames: '[name].js', }, ], }), @@ -95,7 +95,7 @@ export default [ format: 'esm', dir: path.dirname(pkg.esnext), preserveModules: true, - entryFileNames: '[name][assetExtname].esnext', + entryFileNames: '[name].esnext', }, ], }), diff --git a/polaris-tokens/rollup.config.mjs b/polaris-tokens/rollup.config.mjs index 417465c3fd0..7e81969c9db 100644 --- a/polaris-tokens/rollup.config.mjs +++ b/polaris-tokens/rollup.config.mjs @@ -15,13 +15,13 @@ export default { output: [ { format: /** @type {const} */ ('cjs'), - entryFileNames: '[name][assetExtname].js', + entryFileNames: '[name].js', dir: 'dist/cjs', preserveModules: true, }, { format: /** @type {const} */ ('es'), - entryFileNames: '[name][assetExtname].mjs', + entryFileNames: '[name].mjs', dir: 'dist/esm', preserveModules: true, }, diff --git a/yarn.lock b/yarn.lock index 265fd85b418..7b70eae9499 100644 --- a/yarn.lock +++ b/yarn.lock @@ -50,6 +50,11 @@ resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.19.3.tgz#707b939793f867f5a73b2666e6d9a3396eb03151" integrity sha512-prBHMK4JYYK+wDjJF1q99KK4JLL+egWS4nmNqdlMUgCExMZ+iZW0hGhyC3VEbsPjvaN0TBhW//VIFwBrk8sEiw== +"@babel/compat-data@^7.20.5": + version "7.20.14" + resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.20.14.tgz#4106fc8b755f3e3ee0a0a7c27dde5de1d2b2baf8" + integrity sha512-0YpKHD6ImkWMEINCyDAD0HLLUH/lPCefG8ld9it8DJB2wnApraKuhgYTvTY1z7UFIfBTGy5LwncZ+5HWWGbhFw== + "@babel/core@7.12.9": version "7.12.9" resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.9.tgz#fd450c4ec10cdbb980e2928b7aa7a28484593fc8" @@ -72,7 +77,7 @@ semver "^5.4.1" source-map "^0.5.0" -"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.15.0", "@babel/core@^7.16.0", "@babel/core@^7.4.5", "@babel/core@^7.7.2", "@babel/core@^7.7.5", "@babel/core@^7.8.0": +"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.16.0", "@babel/core@^7.4.5", "@babel/core@^7.7.2", "@babel/core@^7.7.5", "@babel/core@^7.8.0": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.9.tgz#805461f967c77ff46c74ca0460ccf4fe933ddd59" integrity sha512-1LIb1eL8APMy91/IMW+31ckrfBM4yCoLaVzoDhZUKSM4cu1L1nIidyxkCgzPAgrC5WEz36IPEr/eSeSF9pIn+g== @@ -114,6 +119,27 @@ json5 "^2.2.1" semver "^6.3.0" +"@babel/core@^7.20.12": + version "7.20.12" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.20.12.tgz#7930db57443c6714ad216953d1356dac0eb8496d" + integrity sha512-XsMfHovsUYHFMdrIHkZphTN/2Hzzi78R08NuHfDBehym2VsPDL6Zn/JAD/JQdnRvbSsbQc4mVaU1m6JgtTEElg== + dependencies: + "@ampproject/remapping" "^2.1.0" + "@babel/code-frame" "^7.18.6" + "@babel/generator" "^7.20.7" + "@babel/helper-compilation-targets" "^7.20.7" + "@babel/helper-module-transforms" "^7.20.11" + "@babel/helpers" "^7.20.7" + "@babel/parser" "^7.20.7" + "@babel/template" "^7.20.7" + "@babel/traverse" "^7.20.12" + "@babel/types" "^7.20.7" + convert-source-map "^1.7.0" + debug "^4.1.0" + gensync "^1.0.0-beta.2" + json5 "^2.2.2" + semver "^6.3.0" + "@babel/eslint-parser@^7.16.3": version "7.17.0" resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.17.0.tgz#eabb24ad9f0afa80e5849f8240d0e5facc2d90d6" @@ -148,6 +174,15 @@ "@jridgewell/gen-mapping" "^0.3.2" jsesc "^2.5.1" +"@babel/generator@^7.20.7": + version "7.20.14" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.20.14.tgz#9fa772c9f86a46c6ac9b321039400712b96f64ce" + integrity sha512-AEmuXHdcD3A52HHXxaTmYlb8q/xMEhoRP67B3T4Oq7lbmSoqroMZzjnGj3+i1io3pdnF8iBYVu4Ilj+c4hBxYg== + dependencies: + "@babel/types" "^7.20.7" + "@jridgewell/gen-mapping" "^0.3.2" + jsesc "^2.5.1" + "@babel/helper-annotate-as-pure@^7.16.7", "@babel/helper-annotate-as-pure@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb" @@ -191,6 +226,17 @@ browserslist "^4.21.3" semver "^6.3.0" +"@babel/helper-compilation-targets@^7.20.7": + version "7.20.7" + resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz#a6cd33e93629f5eb473b021aac05df62c4cd09bb" + integrity sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ== + dependencies: + "@babel/compat-data" "^7.20.5" + "@babel/helper-validator-option" "^7.18.6" + browserslist "^4.21.3" + lru-cache "^5.1.1" + semver "^6.3.0" + "@babel/helper-create-class-features-plugin@^7.16.10", "@babel/helper-create-class-features-plugin@^7.17.6", "@babel/helper-create-class-features-plugin@^7.17.9", "@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.19.0": version "7.19.0" resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.19.0.tgz#bfd6904620df4e46470bae4850d66be1054c404b" @@ -301,7 +347,7 @@ dependencies: "@babel/types" "^7.18.9" -"@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.12.13", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.18.6": +"@babel/helper-module-imports@^7.12.13", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e" integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA== @@ -336,6 +382,20 @@ "@babel/traverse" "^7.19.0" "@babel/types" "^7.19.0" +"@babel/helper-module-transforms@^7.20.11": + version "7.20.11" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.20.11.tgz#df4c7af713c557938c50ea3ad0117a7944b2f1b0" + integrity sha512-uRy78kN4psmji1s2QtbtcCSaj/LILFDp0f/ymhpQH5QY3nljUZCaNWz9X1dEj/8MBdBEFECs7yRhKn8i7NjZgg== + dependencies: + "@babel/helper-environment-visitor" "^7.18.9" + "@babel/helper-module-imports" "^7.18.6" + "@babel/helper-simple-access" "^7.20.2" + "@babel/helper-split-export-declaration" "^7.18.6" + "@babel/helper-validator-identifier" "^7.19.1" + "@babel/template" "^7.20.7" + "@babel/traverse" "^7.20.10" + "@babel/types" "^7.20.7" + "@babel/helper-optimise-call-expression@^7.16.7", "@babel/helper-optimise-call-expression@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz#9369aa943ee7da47edab2cb4e838acf09d290ffe" @@ -401,6 +461,13 @@ dependencies: "@babel/types" "^7.18.6" +"@babel/helper-simple-access@^7.20.2": + version "7.20.2" + resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz#0ab452687fe0c2cfb1e2b9e0015de07fc2d62dd9" + integrity sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA== + dependencies: + "@babel/types" "^7.20.2" + "@babel/helper-skip-transparent-expression-wrappers@^7.16.0", "@babel/helper-skip-transparent-expression-wrappers@^7.18.9": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.18.9.tgz#778d87b3a758d90b471e7b9918f34a9a02eb5818" @@ -420,6 +487,11 @@ resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz#181f22d28ebe1b3857fa575f5c290b1aaf659b56" integrity sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw== +"@babel/helper-string-parser@^7.19.4": + version "7.19.4" + resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63" + integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw== + "@babel/helper-validator-identifier@^7.16.7", "@babel/helper-validator-identifier@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz#9c97e30d31b2b8c72a1d08984f2ca9b574d7a076" @@ -473,6 +545,15 @@ "@babel/traverse" "^7.19.0" "@babel/types" "^7.19.0" +"@babel/helpers@^7.20.7": + version "7.20.13" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.20.13.tgz#e3cb731fb70dc5337134cadc24cbbad31cc87ad2" + integrity sha512-nzJ0DWCL3gB5RCXbUO3KIMMsBY2Eqbx8mBpKGE/02PgyRQFcPQLbkQ1vyy596mZLaP+dAfD+R4ckASzNVmW3jg== + dependencies: + "@babel/template" "^7.20.7" + "@babel/traverse" "^7.20.13" + "@babel/types" "^7.20.7" + "@babel/highlight@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf" @@ -482,16 +563,16 @@ chalk "^2.0.0" js-tokens "^4.0.0" -"@babel/node@^7.14.9": - version "7.16.8" - resolved "https://registry.yarnpkg.com/@babel/node/-/node-7.16.8.tgz#57ba1dfa63dbcc72d477f05597ce07f1c4f8b558" - integrity sha512-V2dopEtPUL4LD+e8UtMIZB6BbsmMsS/7E1ZAvWNINzBfi7Cf3X9MLCpzHVZT4HeeF1lQl72IRtqqVt2RUImwyA== +"@babel/node@^7.20.7": + version "7.20.7" + resolved "https://registry.yarnpkg.com/@babel/node/-/node-7.20.7.tgz#609be7f841893e24931b7910263babfde84040a9" + integrity sha512-AQt3gVcP+fpFuoFn4FmIW/+5JovvEoA9og4Y1LrRw0pv3jkl4tujZMMy3X/3ugjLrEy3k1aNywo3JIl3g+jVXQ== dependencies: - "@babel/register" "^7.16.8" + "@babel/register" "^7.18.9" commander "^4.0.1" - core-js "^3.20.2" + core-js "^3.26.0" node-environment-flags "^1.0.5" - regenerator-runtime "^0.13.4" + regenerator-runtime "^0.13.11" v8flags "^3.1.1" "@babel/parser@^7.1.0", "@babel/parser@^7.12.11", "@babel/parser@^7.12.7", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.18.10", "@babel/parser@^7.18.9": @@ -504,6 +585,11 @@ resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.19.3.tgz#8dd36d17c53ff347f9e55c328710321b49479a9a" integrity sha512-pJ9xOlNWHiy9+FuFP09DEAFbAn4JskgRsVcc169w2xRBC3FRGuQEwjeIMMND9L2zc0iEhO/tGv4Zq+km+hxNpQ== +"@babel/parser@^7.20.13", "@babel/parser@^7.20.7": + version "7.20.13" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.13.tgz#ddf1eb5a813588d2fb1692b70c6fce75b945c088" + integrity sha512-gFDLKMfpiXCsjt4za2JA9oTMn70CeseCehb11kRZgvd7+F67Hih3OHOK24cRrWECJ/ljfPGac6ygXAs/C8kIvw== + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.16.7": version "7.16.7" resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.16.7.tgz#4eda6d6c2a0aa79c70fa7b6da67763dfe2141050" @@ -1755,7 +1841,7 @@ "@babel/plugin-transform-react-jsx-development" "^7.18.6" "@babel/plugin-transform-react-pure-annotations" "^7.18.6" -"@babel/preset-typescript@^7.12.7", "@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.16.0": +"@babel/preset-typescript@^7.12.7", "@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.16.0", "@babel/preset-typescript@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.18.6.tgz#ce64be3e63eddc44240c6358daefac17b3186399" integrity sha512-s9ik86kXBAnD760aybBucdpnLsAt0jK1xqJn2juOn9lkOvSHV60os5hxoVJsPzMQxvnUJFAlkont2DvvaYEBtQ== @@ -1764,7 +1850,7 @@ "@babel/helper-validator-option" "^7.18.6" "@babel/plugin-transform-typescript" "^7.18.6" -"@babel/register@^7.12.1", "@babel/register@^7.13.16", "@babel/register@^7.16.8": +"@babel/register@^7.12.1", "@babel/register@^7.13.16", "@babel/register@^7.18.9": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.18.9.tgz#1888b24bc28d5cc41c412feb015e9ff6b96e439c" integrity sha512-ZlbnXDcNYHMR25ITwwNKT88JiaukkdVj/nG7r3wnuXkOTHc60Uy05PwMCPre0hSkY68E6zK3xz+vUJSP2jWmcw== @@ -1818,6 +1904,15 @@ "@babel/parser" "^7.18.10" "@babel/types" "^7.18.10" +"@babel/template@^7.20.7": + version "7.20.7" + resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8" + integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw== + dependencies: + "@babel/code-frame" "^7.18.6" + "@babel/parser" "^7.20.7" + "@babel/types" "^7.20.7" + "@babel/traverse@^7.1.6", "@babel/traverse@^7.12.11", "@babel/traverse@^7.12.9", "@babel/traverse@^7.13.0", "@babel/traverse@^7.16.8", "@babel/traverse@^7.18.9", "@babel/traverse@^7.7.2": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.18.9.tgz#deeff3e8f1bad9786874cb2feda7a2d77a904f98" @@ -1850,6 +1945,22 @@ debug "^4.1.0" globals "^11.1.0" +"@babel/traverse@^7.20.10", "@babel/traverse@^7.20.12", "@babel/traverse@^7.20.13": + version "7.20.13" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.13.tgz#817c1ba13d11accca89478bd5481b2d168d07473" + integrity sha512-kMJXfF0T6DIS9E8cgdLCSAL+cuCK+YEZHWiLK0SXpTo8YRj5lpJu3CDNKiIBCne4m9hhTIqUg6SYTAI39tAiVQ== + dependencies: + "@babel/code-frame" "^7.18.6" + "@babel/generator" "^7.20.7" + "@babel/helper-environment-visitor" "^7.18.9" + "@babel/helper-function-name" "^7.19.0" + "@babel/helper-hoist-variables" "^7.18.6" + "@babel/helper-split-export-declaration" "^7.18.6" + "@babel/parser" "^7.20.13" + "@babel/types" "^7.20.7" + debug "^4.1.0" + globals "^11.1.0" + "@babel/types@^7.0.0", "@babel/types@^7.12.11", "@babel/types@^7.12.7", "@babel/types@^7.16.7", "@babel/types@^7.16.8", "@babel/types@^7.17.0", "@babel/types@^7.18.10", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.19.0", "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4": version "7.19.0" resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.19.0.tgz#75f21d73d73dc0351f3368d28db73465f4814600" @@ -1868,6 +1979,15 @@ "@babel/helper-validator-identifier" "^7.19.1" to-fast-properties "^2.0.0" +"@babel/types@^7.20.2", "@babel/types@^7.20.7": + version "7.20.7" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.7.tgz#54ec75e252318423fc07fb644dc6a58a64c09b7f" + integrity sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg== + dependencies: + "@babel/helper-string-parser" "^7.19.4" + "@babel/helper-validator-identifier" "^7.19.1" + to-fast-properties "^2.0.0" + "@base2/pretty-print-object@1.0.1": version "1.0.1" resolved "https://registry.yarnpkg.com/@base2/pretty-print-object/-/pretty-print-object-1.0.1.tgz#371ba8be66d556812dc7fb169ebc3c08378f69d4" @@ -2681,7 +2801,7 @@ resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72" integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw== -"@jridgewell/sourcemap-codec@1.4.14": +"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.13": version "1.4.14" resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24" integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw== @@ -3101,96 +3221,74 @@ resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1" integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g== -"@rollup/plugin-babel@^5.3.1": - version "5.3.1" - resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz#04bc0608f4aa4b2e4b1aebf284344d0f68fda283" - integrity sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q== - dependencies: - "@babel/helper-module-imports" "^7.10.4" - "@rollup/pluginutils" "^3.1.0" - -"@rollup/plugin-commonjs@^21.1.0": - version "21.1.0" - resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-21.1.0.tgz#45576d7b47609af2db87f55a6d4b46e44fc3a553" - integrity sha512-6ZtHx3VHIp2ReNNDxHjuUml6ur+WcQ28N1yHgCQwsbNkQg2suhxGMDQGJOn/KuDxKtd1xuZP5xSTwBA4GQ8hbA== +"@rollup/plugin-babel@^6.0.3": + version "6.0.3" + resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-6.0.3.tgz#07ccde15de278c581673034ad6accdb4a153dfeb" + integrity sha512-fKImZKppa1A/gX73eg4JGo+8kQr/q1HBQaCGKECZ0v4YBBv3lFqi14+7xyApECzvkLTHCifx+7ntcrvtBIRcpg== dependencies: - "@rollup/pluginutils" "^3.1.0" - commondir "^1.0.1" - estree-walker "^2.0.1" - glob "^7.1.6" - is-reference "^1.2.1" - magic-string "^0.25.7" - resolve "^1.17.0" + "@babel/helper-module-imports" "^7.18.6" + "@rollup/pluginutils" "^5.0.1" -"@rollup/plugin-commonjs@^22.0.2": - version "22.0.2" - resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-22.0.2.tgz#ee8ca8415cda30d383b4096aad5222435b4b69b6" - integrity sha512-//NdP6iIwPbMTcazYsiBMbJW7gfmpHom33u1beiIoHDEM0Q9clvtQB1T0efvMqHeKsGohiHo97BCPCkBXdscwg== +"@rollup/plugin-commonjs@^24.0.1": + version "24.0.1" + resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.1.tgz#d54ba26a3e3c495dc332bd27a81f7e9e2df46f90" + integrity sha512-15LsiWRZk4eOGqvrJyu3z3DaBu5BhXIMeWnijSRvd8irrrg9SHpQ1pH+BUK4H6Z9wL9yOxZJMTLU+Au86XHxow== dependencies: - "@rollup/pluginutils" "^3.1.0" + "@rollup/pluginutils" "^5.0.1" commondir "^1.0.1" - estree-walker "^2.0.1" - glob "^7.1.6" - is-reference "^1.2.1" - magic-string "^0.25.7" - resolve "^1.17.0" + estree-walker "^2.0.2" + glob "^8.0.3" + is-reference "1.2.1" + magic-string "^0.27.0" -"@rollup/plugin-image@^2.0.5": - version "2.1.1" - resolved "https://registry.yarnpkg.com/@rollup/plugin-image/-/plugin-image-2.1.1.tgz#898d6b59ac0025d7971ef45640ab330cb0663b0c" - integrity sha512-AgP4U85zuQJdUopLUCM+hTf45RepgXeTb8EJsleExVy99dIoYpt3ZlDYJdKmAc2KLkNntCDg6BPJvgJU3uGF+g== +"@rollup/plugin-image@^3.0.2": + version "3.0.2" + resolved "https://registry.yarnpkg.com/@rollup/plugin-image/-/plugin-image-3.0.2.tgz#8a66389510517495c5d10d392140cdefa43b27c2" + integrity sha512-eGVrD6lummWH5ENo9LWX3JY62uBb9okUNQ2htXkugrG6WjACrMUVhWvss+0wW3fwJWmFYpoEny3yL4spEdh15g== dependencies: - "@rollup/pluginutils" "^3.1.0" - mini-svg-data-uri "^1.2.3" + "@rollup/pluginutils" "^5.0.1" + mini-svg-data-uri "^1.4.4" -"@rollup/plugin-json@^4.1.0": - version "4.1.0" - resolved "https://registry.yarnpkg.com/@rollup/plugin-json/-/plugin-json-4.1.0.tgz#54e09867ae6963c593844d8bd7a9c718294496f3" - integrity sha512-yfLbTdNS6amI/2OpmbiBoW12vngr5NW2jCJVZSBEz+H5KfUJZ2M7sDjk0U6GOOdCWFVScShte29o9NezJ53TPw== +"@rollup/plugin-json@^6.0.0": + version "6.0.0" + resolved "https://registry.yarnpkg.com/@rollup/plugin-json/-/plugin-json-6.0.0.tgz#199fea6670fd4dfb1f4932250569b14719db234a" + integrity sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w== dependencies: - "@rollup/pluginutils" "^3.0.8" + "@rollup/pluginutils" "^5.0.1" -"@rollup/plugin-node-resolve@^13.2.1", "@rollup/plugin-node-resolve@^13.3.0": - version "13.3.0" - resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.3.0.tgz#da1c5c5ce8316cef96a2f823d111c1e4e498801c" - integrity sha512-Lus8rbUo1eEcnS4yTFKLZrVumLPY+YayBdWXgFSHYhTT2iJbMhoaaBL3xl5NCdeRytErGr8tZ0L71BMRmnlwSw== +"@rollup/plugin-node-resolve@^15.0.1": + version "15.0.1" + resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.1.tgz#72be449b8e06f6367168d5b3cd5e2802e0248971" + integrity sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg== dependencies: - "@rollup/pluginutils" "^3.1.0" - "@types/resolve" "1.17.1" + "@rollup/pluginutils" "^5.0.1" + "@types/resolve" "1.20.2" deepmerge "^4.2.2" - is-builtin-module "^3.1.0" + is-builtin-module "^3.2.0" is-module "^1.0.0" - resolve "^1.19.0" + resolve "^1.22.1" -"@rollup/plugin-replace@^2.3.3": - version "2.4.2" - resolved "https://registry.yarnpkg.com/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz#a2d539314fbc77c244858faa523012825068510a" - integrity sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg== +"@rollup/plugin-replace@^5.0.2": + version "5.0.2" + resolved "https://registry.yarnpkg.com/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz#45f53501b16311feded2485e98419acb8448c61d" + integrity sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA== dependencies: - "@rollup/pluginutils" "^3.1.0" - magic-string "^0.25.7" + "@rollup/pluginutils" "^5.0.1" + magic-string "^0.27.0" -"@rollup/plugin-virtual@^2.0.3": - version "2.1.0" - resolved "https://registry.yarnpkg.com/@rollup/plugin-virtual/-/plugin-virtual-2.1.0.tgz#a77bfd0dff74f0203401c75287ff4d1a1cfbc816" - integrity sha512-CPPAtlKT53HFqC8jFHb/V5WErpU8Hrq2TyCR0A7kPQMlF2wNUf0o1xuAc+Qxj8NCZM0Z3Yvl+FbUXfJjVWqDwA== - -"@rollup/pluginutils@^3.0.8", "@rollup/pluginutils@^3.1.0": - version "3.1.0" - resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b" - integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg== - dependencies: - "@types/estree" "0.0.39" - estree-walker "^1.0.1" - picomatch "^2.2.2" +"@rollup/plugin-virtual@^3.0.1": + version "3.0.1" + resolved "https://registry.yarnpkg.com/@rollup/plugin-virtual/-/plugin-virtual-3.0.1.tgz#cea7e489481cc0ca91516c047f8c53c1cfb1adf6" + integrity sha512-fK8O0IL5+q+GrsMLuACVNk2x21g3yaw+sG2qn16SnUd3IlBsQyvWxLMGHmCmXRMecPjGRSZ/1LmZB4rjQm68og== -"@rollup/pluginutils@^4.1.0": - version "4.2.1" - resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d" - integrity sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ== +"@rollup/pluginutils@^5.0.1", "@rollup/pluginutils@^5.0.2": + version "5.0.2" + resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz#012b8f53c71e4f6f9cb317e311df1404f56e7a33" + integrity sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA== dependencies: - estree-walker "^2.0.1" - picomatch "^2.2.2" + "@types/estree" "^1.0.0" + estree-walker "^2.0.2" + picomatch "^2.3.1" "@rushstack/eslint-patch@^1.1.3": version "1.2.0" @@ -3202,10 +3300,10 @@ resolved "https://registry.yarnpkg.com/@shopify/async/-/async-3.1.5.tgz#fcb1253ed2f41f22f9ce2ca28dc667003f4a1a71" integrity sha512-kc/QSwQpcG2Enm6QqLUvCSbPuEabX34DTo/NKQh5eT6ud6gOCwTL3jdIiybK9RzRe3gbEUJ9cfCuggT87bXcZg== -"@shopify/babel-preset@^24.1.2": - version "24.1.5" - resolved "https://registry.yarnpkg.com/@shopify/babel-preset/-/babel-preset-24.1.5.tgz#76cfef62bb8a4d9769559f3f2505148a55d13488" - integrity sha512-IJJoSXU2/WJDzXsj5V5QagcCLnxJ8bRTegRkX7yhvesVhZ4mFUKlustrUH7T64O9l8qQ/MEF996lkqfgJuDCkQ== +"@shopify/babel-preset@^25.0.0": + version "25.0.0" + resolved "https://registry.yarnpkg.com/@shopify/babel-preset/-/babel-preset-25.0.0.tgz#57eaae6e250ab1a1daba26e6f1ecb42204aad929" + integrity sha512-2eVmLPGMLEdZ2u93pikVcwAf+XTpzYMtphFwuE1ZwlxBSQZg2H6OWbt/rnS79fAiJUmS7DSUel+ZlBzdSlg6Bg== dependencies: "@babel/core" "^7.16.0" "@babel/plugin-proposal-class-properties" "^7.16.0" @@ -4477,10 +4575,10 @@ resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40" integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ== -"@types/estree@0.0.39": - version "0.0.39" - resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f" - integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw== +"@types/estree@^1.0.0": + version "1.0.0" + resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2" + integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ== "@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.18": version "4.17.31" @@ -4889,12 +4987,10 @@ "@types/scheduler" "*" csstype "^3.0.2" -"@types/resolve@1.17.1": - version "1.17.1" - resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6" - integrity sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw== - dependencies: - "@types/node" "*" +"@types/resolve@1.20.2": + version "1.20.2" + resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975" + integrity sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q== "@types/responselike@*", "@types/responselike@^1.0.0": version "1.0.0" @@ -6335,7 +6431,7 @@ azure-devops-node-api@^11.0.1: tunnel "0.0.6" typed-rest-client "^1.8.4" -babel-core@7.0.0-bridge.0, babel-core@^7.0.0-bridge.0: +babel-core@^7.0.0-bridge.0: version "7.0.0-bridge.0" resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-7.0.0-bridge.0.tgz#95a492ddd90f9b4e9a4a1da14eb335b87b634ece" integrity sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg== @@ -6354,7 +6450,7 @@ babel-jest@^27.5.1: graceful-fs "^4.2.9" slash "^3.0.0" -babel-loader@^8.0.0, babel-loader@^8.1.0, babel-loader@^8.2.2: +babel-loader@^8.0.0, babel-loader@^8.2.2: version "8.2.5" resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.2.5.tgz#d45f585e654d5a5d90f5350a779d7647c5ed512e" integrity sha512-OSiFfH89LrEMiWd4pLNqGz4CwJDtbs2ZVc+iGu2HrkRfPxId9F2anQj38IxWpmRfsUY0aBZYi1EFcd3mhtRMLQ== @@ -6364,6 +6460,14 @@ babel-loader@^8.0.0, babel-loader@^8.1.0, babel-loader@^8.2.2: make-dir "^3.1.0" schema-utils "^2.6.5" +babel-loader@^9.1.2: + version "9.1.2" + resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.1.2.tgz#a16a080de52d08854ee14570469905a5fc00d39c" + integrity sha512-mN14niXW43tddohGl8HPu5yfQq70iUThvFL/4QzESA7GcZoC0eVOhvWdQ8+3UlSjaDE9MVtsW9mxDY07W7VpVA== + dependencies: + find-cache-dir "^3.3.2" + schema-utils "^4.0.0" + babel-plugin-add-module-exports@^0.2.1: version "0.2.1" resolved "https://registry.yarnpkg.com/babel-plugin-add-module-exports/-/babel-plugin-add-module-exports-0.2.1.tgz#9ae9a1f4a8dc67f0cdec4f4aeda1e43a5ff65e25" @@ -8206,11 +8310,16 @@ core-js-pure@^3.20.2, core-js-pure@^3.8.1: resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.22.3.tgz#181d1b6321fb29fe99c16a1f28beb840ab84ad36" integrity sha512-oN88zz7nmKROMy8GOjs+LN+0LedIvbMdnB5XsTlhcOg1WGARt9l0LFg0zohdoFmCsEZ1h2ZbSQ6azj3M+vhzwQ== -core-js@^3.0.0, core-js@^3.0.4, core-js@^3.20.2, core-js@^3.6.5, core-js@^3.8.2: +core-js@^3.0.0, core-js@^3.0.4, core-js@^3.6.5, core-js@^3.8.2: version "3.22.3" resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.22.3.tgz#498c41d997654cb00e81c7a54b44f0ab21ab01d5" integrity sha512-1t+2a/d2lppW1gkLXx3pKPVGbBdxXAkqztvWb1EJ8oF8O2gIGiytzflNiFEehYwVK/t2ryUsGBoOFFvNx95mbg== +core-js@^3.26.0: + version "3.27.2" + resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.27.2.tgz#85b35453a424abdcacb97474797815f4d62ebbf7" + integrity sha512-9ashVQskuh5AZEZ1JdQWp1GqSoC1e1G87MzRqg2gIfVAQ7Qn9K+uFj8EcniUFA4P2NLZfV+TOlX1SzoKfo+s7w== + core-util-is@1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7" @@ -9954,12 +10063,7 @@ estree-to-babel@^3.1.0: "@babel/types" "^7.2.0" c8 "^7.6.0" -estree-walker@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700" - integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg== - -estree-walker@^2.0.1: +estree-walker@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac" integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w== @@ -10590,7 +10694,7 @@ find-cache-dir@^2.0.0, find-cache-dir@^2.1.0: make-dir "^2.0.0" pkg-dir "^3.0.0" -find-cache-dir@^3.3.1: +find-cache-dir@^3.3.1, find-cache-dir@^3.3.2: version "3.3.2" resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b" integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig== @@ -11364,6 +11468,17 @@ glob@^7.0.0, glob@^7.0.3, glob@^7.0.6, glob@^7.1.0, glob@^7.1.1, glob@^7.1.2, gl once "^1.3.0" path-is-absolute "^1.0.0" +glob@^8.0.3: + version "8.1.0" + resolved "https://registry.yarnpkg.com/glob/-/glob-8.1.0.tgz#d388f656593ef708ee3e34640fdfb99a9fd1c33e" + integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ== + dependencies: + fs.realpath "^1.0.0" + inflight "^1.0.4" + inherits "2" + minimatch "^5.0.1" + once "^1.3.0" + global-dirs@^0.1.0: version "0.1.1" resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-0.1.1.tgz#b319c0dd4607f353f3be9cca4c72fc148c49f445" @@ -12735,7 +12850,7 @@ is-buffer@^2.0.0, is-buffer@^2.0.2: resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.5.tgz#ebc252e400d22ff8d77fa09888821a24a658c191" integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ== -is-builtin-module@^3.1.0: +is-builtin-module@^3.2.0: version "3.2.0" resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.0.tgz#bb0310dfe881f144ca83f30100ceb10cf58835e0" integrity sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw== @@ -12775,6 +12890,13 @@ is-core-module@^2.2.0, is-core-module@^2.5.0, is-core-module@^2.8.1: dependencies: has "^1.0.3" +is-core-module@^2.9.0: + version "2.11.0" + resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144" + integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw== + dependencies: + has "^1.0.3" + is-data-descriptor@^0.1.4: version "0.1.4" resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56" @@ -13059,7 +13181,7 @@ is-redirect@^1.0.0: resolved "https://registry.yarnpkg.com/is-redirect/-/is-redirect-1.0.0.tgz#1d03dded53bd8db0f30c26e4f95d36fc7c87dc24" integrity sha512-cr/SlUEe5zOGmzvj9bUyC4LVvkNVAXu4GytXLNMr1pny+a65MpQ9IJzFHD5vi7FyJgb4qt27+eS3TuQnqB+RQw== -is-reference@^1.2.1: +is-reference@1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7" integrity sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ== @@ -14021,6 +14143,11 @@ json5@^2.1.2, json5@^2.1.3, json5@^2.2.1: resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c" integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA== +json5@^2.2.2: + version "2.2.3" + resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283" + integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg== + jsonfile@^2.1.0: version "2.4.0" resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8" @@ -14719,12 +14846,12 @@ lz-string@^1.4.4: resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.4.4.tgz#c0d8eaf36059f705796e1e344811cf4c498d3a26" integrity sha512-0ckx7ZHRPqb0oUm8zNr+90mtf9DQB60H1wMCjBtfi62Kl3a7JbHob6gA2bC+xRvZoOL+1hzUK8jeuEIQE8svEQ== -magic-string@^0.25.7: - version "0.25.9" - resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c" - integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ== +magic-string@^0.27.0: + version "0.27.0" + resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.27.0.tgz#e4a3413b4bab6d98d2becffd48b4a257effdbbf3" + integrity sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA== dependencies: - sourcemap-codec "^1.4.8" + "@jridgewell/sourcemap-codec" "^1.4.13" make-dir@^1.0.0: version "1.3.0" @@ -15599,7 +15726,7 @@ mini-css-extract-plugin@^2.6.0: dependencies: schema-utils "^4.0.0" -mini-svg-data-uri@^1.2.3: +mini-svg-data-uri@^1.4.4: version "1.4.4" resolved "https://registry.yarnpkg.com/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz#8ab0aabcdf8c29ad5693ca595af19dd2ead09939" integrity sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg== @@ -17221,7 +17348,7 @@ picocolors@^1.0.0: resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c" integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ== -picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.0, picomatch@^2.3.1: +picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.0, picomatch@^2.3.1: version "2.3.1" resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42" integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA== @@ -19170,7 +19297,7 @@ resolve.exports@^1.1.0: resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.0.tgz#5ce842b94b05146c0e03076985d1d0e7e48c90c9" integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ== -resolve@^1.1.6, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.3.2: +resolve@^1.1.6, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.3.2: version "1.22.0" resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.0.tgz#5e0b8c67c15df57a89bdbabe603a002f21731198" integrity sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw== @@ -19179,6 +19306,15 @@ resolve@^1.1.6, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.17 path-parse "^1.0.7" supports-preserve-symlinks-flag "^1.0.0" +resolve@^1.22.1: + version "1.22.1" + resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177" + integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw== + dependencies: + is-core-module "^2.9.0" + path-parse "^1.0.7" + supports-preserve-symlinks-flag "^1.0.0" + resolve@^2.0.0-next.3: version "2.0.0-next.3" resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.3.tgz#d41016293d4a8586a39ca5d9b5f15cbea1f55e46" @@ -19282,17 +19418,15 @@ ripemd160@^2.0.0, ripemd160@^2.0.1: hash-base "^3.0.0" inherits "^2.0.1" -rollup-plugin-node-externals@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/rollup-plugin-node-externals/-/rollup-plugin-node-externals-4.0.0.tgz#cd4d30f9868eb542be8289880dacbbbecc3d9fa3" - integrity sha512-7L0lqN+AEJqS13x240F5zyArHn2tNpHC7Ju8vtS893DkutIU89k5v3A7jhnOqLvOXAzjm9Ha7UZdwHOPyqiPDQ== - dependencies: - find-up "^5.0.0" +rollup-plugin-node-externals@^5.1.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/rollup-plugin-node-externals/-/rollup-plugin-node-externals-5.1.0.tgz#66accb0291bfc50c637c20d94ab26d4e5ff92e85" + integrity sha512-3kBlflgq7X7xZJCskDz3PRmnuVptEal/VHOmYCozqncVRHXp9986fwyQdsFpzaQljjF2WOdlLMZLyNBxbA5hww== -rollup@^2.70.2: - version "2.70.2" - resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.70.2.tgz#808d206a8851628a065097b7ba2053bd83ba0c0d" - integrity sha512-EitogNZnfku65I1DD5Mxe8JYRUCy0hkK5X84IlDtUs+O6JRMpRciXTzyCUuX11b5L5pvjH+OmFXiQ3XjabcXgg== +rollup@^3.12.0: + version "3.12.0" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.12.0.tgz#813d88ec11e36108da788fc471b3c81b365a7c29" + integrity sha512-4MZ8kA2HNYahIjz63rzrMMRvDqQDeS9LoriJvMuV0V6zIGysP36e9t4yObUfwdT9h/szXoHQideICftcdZklWg== optionalDependencies: fsevents "~2.3.2" From 89c8ae487a29a7574a759cc645017d71540add49 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Mon, 30 Jan 2023 12:27:15 +1100 Subject: [PATCH 11/43] 2/x Bump NodeJS supported versions to ^16.16 || ^18.13 (#8201) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### WHY are these changes introduced? NodeJS 14 is EOL and we are removing support in v11. We currently set `engines` on the root `package.json`. The problem with this is that consumers of the library do not get this information and they can use the libraries without any warning of what version of NodeJS it supports. ### WHAT is this pull request doing? - [x] Increasing the supported versions of NodeJS - [x] Add the engines field for NodeJS to package.json files I would like to get NodeJS to version 16.19 before we launch version 11. However there is an issue with babel/rollup/browserslist not finding the latest version of NodeJS: ``` (plugin babel) BrowserslistError: Unknown version 16.19 of Node.js ``` ### How to 🎩 - CI completes successfully --- .eslintrc.js | 6 ------ .github/CONTRIBUTING.md | 2 +- .github/workflows/changelog.yml | 4 ++-- .github/workflows/ci-a11y-vrt.yml | 8 ++++---- .github/workflows/ci.yml | 2 +- .nvmrc | 2 +- dev.yml | 2 +- documentation/Nodejs support.md | 18 +++++++++-------- .../guides/migrating-from-v10-to-v11.md | 5 +++++ package.json | 3 ++- polaris-cli/package.json | 2 +- polaris-for-vscode/package.json | 3 +-- polaris-icons/package.json | 3 +++ polaris-migrator/package.json | 3 +++ polaris-migrator/rollup.config.mjs | 2 +- polaris-react/package.json | 4 +++- polaris-react/playground/DetailsPage.tsx | 3 +-- polaris-react/rollup.config.mjs | 2 +- polaris-react/scripts/build-validate.js | 1 - .../components/DropZone/DropZone.stories.tsx | 20 ++++++------------- polaris-tokens/package.json | 3 +++ polaris.shopify.com/package.json | 4 +++- stylelint-polaris/package.json | 3 +++ yarn.lock | 18 ++++------------- 24 files changed, 60 insertions(+), 63 deletions(-) diff --git a/.eslintrc.js b/.eslintrc.js index 2ae6a23f318..b6e7a4d9547 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -116,12 +116,6 @@ module.exports = { 'import/extensions': 'off', 'import/no-default-export': 'off', 'import/no-anonymous-default-export': 'off', - // We could omit this if we set `engines` fields properly - // As we don't set them then eslint thinks we're using node 8 - 'node/no-unsupported-features/node-builtins': [ - 'error', - {version: '>=16.0.0'}, - ], }, }, { diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md index 1f564d2fd4e..541f7dad576 100644 --- a/.github/CONTRIBUTING.md +++ b/.github/CONTRIBUTING.md @@ -137,7 +137,7 @@ Each contributor is required to [sign a CLA](https://cla.shopify.com/). This pro ### Contribution prerequisites -- You have Node installed at v16.13.0+ and Yarn at v1.22.18+ +- You have Node installed at v18.13.0+ and Yarn at v1.22.18+ ### Best practices diff --git a/.github/workflows/changelog.yml b/.github/workflows/changelog.yml index cffce71434f..508be63b266 100644 --- a/.github/workflows/changelog.yml +++ b/.github/workflows/changelog.yml @@ -21,10 +21,10 @@ jobs: with: fetch-depth: 0 - - name: Setup Node with v16.13.0 + - name: Setup Node with v18.13.0 uses: actions/setup-node@v3 with: - node-version: 16.13.0 + node-version: 18.13.0 - name: Check for Changeset run: npx @changesets/cli status --since="origin/main" diff --git a/.github/workflows/ci-a11y-vrt.yml b/.github/workflows/ci-a11y-vrt.yml index 5e1fbf07268..239ba0a222a 100644 --- a/.github/workflows/ci-a11y-vrt.yml +++ b/.github/workflows/ci-a11y-vrt.yml @@ -32,10 +32,10 @@ jobs: sudo rm -rf "/usr/local/share/boost" sudo rm -rf "$AGENT_TOOLSDIRECTORY" - - name: Setup Node with v16.13.0 + - name: Setup Node with v18.13.0 uses: actions/setup-node@v3 with: - node-version: 16.13.0 + node-version: 18.13.0 cache: yarn - name: Restore cache @@ -72,10 +72,10 @@ jobs: with: fetch-depth: 0 # Chromatic git history to track changes - - name: Setup Node with v16.13.0 + - name: Setup Node with v18.13.0 uses: actions/setup-node@v3 with: - node-version: 16.13.0 + node-version: 18.13.0 cache: yarn - name: Restore cache diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 39c8667cf45..f655950c7da 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -13,7 +13,7 @@ jobs: runs-on: ubuntu-latest strategy: matrix: - node-version: ['14.18.0', '16.13.0'] + node-version: ['16.16.0', '18.13.0'] steps: - name: Checkout branch uses: actions/checkout@v3 diff --git a/.nvmrc b/.nvmrc index ff650592a1e..0e9dc6b5867 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -v16.13.0 +v18.13.0 diff --git a/dev.yml b/dev.yml index 9ff7e7c0a44..d5bde020b2b 100644 --- a/dev.yml +++ b/dev.yml @@ -2,7 +2,7 @@ name: polaris up: - node: yarn: v1.22.18 - version: v16.13.0 # to be kept in sync with .nvmrc and .github/workflows/ci.yml + version: v18.13.0 # to be kept in sync with .nvmrc and .github/workflows/ci.yml - custom: name: Build monorepo met?: yarn build --output-logs=none diff --git a/documentation/Nodejs support.md b/documentation/Nodejs support.md index b6e6ef5224d..d6f1f4c3d20 100644 --- a/documentation/Nodejs support.md +++ b/documentation/Nodejs support.md @@ -16,26 +16,26 @@ The `package.json` engines. This should match the `.github/workflows/ci.yml` and ```json "engines": { - "node": "^14.18.0 || ^16.13.0" + "node": "^16.16.0 || ^18.13.0" }, ``` The GitHub actions `.github/workflows/ci.yml` file. This should match the `package.json` and list all supported versions. ```yml -node-version: ['14.18.0', '16.13.0'] +node-version: ['16.16.0', '18.13.0'] ``` The `dev.yml` file which creates a local development environment. This should match the `.nvmrc` file. ```yml -version: v16.13.0 +version: v18.13.0 ``` The `.nvmrc` file for local development. This should match the `dev.yml` file. ``` -v16.13.0 +v18.13.0 ``` The `shipit.yml` files. This should point towards the GitHub Actions the packages require to pass before publishing. @@ -43,11 +43,13 @@ The `shipit.yml` files. This should point towards the GitHub Actions the package ```yml ci: require: - - 'Validate with Node v14.18.0' - - 'Validate with Node v16.13.0' + - 'Validate with Node v16.16.0' + - 'Validate with Node v18.13.0' merge: require: - - 'Validate with Node v14.18.0' - - 'Validate with Node v16.13.0' + - 'Validate with Node v16.16.0' + - 'Validate with Node v18.13.0' ``` + +The `rollup.config.mjs` for some monorepo packages. This should match the minimum supported version. diff --git a/documentation/guides/migrating-from-v10-to-v11.md b/documentation/guides/migrating-from-v10-to-v11.md index d5dc182c192..72be8d42d77 100644 --- a/documentation/guides/migrating-from-v10-to-v11.md +++ b/documentation/guides/migrating-from-v10-to-v11.md @@ -4,11 +4,16 @@ Polaris v11.0.0 ([full release notes](https://github.com/Shopify/polaris/release ## Table of Contents +- [Node support](#node-support) - [Components](#components) - [Removed deprecated Collapsible argument](#removed-deprecated-collapsible-argument) - [Removed KonamiCode component](#removed-konamicode-component) - [Tokens](#tokens) +## Node support + +NodeJS version 14 is no longer supported. NodeJS 18 is recommended and 16 is the minimum supported version. + ## Components ### Removed deprecated Collapsible argument diff --git a/package.json b/package.json index af130a5d113..967557af572 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "private": true, "engines": { - "node": "^14.18.0 || ^16.13.0" + "node": "^16.16.0 || ^18.13.0" }, "workspaces": { "packages": [ @@ -67,6 +67,7 @@ "@shopify/typescript-configs": "^5.1.0", "@size-limit/preset-small-lib": "^5.0.3", "@types/jest": "^27.5.1", + "@types/node": "^18.11.18", "babel-loader": "^9.1.2", "downlevel-dts": "^0.6.0", "eslint": "^8.3.0", diff --git a/polaris-cli/package.json b/polaris-cli/package.json index 28ebfaf0b9f..4a1e266018e 100644 --- a/polaris-cli/package.json +++ b/polaris-cli/package.json @@ -31,7 +31,7 @@ }, "engine-strict": true, "engines": { - "node": ">=14.13.1" + "node": "^16.16.0 || ^18.13.0" }, "os": [ "darwin", diff --git a/polaris-for-vscode/package.json b/polaris-for-vscode/package.json index 05b19d8856a..43bcfdd66a3 100644 --- a/polaris-for-vscode/package.json +++ b/polaris-for-vscode/package.json @@ -20,7 +20,7 @@ "shopify" ], "engines": { - "vscode": "^1.64.0" + "node": "^16.16.0 || ^18.13.0" }, "categories": [ "Other" @@ -43,7 +43,6 @@ }, "devDependencies": { "@shopify/polaris-tokens": "^6.3.0", - "@types/node": "14.x", "@types/vscode": "^1.64.0", "@vscode/test-electron": "^2.1.2", "globby": "^11.1.0", diff --git a/polaris-icons/package.json b/polaris-icons/package.json index 2c9d2a05da9..4dbfddbb822 100644 --- a/polaris-icons/package.json +++ b/polaris-icons/package.json @@ -13,6 +13,9 @@ ] } }, + "engines": { + "node": "^16.16.0 || ^18.13.0" + }, "scripts": { "build": "rollup -c", "dev": "rollup -c -w", diff --git a/polaris-migrator/package.json b/polaris-migrator/package.json index 5ceeca93d57..82e8f2bcc2e 100644 --- a/polaris-migrator/package.json +++ b/polaris-migrator/package.json @@ -6,6 +6,9 @@ "author": "Shopify ", "homepage": "https://polaris.shopify.com", "repository": "https://github.com/Shopify/polaris", + "engines": { + "node": "^16.16.0 || ^18.13.0" + }, "bugs": { "url": "https://github.com/Shopify/polaris/issues" }, diff --git a/polaris-migrator/rollup.config.mjs b/polaris-migrator/rollup.config.mjs index 954b50853ac..f37321bfbf2 100644 --- a/polaris-migrator/rollup.config.mjs +++ b/polaris-migrator/rollup.config.mjs @@ -45,7 +45,7 @@ export default { include: ['src/**/*'], babelHelpers: 'bundled', envName: 'production', - targets: 'node 14.13', + targets: 'node 16.16.0', }), json({compact: true}), ], diff --git a/polaris-react/package.json b/polaris-react/package.json index 3fd04a8437a..0211e92417f 100644 --- a/polaris-react/package.json +++ b/polaris-react/package.json @@ -10,6 +10,9 @@ "bugs": { "url": "https://github.com/Shopify/polaris/issues" }, + "engines": { + "node": "^16.16.0 || ^18.13.0" + }, "publishConfig": { "access": "public", "@shopify:registry": "https://registry.npmjs.org" @@ -87,7 +90,6 @@ "@storybook/builder-webpack5": "^6.5.12", "@storybook/manager-webpack5": "^6.5.12", "@storybook/react": "^6.5.12", - "@types/node": "^16.11.11", "@types/react": "^18.0.15", "@types/react-dom": "^18.0.6", "ajv-cli": "^5.0.0", diff --git a/polaris-react/playground/DetailsPage.tsx b/polaris-react/playground/DetailsPage.tsx index 00d3c2121da..304597b37b6 100644 --- a/polaris-react/playground/DetailsPage.tsx +++ b/polaris-react/playground/DetailsPage.tsx @@ -527,8 +527,7 @@ export function DetailsPage() { alt={file.name} source={ validImageTypes.indexOf(file.type) > 0 - ? // eslint-disable-next-line node/no-unsupported-features/node-builtins - URL.createObjectURL(file) + ? URL.createObjectURL(file) : 'https://cdn.shopify.com/s/files/1/0757/9955/files/New_Post.png?12678548500147524304' } /> diff --git a/polaris-react/rollup.config.mjs b/polaris-react/rollup.config.mjs index 984e1d8e6f1..401f5494411 100644 --- a/polaris-react/rollup.config.mjs +++ b/polaris-react/rollup.config.mjs @@ -54,7 +54,7 @@ function generateConfig({output, targets, stylesConfig}) { /** @type {import('rollup').RollupOptions} */ export default [ generateConfig({ - targets: 'extends @shopify/browserslist-config, node 12.20', + targets: 'extends @shopify/browserslist-config, node 16.16.0', stylesConfig: { mode: 'standalone', output: 'styles.css', diff --git a/polaris-react/scripts/build-validate.js b/polaris-react/scripts/build-validate.js index 4b2dcf87612..8a31617e6c7 100644 --- a/polaris-react/scripts/build-validate.js +++ b/polaris-react/scripts/build-validate.js @@ -1,4 +1,3 @@ -// eslint-disable-next-line node/no-unsupported-features/node-builtins const assert = require('assert').strict; const fs = require('fs'); diff --git a/polaris-react/src/components/DropZone/DropZone.stories.tsx b/polaris-react/src/components/DropZone/DropZone.stories.tsx index e4898b201ba..5b4816c3c4b 100644 --- a/polaris-react/src/components/DropZone/DropZone.stories.tsx +++ b/polaris-react/src/components/DropZone/DropZone.stories.tsx @@ -38,8 +38,7 @@ export function Default() { alt={file.name} source={ validImageTypes.includes(file.type) - ? // eslint-disable-next-line node/no-unsupported-features/node-builtins - window.URL.createObjectURL(file) + ? window.URL.createObjectURL(file) : NoteMinor } /> @@ -92,7 +91,6 @@ export function WithImageFileUpload() {

@@ -151,8 +149,7 @@ export function WithSingleFileUpload() { alt={file.name} source={ validImageTypes.includes(file.type) - ? // eslint-disable-next-line node/no-unsupported-features/node-builtins - window.URL.createObjectURL(file) + ? window.URL.createObjectURL(file) : NoteMinor } /> @@ -193,8 +190,7 @@ export function WithDropOnPage() { alt={file.name} source={ validImageTypes.includes(file.type) - ? // eslint-disable-next-line node/no-unsupported-features/node-builtins - window.URL.createObjectURL(file) + ? window.URL.createObjectURL(file) : NoteMinor } /> @@ -253,7 +249,6 @@ export function AcceptsOnlySVGFiles() {
@@ -318,8 +313,7 @@ export function Nested() { alt={file.name} source={ validImageTypes.includes(file.type) - ? // eslint-disable-next-line node/no-unsupported-features/node-builtins - window.URL.createObjectURL(file) + ? window.URL.createObjectURL(file) : NoteMinor } /> @@ -390,8 +384,7 @@ export function WithCustomFileUploadText() { alt={file.name} source={ validImageTypes.includes(file.type) - ? // eslint-disable-next-line node/no-unsupported-features/node-builtins - window.URL.createObjectURL(file) + ? window.URL.createObjectURL(file) : NoteMinor } /> @@ -439,8 +432,7 @@ export function WithCustomFileDialogTrigger() { alt={file.name} source={ validImageTypes.includes(file.type) - ? // eslint-disable-next-line node/no-unsupported-features/node-builtins - window.URL.createObjectURL(file) + ? window.URL.createObjectURL(file) : NoteMinor } /> diff --git a/polaris-tokens/package.json b/polaris-tokens/package.json index ec614e8b9d8..4bc09662250 100644 --- a/polaris-tokens/package.json +++ b/polaris-tokens/package.json @@ -5,6 +5,9 @@ "main": "dist/cjs/build/index.js", "module": "dist/esm/build/index.mjs", "types": "dist/types/build/index.d.ts", + "engines": { + "node": "^16.16.0 || ^18.13.0" + }, "exports": { ".": { "types": "./dist/types/build/index.d.ts", diff --git a/polaris.shopify.com/package.json b/polaris.shopify.com/package.json index 26fe4bdce34..04ab907458d 100644 --- a/polaris.shopify.com/package.json +++ b/polaris.shopify.com/package.json @@ -2,6 +2,9 @@ "name": "polaris.shopify.com", "version": "0.30.1", "private": true, + "engines": { + "node": "^16.16.0 || ^18.13.0" + }, "scripts": { "build": "yarn gen-assets && playroom build && next build && cp -r public ./.next/standalone/polaris.shopify.com/ && mkdirp ./.next/standalone/polaris.shopify.com/.next && cp -r .next/static ./.next/standalone/polaris.shopify.com/.next/", "start": "cd ./.next/standalone/polaris.shopify.com && node ./server.js", @@ -47,7 +50,6 @@ "@types/lodash.get": "^4.4.7", "@types/lodash.throttle": "^4.1.7", "@types/marked": "^4.0.3", - "@types/node": "17.0.21", "@types/prismjs": "^1.26.0", "@types/react": "18.0.15", "babel-plugin-preval": "^5.1.0", diff --git a/stylelint-polaris/package.json b/stylelint-polaris/package.json index 7438a7bba25..0995e1a1b0c 100644 --- a/stylelint-polaris/package.json +++ b/stylelint-polaris/package.json @@ -13,6 +13,9 @@ "access": "public", "@shopify:registry": "https://registry.npmjs.org" }, + "engines": { + "node": "^16.16.0 || ^18.13.0" + }, "files": [ "index.js", "configs/", diff --git a/yarn.lock b/yarn.lock index 7b70eae9499..3987e7475a3 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4851,16 +4851,6 @@ resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.29.tgz#7f2e1159231d4a077bb660edab0fde373e375a3d" integrity sha512-tx5jMmMFwx7wBwq/V7OohKDVb/JwJU5qCVkeLMh1//xycAJ/ESuw9aJ9SEtlCZDYi2pBfe4JkisSoAtbOsBNAA== -"@types/node@14.x": - version "14.18.16" - resolved "https://registry.yarnpkg.com/@types/node/-/node-14.18.16.tgz#878f670ba3f00482bf859b6550b6010610fc54b5" - integrity sha512-X3bUMdK/VmvrWdoTkz+VCn6nwKwrKCFTHtqwBIaQJNx4RUIBBUFXM00bqPz/DsDd+Icjmzm6/tyYZzeGVqb6/Q== - -"@types/node@17.0.21": - version "17.0.21" - resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.21.tgz#864b987c0c68d07b4345845c3e63b75edd143644" - integrity sha512-DBZCJbhII3r90XbQxI8Y9IjjiiOGlZ0Hr32omXIZvwwZ7p4DMMXGrKXVyPfuoBOri9XNtL0UK69jYIBIsRX3QQ== - "@types/node@^12.7.1": version "12.20.52" resolved "https://registry.yarnpkg.com/@types/node/-/node-12.20.52.tgz#2fd2dc6bfa185601b15457398d4ba1ef27f81251" @@ -4871,10 +4861,10 @@ resolved "https://registry.yarnpkg.com/@types/node/-/node-16.11.45.tgz#155b13a33c665ef2b136f7f245fa525da419e810" integrity sha512-3rKg/L5x0rofKuuUt5zlXzOnKyIHXmIu5R8A0TuNDMF2062/AOIDBciFIjToLEJ/9F9DzkHNot+BpNsMI1OLdQ== -"@types/node@^16.11.11": - version "16.11.31" - resolved "https://registry.yarnpkg.com/@types/node/-/node-16.11.31.tgz#1dad8138efee6808809bb80f9e66bbe3e46c9277" - integrity sha512-wh/d0pcu/Ie2mqTIqh4tjd0mLAB4JWxOjHQtLN20HS7sjMHiV4Afr+90hITTyZcxowwha5wjv32jGEn1zkEFMg== +"@types/node@^18.11.18": + version "18.11.18" + resolved "https://registry.yarnpkg.com/@types/node/-/node-18.11.18.tgz#8dfb97f0da23c2293e554c5a50d61ef134d7697f" + integrity sha512-DHQpWGjyQKSHj3ebjFI/wRKcqQcdR+MoFBygntYOZytCqNfkd2ZC4ARDJ2DQqhjH5p85Nnd3jhUJIXrszFX/JA== "@types/node@^8.10.50": version "8.10.66" From 3bc5ac90cfd67156d271bf83bb9796cd38dcbb0a Mon Sep 17 00:00:00 2001 From: Alex Page Date: Mon, 30 Jan 2023 12:37:47 +1100 Subject: [PATCH 12/43] Add v11 docs for konami code --- documentation/guides/migrating-from-v10-to-v11.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/documentation/guides/migrating-from-v10-to-v11.md b/documentation/guides/migrating-from-v10-to-v11.md index 72be8d42d77..e836b40342a 100644 --- a/documentation/guides/migrating-from-v10-to-v11.md +++ b/documentation/guides/migrating-from-v10-to-v11.md @@ -24,6 +24,6 @@ We've removed the following deprecated prop from the Collapsible component: ### Removed KonamiCode component -?? +We are removing low usage components from Polaris. We love fun but we also want to ensure we are shipping exactly what our users need. If you want to use this in your project feel free to copy the [component sourcecode](https://github.com/Shopify/polaris/blob/%40shopify/polaris%4010.24.0/polaris-react/src/components/KonamiCode/KonamiCode.tsx). ## Tokens From 0f0dca064bcea42e341966f51ded31316d834d65 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Tue, 31 Jan 2023 07:30:01 +1100 Subject: [PATCH 13/43] Adjust NodeJS versions so we support LTS 16/18 and future versions (#8211) Co-Authored-By: Ben Scott <227292+BPScott@users.noreply.github.com> --- .github/CONTRIBUTING.md | 2 +- .github/workflows/changelog.yml | 4 ++-- .github/workflows/ci-a11y-vrt.yml | 8 ++++---- .github/workflows/ci.yml | 2 +- .nvmrc | 2 +- dev.yml | 2 +- documentation/Nodejs support.md | 16 ++++++++-------- package.json | 2 +- polaris-cli/package.json | 2 +- polaris-for-vscode/package.json | 3 ++- polaris-icons/package.json | 2 +- polaris-migrator/package.json | 2 +- polaris-migrator/rollup.config.mjs | 2 +- polaris-react/package.json | 2 +- polaris-react/rollup.config.mjs | 2 +- polaris-tokens/package.json | 2 +- polaris.shopify.com/package.json | 2 +- stylelint-polaris/package.json | 2 +- 18 files changed, 30 insertions(+), 29 deletions(-) diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md index 541f7dad576..c180ab5b00f 100644 --- a/.github/CONTRIBUTING.md +++ b/.github/CONTRIBUTING.md @@ -137,7 +137,7 @@ Each contributor is required to [sign a CLA](https://cla.shopify.com/). This pro ### Contribution prerequisites -- You have Node installed at v18.13.0+ and Yarn at v1.22.18+ +- You have Node installed at v18.12.0+ and Yarn at v1.22.18+ ### Best practices diff --git a/.github/workflows/changelog.yml b/.github/workflows/changelog.yml index 508be63b266..3493dbfeb97 100644 --- a/.github/workflows/changelog.yml +++ b/.github/workflows/changelog.yml @@ -21,10 +21,10 @@ jobs: with: fetch-depth: 0 - - name: Setup Node with v18.13.0 + - name: Setup Node with v18.12.0 uses: actions/setup-node@v3 with: - node-version: 18.13.0 + node-version: 18.12.0 - name: Check for Changeset run: npx @changesets/cli status --since="origin/main" diff --git a/.github/workflows/ci-a11y-vrt.yml b/.github/workflows/ci-a11y-vrt.yml index 239ba0a222a..a89c5d373d1 100644 --- a/.github/workflows/ci-a11y-vrt.yml +++ b/.github/workflows/ci-a11y-vrt.yml @@ -32,10 +32,10 @@ jobs: sudo rm -rf "/usr/local/share/boost" sudo rm -rf "$AGENT_TOOLSDIRECTORY" - - name: Setup Node with v18.13.0 + - name: Setup Node with v18.12.0 uses: actions/setup-node@v3 with: - node-version: 18.13.0 + node-version: 18.12.0 cache: yarn - name: Restore cache @@ -72,10 +72,10 @@ jobs: with: fetch-depth: 0 # Chromatic git history to track changes - - name: Setup Node with v18.13.0 + - name: Setup Node with v18.12.0 uses: actions/setup-node@v3 with: - node-version: 18.13.0 + node-version: 18.12.0 cache: yarn - name: Restore cache diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index f655950c7da..7fe396947b8 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -13,7 +13,7 @@ jobs: runs-on: ubuntu-latest strategy: matrix: - node-version: ['16.16.0', '18.13.0'] + node-version: ['16.13.0', '18.12.0'] steps: - name: Checkout branch uses: actions/checkout@v3 diff --git a/.nvmrc b/.nvmrc index 0e9dc6b5867..9dfef472196 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -v18.13.0 +v18.12.0 diff --git a/dev.yml b/dev.yml index d5bde020b2b..83940cd41d2 100644 --- a/dev.yml +++ b/dev.yml @@ -2,7 +2,7 @@ name: polaris up: - node: yarn: v1.22.18 - version: v18.13.0 # to be kept in sync with .nvmrc and .github/workflows/ci.yml + version: v18.12.0 # to be kept in sync with .nvmrc and .github/workflows/ci.yml - custom: name: Build monorepo met?: yarn build --output-logs=none diff --git a/documentation/Nodejs support.md b/documentation/Nodejs support.md index d6f1f4c3d20..ba456d27d16 100644 --- a/documentation/Nodejs support.md +++ b/documentation/Nodejs support.md @@ -16,26 +16,26 @@ The `package.json` engines. This should match the `.github/workflows/ci.yml` and ```json "engines": { - "node": "^16.16.0 || ^18.13.0" + "node": "^16.13.0 || >=18.12.0" }, ``` The GitHub actions `.github/workflows/ci.yml` file. This should match the `package.json` and list all supported versions. ```yml -node-version: ['16.16.0', '18.13.0'] +node-version: ['16.13.0', '18.12.0'] ``` The `dev.yml` file which creates a local development environment. This should match the `.nvmrc` file. ```yml -version: v18.13.0 +version: v18.12.0 ``` The `.nvmrc` file for local development. This should match the `dev.yml` file. ``` -v18.13.0 +v18.12.0 ``` The `shipit.yml` files. This should point towards the GitHub Actions the packages require to pass before publishing. @@ -43,13 +43,13 @@ The `shipit.yml` files. This should point towards the GitHub Actions the package ```yml ci: require: - - 'Validate with Node v16.16.0' - - 'Validate with Node v18.13.0' + - 'Validate with Node v16.13.0' + - 'Validate with Node v18.12.0' merge: require: - - 'Validate with Node v16.16.0' - - 'Validate with Node v18.13.0' + - 'Validate with Node v16.13.0' + - 'Validate with Node v18.12.0' ``` The `rollup.config.mjs` for some monorepo packages. This should match the minimum supported version. diff --git a/package.json b/package.json index 967557af572..af5605df5b9 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "private": true, "engines": { - "node": "^16.16.0 || ^18.13.0" + "node": "^16.13.0 || >=18.12.0" }, "workspaces": { "packages": [ diff --git a/polaris-cli/package.json b/polaris-cli/package.json index 4a1e266018e..97a4beb2a7c 100644 --- a/polaris-cli/package.json +++ b/polaris-cli/package.json @@ -31,7 +31,7 @@ }, "engine-strict": true, "engines": { - "node": "^16.16.0 || ^18.13.0" + "node": "^16.13.0 || >=18.12.0" }, "os": [ "darwin", diff --git a/polaris-for-vscode/package.json b/polaris-for-vscode/package.json index 43bcfdd66a3..238958519bb 100644 --- a/polaris-for-vscode/package.json +++ b/polaris-for-vscode/package.json @@ -20,7 +20,8 @@ "shopify" ], "engines": { - "node": "^16.16.0 || ^18.13.0" + "vscode": "^1.64.0", + "node": "^16.13.0 || >=18.12.0" }, "categories": [ "Other" diff --git a/polaris-icons/package.json b/polaris-icons/package.json index 4dbfddbb822..e1d4cb393c0 100644 --- a/polaris-icons/package.json +++ b/polaris-icons/package.json @@ -14,7 +14,7 @@ } }, "engines": { - "node": "^16.16.0 || ^18.13.0" + "node": "^16.13.0 || >=18.12.0" }, "scripts": { "build": "rollup -c", diff --git a/polaris-migrator/package.json b/polaris-migrator/package.json index 82e8f2bcc2e..60153bbc59e 100644 --- a/polaris-migrator/package.json +++ b/polaris-migrator/package.json @@ -7,7 +7,7 @@ "homepage": "https://polaris.shopify.com", "repository": "https://github.com/Shopify/polaris", "engines": { - "node": "^16.16.0 || ^18.13.0" + "node": "^16.13.0 || >=18.12.0" }, "bugs": { "url": "https://github.com/Shopify/polaris/issues" diff --git a/polaris-migrator/rollup.config.mjs b/polaris-migrator/rollup.config.mjs index f37321bfbf2..cca342166c8 100644 --- a/polaris-migrator/rollup.config.mjs +++ b/polaris-migrator/rollup.config.mjs @@ -45,7 +45,7 @@ export default { include: ['src/**/*'], babelHelpers: 'bundled', envName: 'production', - targets: 'node 16.16.0', + targets: 'node 16.13.0', }), json({compact: true}), ], diff --git a/polaris-react/package.json b/polaris-react/package.json index 0211e92417f..0e688785098 100644 --- a/polaris-react/package.json +++ b/polaris-react/package.json @@ -11,7 +11,7 @@ "url": "https://github.com/Shopify/polaris/issues" }, "engines": { - "node": "^16.16.0 || ^18.13.0" + "node": "^16.13.0 || >=18.12.0" }, "publishConfig": { "access": "public", diff --git a/polaris-react/rollup.config.mjs b/polaris-react/rollup.config.mjs index 401f5494411..72be19f0499 100644 --- a/polaris-react/rollup.config.mjs +++ b/polaris-react/rollup.config.mjs @@ -54,7 +54,7 @@ function generateConfig({output, targets, stylesConfig}) { /** @type {import('rollup').RollupOptions} */ export default [ generateConfig({ - targets: 'extends @shopify/browserslist-config, node 16.16.0', + targets: 'extends @shopify/browserslist-config, node 16.13.0', stylesConfig: { mode: 'standalone', output: 'styles.css', diff --git a/polaris-tokens/package.json b/polaris-tokens/package.json index 4bc09662250..87f8ad45aac 100644 --- a/polaris-tokens/package.json +++ b/polaris-tokens/package.json @@ -6,7 +6,7 @@ "module": "dist/esm/build/index.mjs", "types": "dist/types/build/index.d.ts", "engines": { - "node": "^16.16.0 || ^18.13.0" + "node": "^16.13.0 || >=18.12.0" }, "exports": { ".": { diff --git a/polaris.shopify.com/package.json b/polaris.shopify.com/package.json index 04ab907458d..e16fbe54ffa 100644 --- a/polaris.shopify.com/package.json +++ b/polaris.shopify.com/package.json @@ -3,7 +3,7 @@ "version": "0.30.1", "private": true, "engines": { - "node": "^16.16.0 || ^18.13.0" + "node": "^16.13.0 || >=18.12.0" }, "scripts": { "build": "yarn gen-assets && playroom build && next build && cp -r public ./.next/standalone/polaris.shopify.com/ && mkdirp ./.next/standalone/polaris.shopify.com/.next && cp -r .next/static ./.next/standalone/polaris.shopify.com/.next/", diff --git a/stylelint-polaris/package.json b/stylelint-polaris/package.json index 0995e1a1b0c..36db453701b 100644 --- a/stylelint-polaris/package.json +++ b/stylelint-polaris/package.json @@ -14,7 +14,7 @@ "@shopify:registry": "https://registry.npmjs.org" }, "engines": { - "node": "^16.16.0 || ^18.13.0" + "node": "^16.13.0 || >=18.12.0" }, "files": [ "index.js", From 13332614c56bbfdc425d44857080c41123893f45 Mon Sep 17 00:00:00 2001 From: Lo Kim Date: Wed, 1 Feb 2023 10:21:55 -0500 Subject: [PATCH 14/43] Re-add deprecated typography docs (#8206) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### WHY are these changes introduced? Re-adds the deprecated typography docs and images on the style guide so that users can still reference them. The `get-props` script had to be updated to resolve build errors. It was failing since the component files no longer existed in `polaris-react/src/components`. ### WHAT is this pull request doing? - Re-add dep components images - Re-add dep component pages - ~Adds new `deprecatedComponents` array to the `get-props` file and if the parsed file matches any of the elements, return empty object~ - If component status is deprecated, props table is not rendered on component page ### How to 🎩 πŸ–₯ [Local development instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development) πŸ—’ [General tophatting guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md) πŸ“„ [Changelog guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)
Copy-paste this code in playground/Playground.tsx: ```jsx import React from 'react'; import {Page} from '../src'; export function Playground() { return ( {/* Add the code you want to test in here */} ); } ```
### 🎩 checklist - [ ] Tested on [mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing) - [ ] Tested on [multiple browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers) - [ ] Tested for [accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md) - [ ] Updated the component's `README.md` with documentation changes - [x] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide --- .../content/components/caption.md | 30 ++++++++ .../content/components/display-text.md | 61 +++++++++++++++ .../content/components/heading.md | 29 +++++++ .../content/components/subheading.md | 25 ++++++ .../content/components/text-style.md | 71 ++++++++++++++++++ .../content/components/visually-hidden.md | 34 +++++++++ .../pages/components/[component].tsx | 1 + .../public/images/components/caption.png | Bin 0 -> 14083 bytes .../public/images/components/display-text.png | Bin 0 -> 23375 bytes .../public/images/components/heading.png | Bin 0 -> 12714 bytes .../public/images/components/subheading.png | Bin 0 -> 13325 bytes .../public/images/components/text-style.png | Bin 0 -> 15907 bytes .../images/components/visually-hidden.png | Bin 0 -> 25923 bytes .../scripts/get-props/src/get-props.ts | 5 ++ 14 files changed, 256 insertions(+) create mode 100644 polaris.shopify.com/content/components/caption.md create mode 100644 polaris.shopify.com/content/components/display-text.md create mode 100644 polaris.shopify.com/content/components/heading.md create mode 100644 polaris.shopify.com/content/components/subheading.md create mode 100644 polaris.shopify.com/content/components/text-style.md create mode 100644 polaris.shopify.com/content/components/visually-hidden.md create mode 100644 polaris.shopify.com/public/images/components/caption.png create mode 100644 polaris.shopify.com/public/images/components/display-text.png create mode 100644 polaris.shopify.com/public/images/components/heading.png create mode 100644 polaris.shopify.com/public/images/components/subheading.png create mode 100644 polaris.shopify.com/public/images/components/text-style.png create mode 100644 polaris.shopify.com/public/images/components/visually-hidden.png diff --git a/polaris.shopify.com/content/components/caption.md b/polaris.shopify.com/content/components/caption.md new file mode 100644 index 00000000000..69a94863925 --- /dev/null +++ b/polaris.shopify.com/content/components/caption.md @@ -0,0 +1,30 @@ +--- +title: Caption +description: Caption text size is smaller than the recommended size for general reading. On web, it should be used only in a graph or as a timestamp for a list item. On Android and iOS, it can also be used as help text or as other kinds of secondary text for list items. +category: Titles and text +keywords: + - labels + - text + - microcopy + - typographic + - graph + - timestamp + - smaller text + - smallest text + - smaller than reading size text + - time text + - compact text + - small text +status: + value: Deprecated + message: This component is no longer supported. Please use the Text component instead. +--- + +## Mapping to the Text component + +```diff +- Received April 21, 2017 ++ Received April 21, 2017 +``` + +--- diff --git a/polaris.shopify.com/content/components/display-text.md b/polaris.shopify.com/content/components/display-text.md new file mode 100644 index 00000000000..8d61c475282 --- /dev/null +++ b/polaris.shopify.com/content/components/display-text.md @@ -0,0 +1,61 @@ +--- +title: Display text +description: Display styles make a bold visual statement. Use them to create impact when the main goal is visual storytelling. For example, use display text to convince or reassure merchants such as in marketing content or to capture attention during onboarding. +category: Titles and text +keywords: + - DisplayText + - announcement text + - greeting text + - marketing text + - title text + - biggest text + - bigger text + - big text + - large text + - larger text + - largest text + - strong text + - bold text + - bold statements + - extra large display text + - medium and large display text + - small display text + - visual story telling + - visual storytelling + - visual statements +status: + value: Deprecated + message: This component is no longer supported. Please use the Text component instead. +--- + +## Mapping to the Text component + +### Small + +```diff +- Sales this year ++ Sales this year +``` + +### Medium + +```diff +- Sales this year ++ Sales this year +``` + +### Large + +```diff +- Sales this year ++ Sales this year +``` + +### Extra large + +```diff +- Sales this year ++ Sales this year +``` + +--- diff --git a/polaris.shopify.com/content/components/heading.md b/polaris.shopify.com/content/components/heading.md new file mode 100644 index 00000000000..10e3cdcf5d8 --- /dev/null +++ b/polaris.shopify.com/content/components/heading.md @@ -0,0 +1,29 @@ +--- +title: Heading +description: Headings are used as the titles of each major section of a page in the interface. For example, [card components](https://polaris.shopify.com/components/card) generally use headings as their title. +category: Titles and text +keywords: + - titles + - text + - microcopy + - conversational + - typographic + - card headings + - card titles + - section titles + - section headings + - heading text + - heading font +status: + value: Deprecated + message: This component is no longer supported. Please use the Text component instead. +--- + +## Mapping to the Text component + +```diff +- Online store dashboard ++ Online store dashboard +``` + +--- diff --git a/polaris.shopify.com/content/components/subheading.md b/polaris.shopify.com/content/components/subheading.md new file mode 100644 index 00000000000..607a53e6443 --- /dev/null +++ b/polaris.shopify.com/content/components/subheading.md @@ -0,0 +1,25 @@ +--- +title: Subheading +description: Subheadings are used for the title of any sub-sections in top-level page sections. +category: Titles and text +keywords: + - title bar + - top-level + - description + - sub-section titles + - titles of sub-sections + - subsection titles + - titles of subsections +status: + value: Deprecated + message: This component is no longer supported. Please use the Text component instead. +--- + +## Mapping to the Text component + +```diff +- Accounts ++ Accounts +``` + +--- diff --git a/polaris.shopify.com/content/components/text-style.md b/polaris.shopify.com/content/components/text-style.md new file mode 100644 index 00000000000..38c781a38f1 --- /dev/null +++ b/polaris.shopify.com/content/components/text-style.md @@ -0,0 +1,71 @@ +--- +title: Text style +description: Text style enhances text with additional visual meaning. For example, using subdued text to de-emphasize it from its surrounding text. +category: Titles and text +keywords: + - TextStyle + - typographic + - subdued + - strong + - negative + - warning + - positive + - cues + - enhancements + - type + - bold + - dollar + - increase + - decrease + - input + - fields +status: + value: Deprecated + message: This component is no longer supported. Please use the Text component instead. +--- + +## Mapping to the Text component + +### Subdued + +```diff +- No supplier listed ++ No supplier listed +``` + +### Strong + +```diff +- No supplier listed ++ No supplier listed +``` + +### Positive + +```diff +- No supplier listed ++ No supplier listed +``` + +### Negative + +```diff +- No supplier listed ++ No supplier listed +``` + +### Warning + +```diff +- No supplier listed ++ No supplier listed +``` + +### Code + +```diff +- No supplier listed ++ No supplier listed +``` + +--- diff --git a/polaris.shopify.com/content/components/visually-hidden.md b/polaris.shopify.com/content/components/visually-hidden.md new file mode 100644 index 00000000000..7986af7973f --- /dev/null +++ b/polaris.shopify.com/content/components/visually-hidden.md @@ -0,0 +1,34 @@ +--- +title: Visually hidden +description: Use when an element needs to be available to assistive technology (for example, a screen reader) but otherwise hidden. +category: Titles and text +keywords: + - VisuallyHidden + - screen readers + - hidden but available for screen readers + - visually hidden headings + - hide + - hidden headings + - hidden text + - visually hidden table headers + - visually hidden headers + - hidden table headers + - hidden table headings + - accessibility + - a11y + - assistive technology +status: + value: Deprecated + message: This component is no longer supported. Please use the Text component instead. +--- + +## Mapping to the Text component + +```diff +- +- Title and description +- ++ Title and description +``` + +--- diff --git a/polaris.shopify.com/pages/components/[component].tsx b/polaris.shopify.com/pages/components/[component].tsx index 59e594ad026..8d4a1e4e64e 100644 --- a/polaris.shopify.com/pages/components/[component].tsx +++ b/polaris.shopify.com/pages/components/[component].tsx @@ -126,6 +126,7 @@ export const getStaticProps: GetStaticProps< allType, propName, `polaris-react/src/components/${componentDirName}/${componentDirName}.tsx`, + data.frontMatter.status?.value || '', ); const props: Props = { diff --git a/polaris.shopify.com/public/images/components/caption.png b/polaris.shopify.com/public/images/components/caption.png new file mode 100644 index 0000000000000000000000000000000000000000..0845e33bed0953de8406148634834572cf2504df GIT binary patch literal 14083 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 literal 0 HcmV?d00001 diff --git a/polaris.shopify.com/public/images/components/heading.png b/polaris.shopify.com/public/images/components/heading.png new file mode 100644 index 0000000000000000000000000000000000000000..0a15053a41d24c241ff67eb0f059932670aa361e GIT binary patch literal 12714 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

(iDG%wUtrx}n z^vHbTT6@E@8@#5kyHTd&`-o~KZ{LO%k10b9cm9GoGTY6({J7MQkxY?bP;!4qWJJo0 zU)|Kw+vxf0v{y-lZU^8hdR0)q*Hw$rkK=9bsfOxXw&Ov7q{zS~sMAhqwbuDb9psfz zqcGDYYoHgk`^8W6dTJawAIAy9b-w3P z_}4!E3^~etzS0=5MCa;YtDr|G~qSPrkmc#Xlg}wO@ZFA`BcW zI|xDFQ=b7gG9pP|N}{G3wDs~e{}$aLSf@!;vIlE*sY3Ln@{nh#ta{15i({ZPstz3g zD{Rlu9&%z((9QnsxsJ=^o3-O9UODU~g!9FCe^RS&30qhOMpXBH=`)jD)IPPmuSsZS%`5hX_gu zsyT$_6Cz%PhMg{U(21j}>0#eCf5pFGJd|0hSJz`MtXlOc-*Iu~gxb_o?x*^tXftw6 zx6RcZ0)}w8-J}%YPam$k_ZN$A@{%Qo^goq*PqdRl7yEfjCf_bJY_TvZpvm_NH}uDcm9oPuk)i9L<@u)DUA{W2P`ml2B%j*0*Uh$6GbbxGU(0{4#H=IxXea z#_8VEsItPNzbW;)P^Jh6EHv(i&;CJo5Q>KEHkKTCz7@xV;j@Y9zWofO$-+ROg+y9`N z?dr(XK2^VjM&o!n1j-4=n!fh5NH+5*H-i#oW#}f?s%!i9BVzj#9T}!ugc1}hgLBOQ z5==Me&v~JYfu#FpQJZkr zfe?8WcA)1Rm(OAakv^Fyv<|JVW+vtM0#4YwIy}jovmHZ6$o_`5N#oQQnbls9IDwK* z9usiqRgWJB9f-ww^3mrnQ>TK2OWYE6y}V=^sH@=K7HHCZnHi|428{~P?MUsqJPIzQ ztPI8{q?nu9+;cVs92NoVO-PmlvPivc;><~swW*@Cv~+w$K#^?+AhcI7tf1>~hsXV5 zW+Fz^`}C_iiSgXe#&d@zHEgJzU{SXTr;`8Itmk zJ~b+^kybG=%*eamO0A7D8@_Dly4F^6iu`92^xyR%ye1wmG;Dlfe3WK9!)AviOBgUl zaS{%MI$kXVEv8@=x(6x@!hlV(rS%oGqN1XZ#|4!opm6Y!^o5HERr|`hj^$p{`|sYp zGhhdFksoxw|Nh;L4`>d==M>!IfbK58>m|^;;~$n>v!0HkDWZE2?YFI)he{Hwbmv9CY2lqE1r@ZrVWAltw zjc4a9l0@G=JRS{tBhZA-#7mWcHeSjx-GKo*m1@OKbETOkc!7S^_YraE3?ASeYOw!0 zJivM@@!~obi$%Z4zS;Eg<3}tu1DE>}f{<2l4uyi)lamFyKuGCo>rG3`NRw$ql#HmT zjyhA>_2m-D=rSFD!hyNVVA*@m0pPmNfJvg(UIgcNg`2Hl?1!^CJhIo$xIVG&k99b# zN5eW9z)`SHj%!@7o*Q6Munvd+L#c73{%e^F{8ehK;VQMP@2XtUH&{_Y(3?lFo&);p zFIXmmaSVKI2anh553KtEcwik5YcTl#;s*lcu0Cmp>fg9lE*YOQH!42sbn`y|nP%S) literal 0 HcmV?d00001 diff --git a/polaris.shopify.com/public/images/components/subheading.png b/polaris.shopify.com/public/images/components/subheading.png new file mode 100644 index 0000000000000000000000000000000000000000..0539159cf7c67bfc7444f266cfb40ada3a63d9cb GIT binary patch literal 13325 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 ZgF1a=9a#J6nC{|^O^Ws(2@ literal 0 HcmV?d00001 diff --git a/polaris.shopify.com/public/images/components/text-style.png b/polaris.shopify.com/public/images/components/text-style.png new file mode 100644 index 0000000000000000000000000000000000000000..b8122245eea6f57be61ccd744061d4e6a8265644 GIT binary patch literal 15907 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 PyI}(!2W3G<7sLMt+b+FP literal 0 HcmV?d00001 diff --git a/polaris.shopify.com/scripts/get-props/src/get-props.ts b/polaris.shopify.com/scripts/get-props/src/get-props.ts index 386a9d0b58e..05008b295c0 100644 --- a/polaris.shopify.com/scripts/get-props/src/get-props.ts +++ b/polaris.shopify.com/scripts/get-props/src/get-props.ts @@ -310,7 +310,12 @@ export function getRelevantTypes( ast: AllTypes, name: string, filePath: string, + status: string, ): FilteredTypes { + if (status === 'Deprecated') { + return {}; + } + let matchingNode = ast[name][filePath]; if (!matchingNode) { From 6215f5ca79e1cd4d28cdd17f90f5f4f43e75a0c7 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Fri, 3 Feb 2023 06:53:31 +1100 Subject: [PATCH 15/43] Remove downlevel-dts and legacy type support (#8203) ### WHY are these changes introduced? Polaris currently supports multiple TypeScript versions by building our types twice. This breaking change in v11 removes this functionality and we will only support the current version in the library. This used to be required to build the props table on legacy.polaris.shopify.com. This is no longer a requirement with @martenbjork brilliant work. ### WHAT is this pull request doing? Removes legacy type support for the library. --------- Co-authored-by: Ben Scott <227292+BPScott@users.noreply.github.com> Co-authored-by: Aaron Casanova <32409546+aaronccasanova@users.noreply.github.com> --- .../guides/migrating-from-v10-to-v11.md | 8 +++++ package.json | 3 +- polaris-cli/package.json | 3 -- polaris-react/package.json | 12 ++------ polaris-react/scripts/build-validate.js | 4 +-- .../OptionList/tests/OptionList.test.tsx | 8 ++--- .../components/ResourceList/ResourceList.tsx | 29 +++++++++---------- polaris-react/src/utilities/merge.ts | 2 +- polaris-react/tsconfig.json | 2 +- polaris.shopify.com/package.json | 2 +- yarn.lock | 28 ++++-------------- 11 files changed, 35 insertions(+), 66 deletions(-) diff --git a/documentation/guides/migrating-from-v10-to-v11.md b/documentation/guides/migrating-from-v10-to-v11.md index e836b40342a..4436cd26920 100644 --- a/documentation/guides/migrating-from-v10-to-v11.md +++ b/documentation/guides/migrating-from-v10-to-v11.md @@ -14,6 +14,14 @@ Polaris v11.0.0 ([full release notes](https://github.com/Shopify/polaris/release NodeJS version 14 is no longer supported. NodeJS 18 is recommended and 16 is the minimum supported version. +## TypeScript + +Built types in `@shopify/polaris` have moved from `build/ts/latest` to `build/ts`. + +**Legacy TypeScript Support** + +Polaris no longer supports multiple versions of TypeScript with downlevel-dts. Polaris only builds one set of types based on the current version of TypeScript in the project. + ## Components ### Removed deprecated Collapsible argument diff --git a/package.json b/package.json index af5605df5b9..0239866c317 100644 --- a/package.json +++ b/package.json @@ -69,7 +69,6 @@ "@types/jest": "^27.5.1", "@types/node": "^18.11.18", "babel-loader": "^9.1.2", - "downlevel-dts": "^0.6.0", "eslint": "^8.3.0", "execa": "^5.0.0", "jest": "^27.5.1", @@ -85,7 +84,7 @@ "stylelint": "^14.15.0", "ts-node": "^10.7.0", "turbo": "^1.2.8", - "typescript": "^4.6.3" + "typescript": "^4.9.3" }, "prettier": "@shopify/prettier-config", "size-limit": [ diff --git a/polaris-cli/package.json b/polaris-cli/package.json index 67671fa1cb9..b7c420659fe 100644 --- a/polaris-cli/package.json +++ b/polaris-cli/package.json @@ -26,9 +26,6 @@ "@oclif/core": "^1.13.10", "@shopify/polaris-migrator": "^0.11.3" }, - "devDependencies": { - "typescript": "^4.7.4" - }, "engine-strict": true, "engines": { "node": "^16.13.0 || >=18.12.0" diff --git a/polaris-react/package.json b/polaris-react/package.json index 5cb60556f00..62f59f3a4bd 100644 --- a/polaris-react/package.json +++ b/polaris-react/package.json @@ -39,18 +39,10 @@ "main": "build/cjs/index.js", "module": "build/esm/index.js", "esnext": "build/esnext/index.esnext", - "types": "build/ts/latest/src/index.d.ts", - "typesVersions": { - "<4.0": { - "build/types/latest/*": [ - "build/ts/3.4/*" - ] - } - }, + "types": "build/ts/src/index.d.ts", "scripts": { - "build": "run-s build:types build:types-downlevel build:js build:validate", + "build": "run-s build:types build:js build:validate", "build:types": "tsc -b", - "build:types-downlevel": "downlevel-dts './build/ts/latest' './build/ts/3.4'", "build:js": "rollup -c", "build:validate": "node scripts/build-validate.js", "dev": "yarn run storybook", diff --git a/polaris-react/scripts/build-validate.js b/polaris-react/scripts/build-validate.js index 8a31617e6c7..c6654c9129b 100644 --- a/polaris-react/scripts/build-validate.js +++ b/polaris-react/scripts/build-validate.js @@ -82,9 +82,7 @@ function validateEsNextBuild() { } function validateAncillaryOutput() { - assert.ok(fs.existsSync('./build/ts/latest/src/index.d.ts')); - // Downleveled for consumers on older TypeScript versions - assert.ok(fs.existsSync('./build/ts/3.4/src/index.d.ts')); + assert.ok(fs.existsSync('./build/ts/src/index.d.ts')); } function validateVersionReplacement() { diff --git a/polaris-react/src/components/OptionList/tests/OptionList.test.tsx b/polaris-react/src/components/OptionList/tests/OptionList.test.tsx index def997b26a7..4986cd77196 100644 --- a/polaris-react/src/components/OptionList/tests/OptionList.test.tsx +++ b/polaris-react/src/components/OptionList/tests/OptionList.test.tsx @@ -539,12 +539,8 @@ function firstOption( options?: OptionDescriptor[], sections?: OptionListProps['sections'], ): string { - const firstOptionsValue = - options == null || options === [] ? '' : options[0].value; - const firstSectionOptionsValue = - sections == null || sections === [] || sections[0].options === [] - ? '' - : sections[0].options[0].value; + const firstOptionsValue = options?.[0]?.value ?? ''; + const firstSectionOptionsValue = sections?.[0]?.options?.[0]?.value ?? ''; return firstOptionsValue || firstSectionOptionsValue; } diff --git a/polaris-react/src/components/ResourceList/ResourceList.tsx b/polaris-react/src/components/ResourceList/ResourceList.tsx index 356e10f2b69..cf657993011 100644 --- a/polaris-react/src/components/ResourceList/ResourceList.tsx +++ b/polaris-react/src/components/ResourceList/ResourceList.tsx @@ -1,5 +1,4 @@ import React, { - ReactElement, useCallback, useEffect, useReducer, @@ -41,7 +40,11 @@ import styles from './ResourceList.scss'; const SMALL_SPINNER_HEIGHT = 28; const LARGE_SPINNER_HEIGHT = 45; -function getAllItemsOnPage( +interface ResourceListItemData { + [data: string]: any; +} + +function getAllItemsOnPage( items: TItemType[], idForItem: (item: TItemType, index: number) => string, ) { @@ -57,16 +60,16 @@ const isBreakpointsXS = () => { parseFloat(toPx(tokens.breakpoints['breakpoints-sm']) ?? ''); }; -function defaultIdForItem( +function defaultIdForItem( item: TItemType, index: number, -) { - return Object.prototype.hasOwnProperty.call(item, 'id') - ? item.id - : index.toString(); +): string { + return 'id' in item ? item.id : index.toString(); } -export interface ResourceListProps { +export interface ResourceListProps< + TItemType extends ResourceListItemData = ResourceListItemData, +> { /** Item data; each item is passed to renderItem */ items: TItemType[]; filterControl?: React.ReactNode; @@ -119,13 +122,7 @@ export interface ResourceListProps { resolveItemId?(item: TItemType): string; } -type ResourceListType = (( - value: ResourceListProps, -) => ReactElement) & { - Item: typeof ResourceItem; -}; - -export const ResourceList: ResourceListType = function ResourceList({ +export function ResourceList({ items, filterControl, emptyState, @@ -767,6 +764,6 @@ export const ResourceList: ResourceListType = function ResourceList({

); -}; +} ResourceList.Item = ResourceItem; diff --git a/polaris-react/src/utilities/merge.ts b/polaris-react/src/utilities/merge.ts index 880dd095279..ac3eb357e8f 100644 --- a/polaris-react/src/utilities/merge.ts +++ b/polaris-react/src/utilities/merge.ts @@ -30,7 +30,7 @@ export function merge( let final = {}; for (const obj of objs) { - final = mergeRecursively(final, obj); + final = mergeRecursively(final, obj as any); } return final; diff --git a/polaris-react/tsconfig.json b/polaris-react/tsconfig.json index 22a351c9979..c317885ab27 100644 --- a/polaris-react/tsconfig.json +++ b/polaris-react/tsconfig.json @@ -4,7 +4,7 @@ "composite": true, "emitDeclarationOnly": true, "importsNotUsedAsValues": "error", - "outDir": "build/ts/latest", + "outDir": "build/ts", "rootDir": "./", "strictFunctionTypes": false, "paths": { diff --git a/polaris.shopify.com/package.json b/polaris.shopify.com/package.json index 9d65ad6cbdb..93eeaad33c3 100644 --- a/polaris.shopify.com/package.json +++ b/polaris.shopify.com/package.json @@ -70,6 +70,6 @@ "rehype-raw": "^6.1.1", "sass": "^1.49.9", "style-loader": "^3.3.1", - "typescript": "^4.7.4" + "typescript": "^4.9.3" } } diff --git a/yarn.lock b/yarn.lock index 3987e7475a3..a5793c6abc2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9286,14 +9286,6 @@ dotenv@^8.0.0, dotenv@^8.1.0: resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.6.0.tgz#061af664d19f7f4d8fc6e4ff9b584ce237adcb8b" integrity sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g== -downlevel-dts@^0.6.0: - version "0.6.0" - resolved "https://registry.yarnpkg.com/downlevel-dts/-/downlevel-dts-0.6.0.tgz#1e52db9fa3ad9e3919a36545412f0b41a44289d1" - integrity sha512-Jy3ZZcXWPzTn5jJRW5WpdEtIq8+UowWWi5TEBgHHvzw320kouV//2KgVhfcuOpP93KS3UAokTxnZKU4L75kRSQ== - dependencies: - shelljs "^0.8.3" - typescript "^4.1.0-dev.20200804" - duplexer2@~0.1.4: version "0.1.4" resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1" @@ -19915,7 +19907,7 @@ shell-quote@^1.6.1: resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.3.tgz#aa40edac170445b9a431e17bb62c0b881b9c4123" integrity sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw== -shelljs@^0.8.3, shelljs@^0.8.5: +shelljs@^0.8.5: version "0.8.5" resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.8.5.tgz#de055408d8361bed66c669d2f000538ced8ee20c" integrity sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow== @@ -21687,20 +21679,10 @@ typedarray@^0.0.6: resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c= -typescript@^4.1.0-dev.20200804, typescript@^4.6.3: - version "4.6.3" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.6.3.tgz#eefeafa6afdd31d725584c67a0eaba80f6fc6c6c" - integrity sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw== - -typescript@^4.3.2: - version "4.8.4" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.4.tgz#c464abca159669597be5f96b8943500b238e60e6" - integrity sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ== - -typescript@^4.7.4: - version "4.7.4" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235" - integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ== +typescript@^4.3.2, typescript@^4.9.3: + version "4.9.3" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.3.tgz#3aea307c1746b8c384435d8ac36b8a2e580d85db" + integrity sha512-CIfGzTelbKNEnLpLdGFgdyKhG23CKdKgQPOBc+OUNrkJ2vr+KSzsSV5kq5iWhEQbok+quxgGzrAtGWCyU7tHnA== typical@^4.0.0: version "4.0.0" From b3488347d9586b8038c1883853beeb1b2d6d1512 Mon Sep 17 00:00:00 2001 From: Aaron Casanova <32409546+aaronccasanova@users.noreply.github.com> Date: Thu, 2 Feb 2023 13:12:16 -0800 Subject: [PATCH 16/43] Bump minimum Node version to 16.17.0 (#8212) --- .github/workflows/ci.yml | 2 +- documentation/Nodejs support.md | 8 ++-- package.json | 2 +- polaris-cli/package.json | 2 +- polaris-for-vscode/package.json | 2 +- polaris-icons/package.json | 2 +- polaris-migrator/package.json | 2 +- polaris-migrator/rollup.config.mjs | 2 +- polaris-react/package.json | 2 +- polaris-react/rollup.config.mjs | 2 +- polaris-tokens/package.json | 2 +- polaris.shopify.com/package.json | 2 +- stylelint-polaris/package.json | 2 +- yarn.lock | 65 ++++++++++-------------------- 14 files changed, 38 insertions(+), 59 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 7fe396947b8..6a74d136c14 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -13,7 +13,7 @@ jobs: runs-on: ubuntu-latest strategy: matrix: - node-version: ['16.13.0', '18.12.0'] + node-version: ['16.17.0', '18.12.0'] steps: - name: Checkout branch uses: actions/checkout@v3 diff --git a/documentation/Nodejs support.md b/documentation/Nodejs support.md index ba456d27d16..dfe4e9dc591 100644 --- a/documentation/Nodejs support.md +++ b/documentation/Nodejs support.md @@ -16,14 +16,14 @@ The `package.json` engines. This should match the `.github/workflows/ci.yml` and ```json "engines": { - "node": "^16.13.0 || >=18.12.0" + "node": "^16.17.0 || >=18.12.0" }, ``` The GitHub actions `.github/workflows/ci.yml` file. This should match the `package.json` and list all supported versions. ```yml -node-version: ['16.13.0', '18.12.0'] +node-version: ['16.17.0', '18.12.0'] ``` The `dev.yml` file which creates a local development environment. This should match the `.nvmrc` file. @@ -43,12 +43,12 @@ The `shipit.yml` files. This should point towards the GitHub Actions the package ```yml ci: require: - - 'Validate with Node v16.13.0' + - 'Validate with Node v16.17.0' - 'Validate with Node v18.12.0' merge: require: - - 'Validate with Node v16.13.0' + - 'Validate with Node v16.17.0' - 'Validate with Node v18.12.0' ``` diff --git a/package.json b/package.json index 0239866c317..2c9edb28eb0 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "private": true, "engines": { - "node": "^16.13.0 || >=18.12.0" + "node": "^16.17.0 || >=18.12.0" }, "workspaces": { "packages": [ diff --git a/polaris-cli/package.json b/polaris-cli/package.json index b7c420659fe..740309964e4 100644 --- a/polaris-cli/package.json +++ b/polaris-cli/package.json @@ -28,7 +28,7 @@ }, "engine-strict": true, "engines": { - "node": "^16.13.0 || >=18.12.0" + "node": "^16.17.0 || >=18.12.0" }, "os": [ "darwin", diff --git a/polaris-for-vscode/package.json b/polaris-for-vscode/package.json index 238958519bb..2867c5e070e 100644 --- a/polaris-for-vscode/package.json +++ b/polaris-for-vscode/package.json @@ -21,7 +21,7 @@ ], "engines": { "vscode": "^1.64.0", - "node": "^16.13.0 || >=18.12.0" + "node": "^16.17.0 || >=18.12.0" }, "categories": [ "Other" diff --git a/polaris-icons/package.json b/polaris-icons/package.json index c4325d78b12..71168d717f1 100644 --- a/polaris-icons/package.json +++ b/polaris-icons/package.json @@ -14,7 +14,7 @@ } }, "engines": { - "node": "^16.13.0 || >=18.12.0" + "node": "^16.17.0 || >=18.12.0" }, "scripts": { "build": "rollup -c", diff --git a/polaris-migrator/package.json b/polaris-migrator/package.json index 594975093de..1803f47889e 100644 --- a/polaris-migrator/package.json +++ b/polaris-migrator/package.json @@ -7,7 +7,7 @@ "homepage": "https://polaris.shopify.com", "repository": "https://github.com/Shopify/polaris", "engines": { - "node": "^16.13.0 || >=18.12.0" + "node": "^16.17.0 || >=18.12.0" }, "bugs": { "url": "https://github.com/Shopify/polaris/issues" diff --git a/polaris-migrator/rollup.config.mjs b/polaris-migrator/rollup.config.mjs index cca342166c8..5785b04448d 100644 --- a/polaris-migrator/rollup.config.mjs +++ b/polaris-migrator/rollup.config.mjs @@ -45,7 +45,7 @@ export default { include: ['src/**/*'], babelHelpers: 'bundled', envName: 'production', - targets: 'node 16.13.0', + targets: 'node 16.17.0', }), json({compact: true}), ], diff --git a/polaris-react/package.json b/polaris-react/package.json index 62f59f3a4bd..eb477df5c6f 100644 --- a/polaris-react/package.json +++ b/polaris-react/package.json @@ -11,7 +11,7 @@ "url": "https://github.com/Shopify/polaris/issues" }, "engines": { - "node": "^16.13.0 || >=18.12.0" + "node": "^16.17.0 || >=18.12.0" }, "publishConfig": { "access": "public", diff --git a/polaris-react/rollup.config.mjs b/polaris-react/rollup.config.mjs index 72be19f0499..d4c67eb25f9 100644 --- a/polaris-react/rollup.config.mjs +++ b/polaris-react/rollup.config.mjs @@ -54,7 +54,7 @@ function generateConfig({output, targets, stylesConfig}) { /** @type {import('rollup').RollupOptions} */ export default [ generateConfig({ - targets: 'extends @shopify/browserslist-config, node 16.13.0', + targets: 'extends @shopify/browserslist-config, node 16.17.0', stylesConfig: { mode: 'standalone', output: 'styles.css', diff --git a/polaris-tokens/package.json b/polaris-tokens/package.json index 87f8ad45aac..797ef3e4136 100644 --- a/polaris-tokens/package.json +++ b/polaris-tokens/package.json @@ -6,7 +6,7 @@ "module": "dist/esm/build/index.mjs", "types": "dist/types/build/index.d.ts", "engines": { - "node": "^16.13.0 || >=18.12.0" + "node": "^16.17.0 || >=18.12.0" }, "exports": { ".": { diff --git a/polaris.shopify.com/package.json b/polaris.shopify.com/package.json index 93eeaad33c3..08d45579b49 100644 --- a/polaris.shopify.com/package.json +++ b/polaris.shopify.com/package.json @@ -3,7 +3,7 @@ "version": "0.31.0", "private": true, "engines": { - "node": "^16.13.0 || >=18.12.0" + "node": "^16.17.0 || >=18.12.0" }, "scripts": { "build": "yarn gen-assets && playroom build && next build && cp -r public ./.next/standalone/polaris.shopify.com/ && mkdirp ./.next/standalone/polaris.shopify.com/.next && cp -r .next/static ./.next/standalone/polaris.shopify.com/.next/", diff --git a/stylelint-polaris/package.json b/stylelint-polaris/package.json index 488509a768e..04d98561683 100644 --- a/stylelint-polaris/package.json +++ b/stylelint-polaris/package.json @@ -14,7 +14,7 @@ "@shopify:registry": "https://registry.npmjs.org" }, "engines": { - "node": "^16.13.0 || >=18.12.0" + "node": "^16.17.0 || >=18.12.0" }, "files": [ "index.js", diff --git a/yarn.lock b/yarn.lock index a5793c6abc2..9c1f58f7bc6 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7002,26 +7002,15 @@ browserify-zlib@^0.2.0: dependencies: pako "~1.0.5" -browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.16.6, browserslist@^4.20.2, browserslist@^4.20.3: - version "4.20.3" - resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.20.3.tgz#eb7572f49ec430e054f56d52ff0ebe9be915f8bf" - integrity sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg== +browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.16.6, browserslist@^4.20.2, browserslist@^4.20.3, browserslist@^4.21.3, browserslist@^4.21.4: + version "4.21.5" + resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7" + integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w== dependencies: - caniuse-lite "^1.0.30001332" - electron-to-chromium "^1.4.118" - escalade "^3.1.1" - node-releases "^2.0.3" - picocolors "^1.0.0" - -browserslist@^4.21.3, browserslist@^4.21.4: - version "4.21.4" - resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987" - integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw== - dependencies: - caniuse-lite "^1.0.30001400" - electron-to-chromium "^1.4.251" - node-releases "^2.0.6" - update-browserslist-db "^1.0.9" + caniuse-lite "^1.0.30001449" + electron-to-chromium "^1.4.284" + node-releases "^2.0.8" + update-browserslist-db "^1.0.10" bser@2.1.1: version "2.1.1" @@ -7400,16 +7389,16 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001332: resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001334.tgz#892e9965b35285033fc2b8a8eff499fe02f13d8b" integrity sha512-kbaCEBRRVSoeNs74sCuq92MJyGrMtjWVfhltoHUCW4t4pXFvGjUBrfo47weBRViHkiV3eBYyIsfl956NtHGazw== -caniuse-lite@^1.0.30001400: - version "1.0.30001418" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001418.tgz#5f459215192a024c99e3e3a53aac310fc7cf24e6" - integrity sha512-oIs7+JL3K9JRQ3jPZjlH6qyYDp+nBTCais7hjh0s+fuBwufc7uZ7hPYMXrDOJhV360KGMTcczMRObk0/iMqZRg== - caniuse-lite@^1.0.30001406: version "1.0.30001426" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001426.tgz#58da20446ccd0cb1dfebd11d2350c907ee7c2eaa" integrity sha512-n7cosrHLl8AWt0wwZw/PJZgUg3lV0gk9LMI7ikGJwhyhgsd2Nb65vKvmSexCqq/J7rbH3mFG6yZZiPR5dLPW5A== +caniuse-lite@^1.0.30001449: + version "1.0.30001449" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001449.tgz#a8d11f6a814c75c9ce9d851dc53eb1d1dfbcd657" + integrity sha512-CPB+UL9XMT/Av+pJxCKGhdx+yg1hzplvFJQlJ2n68PyQGMz9L/E2zCyLdOL8uasbouTUgnPl+y0tccI/se+BEw== + capital-case@^1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/capital-case/-/capital-case-1.0.4.tgz#9d130292353c9249f6b00fa5852bee38a717e669" @@ -9341,15 +9330,10 @@ ejs@^3.1.6: dependencies: jake "^10.8.5" -electron-to-chromium@^1.4.118: - version "1.4.124" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.124.tgz#e9015e234d8632920dcdf5480351da9e845ed220" - integrity sha512-VhaE9VUYU6d2eIb+4xf83CATD+T+3bTzvxvlADkQE+c2hisiw3sZmvEDtsW704+Zky9WZGhBuQXijDVqSriQLA== - -electron-to-chromium@^1.4.251: - version "1.4.276" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.276.tgz#17837b19dafcc43aba885c4689358b298c19b520" - integrity sha512-EpuHPqu8YhonqLBXHoU6hDJCD98FCe6KDoet3/gY1qsQ6usjJoHqBH2YIVs8FXaAtHwVL8Uqa/fsYao/vq9VWQ== +electron-to-chromium@^1.4.284: + version "1.4.284" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz#61046d1e4cab3a25238f6bf7413795270f125592" + integrity sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA== element-resize-detector@^1.2.2: version "1.2.4" @@ -16227,15 +16211,10 @@ node-plop@^0.31.0: title-case "^3.0.3" upper-case "^2.0.2" -node-releases@^2.0.3: - version "2.0.4" - resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.4.tgz#f38252370c43854dc48aa431c766c6c398f40476" - integrity sha512-gbMzqQtTtDz/00jQzZ21PQzdI9PyLYqUSvD0p3naOhX4odFji0ZxYdnVwPTxmSwkmxhcFImpozceidSG+AgoPQ== - -node-releases@^2.0.6: - version "2.0.6" - resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503" - integrity sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg== +node-releases@^2.0.8: + version "2.0.8" + resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.8.tgz#0f349cdc8fcfa39a92ac0be9bc48b7706292b9ae" + integrity sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A== node-sass@^7.0.1: version "7.0.1" @@ -22041,7 +22020,7 @@ upath@^1.1.1: resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894" integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg== -update-browserslist-db@^1.0.9: +update-browserslist-db@^1.0.10: version "1.0.10" resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3" integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ== From a766decafa8a7c25b388a7597eb4b2ab8766653c Mon Sep 17 00:00:00 2001 From: Sam Rose Date: Thu, 2 Feb 2023 20:02:10 -0500 Subject: [PATCH 17/43] Remove text-transform from Polaris React (#8255) --- .../src/components/AppProvider/AppProvider.scss | 3 --- polaris-react/src/components/Banner/Banner.scss | 2 -- polaris-react/src/components/Button/Button.scss | 4 ---- .../CheckableButton/CheckableButton.scss | 2 -- .../src/components/FooterHelp/FooterHelp.scss | 2 -- polaris-react/src/components/Frame/Frame.scss | 2 -- .../src/components/Navigation/Navigation.scss | 2 -- polaris-react/src/components/Select/Select.scss | 2 -- .../src/components/TextField/TextField.scss | 2 -- polaris-react/src/styles/shared/_typography.scss | 14 -------------- 10 files changed, 35 deletions(-) diff --git a/polaris-react/src/components/AppProvider/AppProvider.scss b/polaris-react/src/components/AppProvider/AppProvider.scss index b2df60bb9d3..4681d629e10 100644 --- a/polaris-react/src/components/AppProvider/AppProvider.scss +++ b/polaris-react/src/components/AppProvider/AppProvider.scss @@ -10,9 +10,6 @@ body { font-size: var(--p-font-size-100); line-height: var(--p-font-line-height-2); font-weight: var(--p-font-weight-regular); - - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY diff --git a/polaris-react/src/components/Banner/Banner.scss b/polaris-react/src/components/Banner/Banner.scss index f5181bef24a..71874ddeb8a 100644 --- a/polaris-react/src/components/Banner/Banner.scss +++ b/polaris-react/src/components/Banner/Banner.scss @@ -265,8 +265,6 @@ font-size: var(--p-font-size-100); font-weight: var(--p-font-weight-medium); line-height: var(--p-font-line-height-1); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; color: var(--p-text); diff --git a/polaris-react/src/components/Button/Button.scss b/polaris-react/src/components/Button/Button.scss index e3ae0f30495..5a500754ecb 100644 --- a/polaris-react/src/components/Button/Button.scss +++ b/polaris-react/src/components/Button/Button.scss @@ -54,8 +54,6 @@ font-size: var(--p-font-size-100); font-weight: var(--p-font-weight-medium); line-height: var(--p-font-line-height-1); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; @@ -464,8 +462,6 @@ font-size: var(--p-font-size-200); font-weight: var(--p-font-weight-medium); line-height: var(--p-font-line-height-2); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; } } diff --git a/polaris-react/src/components/CheckableButton/CheckableButton.scss b/polaris-react/src/components/CheckableButton/CheckableButton.scss index 18866db5d66..551ffd3d1e0 100644 --- a/polaris-react/src/components/CheckableButton/CheckableButton.scss +++ b/polaris-react/src/components/CheckableButton/CheckableButton.scss @@ -8,8 +8,6 @@ font-size: var(--p-font-size-75); font-weight: var(--p-font-weight-medium); line-height: var(--p-font-line-height-1); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; diff --git a/polaris-react/src/components/FooterHelp/FooterHelp.scss b/polaris-react/src/components/FooterHelp/FooterHelp.scss index 739c0e642e9..80e3b5c2875 100644 --- a/polaris-react/src/components/FooterHelp/FooterHelp.scss +++ b/polaris-react/src/components/FooterHelp/FooterHelp.scss @@ -21,7 +21,5 @@ font-weight: var(--p-font-weight-regular); line-height: var(--p-font-line-height-2); border: none; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; } diff --git a/polaris-react/src/components/Frame/Frame.scss b/polaris-react/src/components/Frame/Frame.scss index 77bc606af2f..f16aad23fa4 100644 --- a/polaris-react/src/components/Frame/Frame.scss +++ b/polaris-react/src/components/Frame/Frame.scss @@ -333,8 +333,6 @@ font-size: var(--p-font-size-100); font-weight: var(--p-font-weight-medium); line-height: var(--p-font-line-height-1); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; color: var(--p-text); diff --git a/polaris-react/src/components/Navigation/Navigation.scss b/polaris-react/src/components/Navigation/Navigation.scss index f02fded46b3..49908bc0cc8 100644 --- a/polaris-react/src/components/Navigation/Navigation.scss +++ b/polaris-react/src/components/Navigation/Navigation.scss @@ -533,8 +533,6 @@ $disabled-fade: 0.6; } .SectionHeading { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: none; // Adding this intentionally to override the default subheading styling. // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY diff --git a/polaris-react/src/components/Select/Select.scss b/polaris-react/src/components/Select/Select.scss index 30bcb0ede45..c0676195861 100644 --- a/polaris-react/src/components/Select/Select.scss +++ b/polaris-react/src/components/Select/Select.scss @@ -94,8 +94,6 @@ font-size: var(--p-font-size-200); font-weight: var(--p-font-weight-regular); line-height: var(--p-font-line-height-2); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: absolute; diff --git a/polaris-react/src/components/TextField/TextField.scss b/polaris-react/src/components/TextField/TextField.scss index 2757764bfb7..33f1462d991 100644 --- a/polaris-react/src/components/TextField/TextField.scss +++ b/polaris-react/src/components/TextField/TextField.scss @@ -88,8 +88,6 @@ $spinner-icon-size: 12px; font-size: var(--p-font-size-200); font-weight: var(--p-font-weight-regular); line-height: var(--p-font-line-height-2); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY position: relative; diff --git a/polaris-react/src/styles/shared/_typography.scss b/polaris-react/src/styles/shared/_typography.scss index 4b6dc643267..2751321257d 100644 --- a/polaris-react/src/styles/shared/_typography.scss +++ b/polaris-react/src/styles/shared/_typography.scss @@ -26,8 +26,6 @@ font-size: 13px; font-weight: var(--p-font-weight-semibold); line-height: var(--p-font-line-height-1); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: uppercase; @media #{$p-breakpoints-md-up} { font-size: var(--p-font-size-75); @@ -39,9 +37,6 @@ font-weight: var(--p-font-weight-regular); line-height: var(--p-font-line-height-3); border: none; - - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; @media #{$p-breakpoints-md-up} { @@ -54,9 +49,6 @@ font-size: 15px; font-weight: var(--p-font-weight-regular); line-height: var(--p-font-line-height-2); - - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; @media #{$p-breakpoints-md-up} { @@ -69,9 +61,6 @@ font-size: 15px; font-weight: var(--p-font-weight-medium); line-height: var(--p-font-line-height-1); - - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; @media #{$p-breakpoints-md-up} { @@ -84,9 +73,6 @@ font-size: 17px; font-weight: var(--p-font-weight-medium); line-height: var(--p-font-line-height-2); - - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - text-transform: initial; letter-spacing: initial; @media #{$p-breakpoints-md-up} { From b0ac7a55d7a90c90121b01b19fbfb25d83012efc Mon Sep 17 00:00:00 2001 From: Alex Page Date: Mon, 13 Feb 2023 08:32:52 +1100 Subject: [PATCH 18/43] Fix props --- polaris.shopify.com/src/data/props.json | 1827 ++++++++++++++--------- 1 file changed, 1122 insertions(+), 705 deletions(-) diff --git a/polaris.shopify.com/src/data/props.json b/polaris.shopify.com/src/data/props.json index 7975bded4ba..7c359ba52b1 100644 --- a/polaris.shopify.com/src/data/props.json +++ b/polaris.shopify.com/src/data/props.json @@ -7579,6 +7579,57 @@ "description": "" } }, + "ActionListProps": { + "polaris-react/src/components/ActionList/ActionList.tsx": { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "name": "ActionListProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "syntaxKind": "PropertySignature", + "name": "items", + "value": "readonly ActionListItemDescriptor[]", + "description": "Collection of actions for list", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "syntaxKind": "PropertySignature", + "name": "sections", + "value": "readonly ActionListSection[]", + "description": "Collection of sectioned action items", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "syntaxKind": "PropertySignature", + "name": "actionRole", + "value": "string", + "description": "Defines a specific role attribute for each action in the list", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "syntaxKind": "PropertySignature", + "name": "onActionAnyItem", + "value": "() => void", + "description": "Callback when any item is clicked or keypressed", + "isOptional": true + } + ], + "value": "export interface ActionListProps {\n /** Collection of actions for list */\n items?: readonly ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: readonly ActionListSection[];\n /** Defines a specific role attribute for each action in the list */\n actionRole?: 'menuitem' | string;\n /** Callback when any item is clicked or keypressed */\n onActionAnyItem?: ActionListItemDescriptor['onAction'];\n}" + } + }, + "ActionListItemProps": { + "polaris-react/src/components/ActionList/ActionList.tsx": { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "ActionListItemProps", + "value": "ItemProps", + "description": "" + } + }, "AccountConnectionProps": { "polaris-react/src/components/AccountConnection/AccountConnection.tsx": { "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", @@ -7645,57 +7696,6 @@ "value": "export interface AccountConnectionProps {\n /** Content to display as title */\n title?: React.ReactNode;\n /** Content to display as additional details */\n details?: React.ReactNode;\n /** Content to display as terms of service */\n termsOfService?: React.ReactNode;\n /** The name of the service */\n accountName?: string;\n /** URL for the user’s avatar image */\n avatarUrl?: string;\n /** Set if the account is connected */\n connected?: boolean;\n /** Action for account connection */\n action?: Action;\n}" } }, - "ActionListProps": { - "polaris-react/src/components/ActionList/ActionList.tsx": { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "name": "ActionListProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "items", - "value": "readonly ActionListItemDescriptor[]", - "description": "Collection of actions for list", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "sections", - "value": "readonly ActionListSection[]", - "description": "Collection of sectioned action items", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "actionRole", - "value": "string", - "description": "Defines a specific role attribute for each action in the list", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "onActionAnyItem", - "value": "() => void", - "description": "Callback when any item is clicked or keypressed", - "isOptional": true - } - ], - "value": "export interface ActionListProps {\n /** Collection of actions for list */\n items?: readonly ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: readonly ActionListSection[];\n /** Defines a specific role attribute for each action in the list */\n actionRole?: 'menuitem' | string;\n /** Callback when any item is clicked or keypressed */\n onActionAnyItem?: ActionListItemDescriptor['onAction'];\n}" - } - }, - "ActionListItemProps": { - "polaris-react/src/components/ActionList/ActionList.tsx": { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "ActionListItemProps", - "value": "ItemProps", - "description": "" - } - }, "ActionMenuProps": { "polaris-react/src/components/ActionMenu/ActionMenu.tsx": { "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", @@ -8068,6 +8068,13 @@ "value": "'extraTight' | 'tight' | 'loose'", "description": "" }, + "polaris-react/src/components/LegacyStack/LegacyStack.tsx": { + "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "'extraTight' | 'tight' | 'baseTight' | 'loose' | 'extraLoose' | 'none'", + "description": "" + }, "polaris-react/src/components/List/List.tsx": { "filePath": "polaris-react/src/components/List/List.tsx", "syntaxKind": "TypeAliasDeclaration", @@ -8266,11 +8273,12 @@ "syntaxKind": "PropertySignature", "name": "reverseOrder", "value": "boolean", - "description": "Toggle order of child items", - "isOptional": true + "description": "Reverse the render order of child items", + "isOptional": true, + "defaultValue": "false" } ], - "value": "export interface AlphaStackProps extends React.AriaAttributes {\n children?: React.ReactNode;\n /** HTML Element type\n * @default 'div'\n */\n as?: Element;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Toggle children to be full width\n * @default false\n */\n fullWidth?: boolean;\n /** The spacing between children\n * @default '4'\n */\n gap?: Gap;\n /** HTML id attribute */\n id?: string;\n /** Toggle order of child items */\n reverseOrder?: boolean;\n}" + "value": "export interface AlphaStackProps extends React.AriaAttributes {\n children?: React.ReactNode;\n /** HTML Element type\n * @default 'div'\n */\n as?: Element;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Toggle children to be full width\n * @default false\n */\n fullWidth?: boolean;\n /** The spacing between children\n * @default '4'\n */\n gap?: Gap;\n /** HTML id attribute */\n id?: string;\n /** Reverse the render order of child items\n * @default false\n */\n reverseOrder?: boolean;\n}" } }, "State": { @@ -8613,27 +8621,20 @@ ], "value": "interface State {\n disclosureWidth: number;\n tabWidths: number[];\n visibleTabs: number[];\n hiddenTabs: number[];\n containerWidth: number;\n showDisclosure: boolean;\n tabToFocus: number;\n}" }, - "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx": { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx": { + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", "name": "State", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", - "syntaxKind": "PropertySignature", - "name": "sliderHeight", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", "syntaxKind": "PropertySignature", - "name": "draggerHeight", - "value": "number", + "name": "dragging", + "value": "boolean", "description": "" } ], - "value": "interface State {\n sliderHeight: number;\n draggerHeight: number;\n}" + "value": "interface State {\n dragging: boolean;\n}" }, "polaris-react/src/components/ColorPicker/components/HuePicker/HuePicker.tsx": { "filePath": "polaris-react/src/components/ColorPicker/components/HuePicker/HuePicker.tsx", @@ -8657,20 +8658,27 @@ ], "value": "interface State {\n sliderHeight: number;\n draggerHeight: number;\n}" }, - "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx": { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx": { + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", "name": "State", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", "syntaxKind": "PropertySignature", - "name": "dragging", - "value": "boolean", + "name": "sliderHeight", + "value": "number", + "description": "" + }, + { + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "syntaxKind": "PropertySignature", + "name": "draggerHeight", + "value": "number", "description": "" } ], - "value": "interface State {\n dragging: boolean;\n}" + "value": "interface State {\n sliderHeight: number;\n draggerHeight: number;\n}" }, "polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx": { "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx", @@ -11005,62 +11013,13 @@ "value": "export interface CardProps {\n /** Title content for the card */\n title?: React.ReactNode;\n /** Inner content of the card */\n children?: React.ReactNode;\n /** A less prominent card */\n subdued?: boolean;\n /** Auto wrap content in section */\n sectioned?: boolean;\n /** Card header actions */\n actions?: DisableableAction[];\n /** Primary action in the card footer */\n primaryFooterAction?: ComplexAction;\n /** Secondary actions in the card footer */\n secondaryFooterActions?: ComplexAction[];\n /** The content of the disclosure button rendered when there is more than one secondary footer action */\n secondaryFooterActionsDisclosureText?: string;\n /** Alignment of the footer actions on the card, defaults to right */\n footerActionAlignment?: 'right' | 'left';\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n}" } }, - "CheckableButtonProps": { - "polaris-react/src/components/CheckableButton/CheckableButton.tsx": { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "name": "CheckableButtonProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "PropertySignature", - "name": "label", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "PropertySignature", - "name": "selected", - "value": "boolean | \"indeterminate\"", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "MethodSignature", - "name": "onToggleAll", - "value": "() => void", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "PropertySignature", - "name": "ariaLive", - "value": "\"off\" | \"polite\"", - "description": "", - "isOptional": true - } - ], - "value": "export interface CheckableButtonProps {\n accessibilityLabel?: string;\n label?: string;\n selected?: boolean | 'indeterminate';\n disabled?: boolean;\n onToggleAll?(): void;\n ariaLive?: 'off' | 'polite';\n}" + "CheckboxState": { + "polaris-react/src/components/Checkbox/Checkbox.stories.tsx": { + "filePath": "polaris-react/src/components/Checkbox/Checkbox.stories.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "CheckboxState", + "value": "boolean | 'indeterminate'", + "description": "" } }, "CheckboxProps": { @@ -11255,52 +11214,110 @@ "value": "export interface CheckboxProps {\n checked?: boolean;\n disabled?: boolean;\n active?: boolean;\n id?: string;\n name?: string;\n value?: string;\n role?: string;\n onChange(): void;\n}" } }, - "ChoiceProps": { - "polaris-react/src/components/Choice/Choice.tsx": { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", - "name": "ChoiceProps", + "CheckableButtonProps": { + "polaris-react/src/components/CheckableButton/CheckableButton.tsx": { + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "name": "CheckableButtonProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", - "name": "id", + "name": "accessibilityLabel", "value": "string", - "description": "A unique identifier for the choice" + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", "name": "label", - "value": "React.ReactNode", - "description": "Label for the choice" + "value": "string", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "Whether the associated form control is disabled", + "name": "selected", + "value": "boolean | \"indeterminate\"", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", - "name": "error", - "value": "any", - "description": "Display an error message", + "name": "disabled", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", - "syntaxKind": "PropertySignature", - "name": "labelHidden", - "value": "boolean", - "description": "Visually hide the label", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "syntaxKind": "MethodSignature", + "name": "onToggleAll", + "value": "() => void", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "syntaxKind": "PropertySignature", + "name": "ariaLive", + "value": "\"off\" | \"polite\"", + "description": "", + "isOptional": true + } + ], + "value": "export interface CheckableButtonProps {\n accessibilityLabel?: string;\n label?: string;\n selected?: boolean | 'indeterminate';\n disabled?: boolean;\n onToggleAll?(): void;\n ariaLive?: 'off' | 'polite';\n}" + } + }, + "ChoiceProps": { + "polaris-react/src/components/Choice/Choice.tsx": { + "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "name": "ChoiceProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "syntaxKind": "PropertySignature", + "name": "id", + "value": "string", + "description": "A unique identifier for the choice" + }, + { + "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "syntaxKind": "PropertySignature", + "name": "label", + "value": "React.ReactNode", + "description": "Label for the choice" + }, + { + "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "syntaxKind": "PropertySignature", + "name": "disabled", + "value": "boolean", + "description": "Whether the associated form control is disabled", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "syntaxKind": "PropertySignature", + "name": "error", + "value": "any", + "description": "Display an error message", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Choice/Choice.tsx", + "syntaxKind": "PropertySignature", + "name": "labelHidden", + "value": "boolean", + "description": "Visually hide the label", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Choice/Choice.tsx", "syntaxKind": "PropertySignature", "name": "children", "value": "React.ReactNode", @@ -13366,6 +13383,31 @@ "value": "export interface FormLayoutProps {\n /** The content to display inside the layout. */\n children?: React.ReactNode;\n}" } }, + "FullscreenBarProps": { + "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx": { + "filePath": "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx", + "name": "FullscreenBarProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx", + "syntaxKind": "PropertySignature", + "name": "onAction", + "value": "() => void", + "description": "Callback when back button is clicked" + }, + { + "filePath": "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Render child elements", + "isOptional": true + } + ], + "value": "export interface FullscreenBarProps {\n /** Callback when back button is clicked */\n onAction: () => void;\n /** Render child elements */\n children?: React.ReactNode;\n}" + } + }, "FrameProps": { "polaris-react/src/components/Frame/Frame.tsx": { "filePath": "polaris-react/src/components/Frame/Frame.tsx", @@ -13449,31 +13491,6 @@ "value": "export interface FrameProps {\n /** Sets the logo for the TopBar, Navigation, and ContextualSaveBar components */\n logo?: Logo;\n /** A horizontal offset that pushes the frame to the right, leaving empty space on the left */\n offset?: string;\n /** The content to display inside the frame. */\n children?: React.ReactNode;\n /** Accepts a top bar component that will be rendered at the top-most portion of an application frame */\n topBar?: React.ReactNode;\n /** Accepts a navigation component that will be rendered in the left sidebar of an application frame */\n navigation?: React.ReactNode;\n /** Accepts a global ribbon component that will be rendered fixed to the bottom of an application frame */\n globalRibbon?: React.ReactNode;\n /** A boolean property indicating whether the mobile navigation is currently visible\n * @default false\n */\n showMobileNavigation?: boolean;\n /** Accepts a ref to the html anchor element you wish to focus when clicking the skip to content link */\n skipToContentTarget?: React.RefObject;\n /** A callback function to handle clicking the mobile navigation dismiss button */\n onNavigationDismiss?(): void;\n}" } }, - "FullscreenBarProps": { - "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx": { - "filePath": "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx", - "name": "FullscreenBarProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx", - "syntaxKind": "PropertySignature", - "name": "onAction", - "value": "() => void", - "description": "Callback when back button is clicked" - }, - { - "filePath": "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Render child elements", - "isOptional": true - } - ], - "value": "export interface FullscreenBarProps {\n /** Callback when back button is clicked */\n onAction: () => void;\n /** Render child elements */\n children?: React.ReactNode;\n}" - } - }, "Breakpoints": { "polaris-react/src/components/Grid/Grid.tsx": { "filePath": "polaris-react/src/components/Grid/Grid.tsx", @@ -13541,47 +13558,6 @@ "value": "export interface GridProps {\n /* Set grid-template-areas */\n areas?: Areas;\n /* Number of columns */\n columns?: Columns;\n /* Grid gap */\n gap?: Gap;\n children?: React.ReactNode;\n}" } }, - "IconProps": { - "polaris-react/src/components/Icon/Icon.tsx": { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "name": "IconProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "syntaxKind": "PropertySignature", - "name": "source", - "value": "any", - "description": "The SVG contents to display in the icon (icons should fit in a 20 Γ— 20 pixel viewBox)" - }, - { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "syntaxKind": "PropertySignature", - "name": "color", - "value": "Color", - "description": "Set the color for the SVG fill", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "syntaxKind": "PropertySignature", - "name": "backdrop", - "value": "boolean", - "description": "Show a backdrop behind the icon", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Descriptive text to be read to screenreaders", - "isOptional": true - } - ], - "value": "export interface IconProps {\n /** The SVG contents to display in the icon (icons should fit in a 20 Γ— 20 pixel viewBox) */\n source: IconSource;\n /** Set the color for the SVG fill */\n color?: Color;\n /** Show a backdrop behind the icon */\n backdrop?: boolean;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n}" - } - }, "SourceSet": { "polaris-react/src/components/Image/Image.tsx": { "filePath": "polaris-react/src/components/Image/Image.tsx", @@ -13672,6 +13648,47 @@ "value": "export interface ImageProps extends React.HTMLProps {\n alt: string;\n source: string;\n crossOrigin?: CrossOrigin;\n sourceSet?: SourceSet[];\n onLoad?(): void;\n onError?(): void;\n}" } }, + "IconProps": { + "polaris-react/src/components/Icon/Icon.tsx": { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "name": "IconProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "syntaxKind": "PropertySignature", + "name": "source", + "value": "any", + "description": "The SVG contents to display in the icon (icons should fit in a 20 Γ— 20 pixel viewBox)" + }, + { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "syntaxKind": "PropertySignature", + "name": "color", + "value": "Color", + "description": "Set the color for the SVG fill", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "syntaxKind": "PropertySignature", + "name": "backdrop", + "value": "boolean", + "description": "Show a backdrop behind the icon", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "Descriptive text to be read to screenreaders", + "isOptional": true + } + ], + "value": "export interface IconProps {\n /** The SVG contents to display in the icon (icons should fit in a 20 Γ— 20 pixel viewBox) */\n source: IconSource;\n /** Set the color for the SVG fill */\n color?: Color;\n /** Show a backdrop behind the icon */\n backdrop?: boolean;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n}" + } + }, "IndexTableHeadingBase": { "polaris-react/src/components/IndexTable/IndexTable.tsx": { "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", @@ -13701,9 +13718,33 @@ "value": "boolean", "description": "", "isOptional": true + }, + { + "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", + "syntaxKind": "PropertySignature", + "name": "tooltipContent", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", + "syntaxKind": "PropertySignature", + "name": "tooltipWidth", + "value": "Width", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", + "syntaxKind": "PropertySignature", + "name": "tooltipPersistsOnClick", + "value": "boolean", + "description": "", + "isOptional": true } ], - "value": "interface IndexTableHeadingBase {\n flush?: boolean;\n new?: boolean;\n hidden?: boolean;\n}" + "value": "interface IndexTableHeadingBase {\n flush?: boolean;\n new?: boolean;\n hidden?: boolean;\n tooltipContent?: React.ReactNode;\n tooltipWidth?: Width;\n tooltipPersistsOnClick?: boolean;\n}" } }, "IndexTableHeadingTitleString": { @@ -13742,6 +13783,30 @@ "value": "boolean", "description": "", "isOptional": true + }, + { + "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", + "syntaxKind": "PropertySignature", + "name": "tooltipContent", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", + "syntaxKind": "PropertySignature", + "name": "tooltipWidth", + "value": "Width", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", + "syntaxKind": "PropertySignature", + "name": "tooltipPersistsOnClick", + "value": "boolean", + "description": "", + "isOptional": true } ], "value": "interface IndexTableHeadingTitleString extends IndexTableHeadingBase {\n title: string;\n}" @@ -13790,6 +13855,30 @@ "value": "boolean", "description": "", "isOptional": true + }, + { + "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", + "syntaxKind": "PropertySignature", + "name": "tooltipContent", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", + "syntaxKind": "PropertySignature", + "name": "tooltipWidth", + "value": "Width", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", + "syntaxKind": "PropertySignature", + "name": "tooltipPersistsOnClick", + "value": "boolean", + "description": "", + "isOptional": true } ], "value": "interface IndexTableHeadingTitleNode extends IndexTableHeadingBase {\n title: React.ReactNode;\n id: string;\n}" @@ -13927,7 +14016,7 @@ "syntaxKind": "PropertySignature", "name": "defaultSortDirection", "value": "IndexTableSortDirection", - "description": "The direction to sort the table rows on first click or keypress of a sortable column heading. Defaults to ascending.", + "description": "The direction to sort the table rows on first click or keypress of a sortable column heading. Defaults to descending.", "isOptional": true, "defaultValue": "'descending'" }, @@ -13964,7 +14053,7 @@ "isOptional": true } ], - "value": "export interface IndexTableBaseProps {\n headings: NonEmptyArray;\n promotedBulkActions?: BulkActionsProps['promotedActions'];\n bulkActions?: BulkActionsProps['actions'];\n children?: React.ReactNode;\n emptyState?: React.ReactNode;\n sort?: React.ReactNode;\n paginatedSelectAllActionText?: string;\n lastColumnSticky?: boolean;\n selectable?: boolean;\n /** List of booleans, which maps to whether sorting is enabled or not for each column. Defaults to false for all columns. */\n sortable?: boolean[];\n /**\n * The direction to sort the table rows on first click or keypress of a sortable column heading. Defaults to ascending.\n * @default 'descending'\n */\n defaultSortDirection?: IndexTableSortDirection;\n /** The current sorting direction. */\n sortDirection?: IndexTableSortDirection;\n /**\n * The index of the heading that the table rows are sorted by.\n */\n sortColumnIndex?: number;\n /** Callback fired on click or keypress of a sortable column heading. */\n onSort?(headingIndex: number, direction: IndexTableSortDirection): void;\n /** Optional dictionary of sort toggle labels for each sortable column, with ascending and descending label,\n * with the key as the index of the column */\n sortToggleLabels?: IndexTableSortToggleLabels;\n}" + "value": "export interface IndexTableBaseProps {\n headings: NonEmptyArray;\n promotedBulkActions?: BulkActionsProps['promotedActions'];\n bulkActions?: BulkActionsProps['actions'];\n children?: React.ReactNode;\n emptyState?: React.ReactNode;\n sort?: React.ReactNode;\n paginatedSelectAllActionText?: string;\n lastColumnSticky?: boolean;\n selectable?: boolean;\n /** List of booleans, which maps to whether sorting is enabled or not for each column. Defaults to false for all columns. */\n sortable?: boolean[];\n /**\n * The direction to sort the table rows on first click or keypress of a sortable column heading. Defaults to descending.\n * @default 'descending'\n */\n defaultSortDirection?: IndexTableSortDirection;\n /** The current sorting direction. */\n sortDirection?: IndexTableSortDirection;\n /**\n * The index of the heading that the table rows are sorted by.\n */\n sortColumnIndex?: number;\n /** Callback fired on click or keypress of a sortable column heading. */\n onSort?(headingIndex: number, direction: IndexTableSortDirection): void;\n /** Optional dictionary of sort toggle labels for each sortable column, with ascending and descending label,\n * with the key as the index of the column */\n sortToggleLabels?: IndexTableSortToggleLabels;\n}" } }, "TableHeadingRect": { @@ -14081,7 +14170,7 @@ "syntaxKind": "PropertySignature", "name": "defaultSortDirection", "value": "IndexTableSortDirection", - "description": "The direction to sort the table rows on first click or keypress of a sortable column heading. Defaults to ascending.", + "description": "The direction to sort the table rows on first click or keypress of a sortable column heading. Defaults to descending.", "isOptional": true, "defaultValue": "'descending'" }, @@ -14473,9 +14562,224 @@ "value": "export interface LayoutProps {\n /** Automatically adds sections to layout. */\n sectioned?: boolean;\n /** The content to display inside the layout. */\n children?: React.ReactNode;\n}" } }, - "LinkProps": { - "polaris-react/src/components/Link/Link.tsx": { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "LegacyCardProps": { + "polaris-react/src/components/LegacyCard/LegacyCard.tsx": { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "name": "LegacyCardProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "syntaxKind": "PropertySignature", + "name": "title", + "value": "React.ReactNode", + "description": "Title content for the card", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Inner content of the card", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "syntaxKind": "PropertySignature", + "name": "subdued", + "value": "boolean", + "description": "A less prominent card", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "syntaxKind": "PropertySignature", + "name": "sectioned", + "value": "boolean", + "description": "Auto wrap content in section", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "syntaxKind": "PropertySignature", + "name": "actions", + "value": "DisableableAction[]", + "description": "Card header actions", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "syntaxKind": "PropertySignature", + "name": "primaryFooterAction", + "value": "ComplexAction", + "description": "Primary action in the card footer", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "syntaxKind": "PropertySignature", + "name": "secondaryFooterActions", + "value": "ComplexAction[]", + "description": "Secondary actions in the card footer", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "syntaxKind": "PropertySignature", + "name": "secondaryFooterActionsDisclosureText", + "value": "string", + "description": "The content of the disclosure button rendered when there is more than one secondary footer action", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "syntaxKind": "PropertySignature", + "name": "footerActionAlignment", + "value": "\"left\" | \"right\"", + "description": "Alignment of the footer actions on the card, defaults to right", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "syntaxKind": "PropertySignature", + "name": "hideOnPrint", + "value": "boolean", + "description": "Allow the card to be hidden when printing", + "isOptional": true + } + ], + "value": "export interface LegacyCardProps {\n /** Title content for the card */\n title?: React.ReactNode;\n /** Inner content of the card */\n children?: React.ReactNode;\n /** A less prominent card */\n subdued?: boolean;\n /** Auto wrap content in section */\n sectioned?: boolean;\n /** Card header actions */\n actions?: DisableableAction[];\n /** Primary action in the card footer */\n primaryFooterAction?: ComplexAction;\n /** Secondary actions in the card footer */\n secondaryFooterActions?: ComplexAction[];\n /** The content of the disclosure button rendered when there is more than one secondary footer action */\n secondaryFooterActionsDisclosureText?: string;\n /** Alignment of the footer actions on the card, defaults to right */\n footerActionAlignment?: 'right' | 'left';\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n}" + } + }, + "Alignment": { + "polaris-react/src/components/LegacyStack/LegacyStack.tsx": { + "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Alignment", + "value": "'leading' | 'trailing' | 'center' | 'fill' | 'baseline'", + "description": "" + }, + "polaris-react/src/components/OptionList/OptionList.tsx": { + "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Alignment", + "value": "'top' | 'center' | 'bottom'", + "description": "" + }, + "polaris-react/src/components/ResourceItem/ResourceItem.tsx": { + "filePath": "polaris-react/src/components/ResourceItem/ResourceItem.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Alignment", + "value": "'leading' | 'trailing' | 'center' | 'fill' | 'baseline'", + "description": "" + }, + "polaris-react/src/components/Stack/Stack.tsx": { + "filePath": "polaris-react/src/components/Stack/Stack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Alignment", + "value": "'leading' | 'trailing' | 'center' | 'fill' | 'baseline'", + "description": "" + }, + "polaris-react/src/components/Text/Text.tsx": { + "filePath": "polaris-react/src/components/Text/Text.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Alignment", + "value": "'start' | 'center' | 'end' | 'justify'", + "description": "" + }, + "polaris-react/src/components/TextField/TextField.tsx": { + "filePath": "polaris-react/src/components/TextField/TextField.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Alignment", + "value": "'left' | 'center' | 'right'", + "description": "" + }, + "polaris-react/src/components/OptionList/components/Option/Option.tsx": { + "filePath": "polaris-react/src/components/OptionList/components/Option/Option.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Alignment", + "value": "'top' | 'center' | 'bottom'", + "description": "" + } + }, + "Distribution": { + "polaris-react/src/components/LegacyStack/LegacyStack.tsx": { + "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Distribution", + "value": "'equalSpacing' | 'leading' | 'trailing' | 'center' | 'fill' | 'fillEvenly'", + "description": "" + }, + "polaris-react/src/components/Stack/Stack.tsx": { + "filePath": "polaris-react/src/components/Stack/Stack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Distribution", + "value": "'equalSpacing' | 'leading' | 'trailing' | 'center' | 'fill' | 'fillEvenly'", + "description": "" + } + }, + "LegacyStackProps": { + "polaris-react/src/components/LegacyStack/LegacyStack.tsx": { + "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + "name": "LegacyStackProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Elements to display inside stack", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + "syntaxKind": "PropertySignature", + "name": "wrap", + "value": "boolean", + "description": "Wrap stack elements to additional rows as needed on small screens (Defaults to true)", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + "syntaxKind": "PropertySignature", + "name": "vertical", + "value": "boolean", + "description": "Stack the elements vertically", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + "syntaxKind": "PropertySignature", + "name": "spacing", + "value": "Spacing", + "description": "Adjust spacing between elements", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + "syntaxKind": "PropertySignature", + "name": "alignment", + "value": "Alignment", + "description": "Adjust vertical alignment of elements", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + "syntaxKind": "PropertySignature", + "name": "distribution", + "value": "Distribution", + "description": "Adjust horizontal alignment of elements", + "isOptional": true + } + ], + "value": "export interface LegacyStackProps {\n /** Elements to display inside stack */\n children?: React.ReactNode;\n /** Wrap stack elements to additional rows as needed on small screens (Defaults to true) */\n wrap?: boolean;\n /** Stack the elements vertically */\n vertical?: boolean;\n /** Adjust spacing between elements */\n spacing?: Spacing;\n /** Adjust vertical alignment of elements */\n alignment?: Alignment;\n /** Adjust horizontal alignment of elements */\n distribution?: Distribution;\n}" + } + }, + "LinkProps": { + "polaris-react/src/components/Link/Link.tsx": { + "filePath": "polaris-react/src/components/Link/Link.tsx", "name": "LinkProps", "description": "", "members": [ @@ -15212,50 +15516,6 @@ "value": "interface NavigationContextType {\n location: string;\n onNavigationDismiss?(): void;\n withinContentContainer?: boolean;\n}" } }, - "Alignment": { - "polaris-react/src/components/OptionList/OptionList.tsx": { - "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Alignment", - "value": "'top' | 'center' | 'bottom'", - "description": "" - }, - "polaris-react/src/components/ResourceItem/ResourceItem.tsx": { - "filePath": "polaris-react/src/components/ResourceItem/ResourceItem.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Alignment", - "value": "'leading' | 'trailing' | 'center' | 'fill' | 'baseline'", - "description": "" - }, - "polaris-react/src/components/Stack/Stack.tsx": { - "filePath": "polaris-react/src/components/Stack/Stack.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Alignment", - "value": "'leading' | 'trailing' | 'center' | 'fill' | 'baseline'", - "description": "" - }, - "polaris-react/src/components/Text/Text.tsx": { - "filePath": "polaris-react/src/components/Text/Text.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Alignment", - "value": "'start' | 'center' | 'end' | 'justify'", - "description": "" - }, - "polaris-react/src/components/TextField/TextField.tsx": { - "filePath": "polaris-react/src/components/TextField/TextField.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Alignment", - "value": "'left' | 'center' | 'right'", - "description": "" - }, - "polaris-react/src/components/OptionList/components/Option/Option.tsx": { - "filePath": "polaris-react/src/components/OptionList/components/Option/Option.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Alignment", - "value": "'top' | 'center' | 'bottom'", - "description": "" - } - }, "OptionListProps": { "polaris-react/src/components/OptionList/OptionList.tsx": { "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", @@ -16808,31 +17068,114 @@ "value": "interface PropsFromWrapper {\n breakpoints?: BreakpointsMatches;\n context: React.ContextType;\n i18n: ReturnType;\n}" } }, - "ResourceListProps": { - "polaris-react/src/components/ResourceList/ResourceList.tsx": { - "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", - "name": "ResourceListProps", + "ScrollableProps": { + "polaris-react/src/components/Scrollable/Scrollable.tsx": { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "name": "ScrollableProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", - "syntaxKind": "PropertySignature", - "name": "items", - "value": "TItemType[]", - "description": "Item data; each item is passed to renderItem" - }, - { - "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", "syntaxKind": "PropertySignature", - "name": "filterControl", + "name": "children", "value": "React.ReactNode", - "description": "", + "description": "Content to display in scrollable area", "isOptional": true }, { - "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", "syntaxKind": "PropertySignature", - "name": "emptyState", + "name": "vertical", + "value": "boolean", + "description": "Scroll content vertically", + "isOptional": true, + "defaultValue": "true" + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "horizontal", + "value": "boolean", + "description": "Scroll content horizontally", + "isOptional": true, + "defaultValue": "true" + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "shadow", + "value": "boolean", + "description": "Add a shadow when content is scrollable", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "hint", + "value": "boolean", + "description": "Slightly hints content upon mounting when scrollable", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "focusable", + "value": "boolean", + "description": "Adds a tabIndex to scrollable when children are not focusable", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "MethodSignature", + "name": "onScrolledToBottom", + "value": "() => void", + "description": "Called when scrolled to the bottom of the scroll area", + "isOptional": true + } + ], + "value": "export interface ScrollableProps extends React.HTMLProps {\n /** Content to display in scrollable area */\n children?: React.ReactNode;\n /** Scroll content vertically\n * @default true\n * */\n vertical?: boolean;\n /** Scroll content horizontally\n * @default true\n * */\n horizontal?: boolean;\n /** Add a shadow when content is scrollable */\n shadow?: boolean;\n /** Slightly hints content upon mounting when scrollable */\n hint?: boolean;\n /** Adds a tabIndex to scrollable when children are not focusable */\n focusable?: boolean;\n /** Called when scrolled to the bottom of the scroll area */\n onScrolledToBottom?(): void;\n}" + } + }, + "ResourceListItemData": { + "polaris-react/src/components/ResourceList/ResourceList.tsx": { + "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", + "name": "ResourceListItemData", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", + "name": "[data: string]", + "value": "any" + } + ], + "value": "interface ResourceListItemData {\n [data: string]: any;\n}" + } + }, + "ResourceListProps": { + "polaris-react/src/components/ResourceList/ResourceList.tsx": { + "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", + "name": "ResourceListProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", + "syntaxKind": "PropertySignature", + "name": "items", + "value": "TItemType[]", + "description": "Item data; each item is passed to renderItem" + }, + { + "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", + "syntaxKind": "PropertySignature", + "name": "filterControl", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", + "syntaxKind": "PropertySignature", + "name": "emptyState", "value": "React.ReactNode", "description": "The markup to display when no resources exist yet. Renders when set and items is empty.", "isOptional": true @@ -16998,84 +17341,7 @@ "isOptional": true } ], - "value": "export interface ResourceListProps {\n /** Item data; each item is passed to renderItem */\n items: TItemType[];\n filterControl?: React.ReactNode;\n /** The markup to display when no resources exist yet. Renders when set and items is empty. */\n emptyState?: React.ReactNode;\n /** The markup to display when no results are returned on search or filter of the list. Renders when `filterControl` is set, items are empty, and `emptyState` is not set.\n * @default EmptySearchResult\n */\n emptySearchState?: React.ReactNode;\n /** Name of the resource, such as customers or products */\n resourceName?: {\n singular: string;\n plural: string;\n };\n /** Up to 2 bulk actions that will be given more prominence */\n promotedBulkActions?: BulkActionsProps['promotedActions'];\n /** Actions available on the currently selected items */\n bulkActions?: BulkActionsProps['actions'];\n /** Collection of IDs for the currently selected items */\n selectedItems?: ResourceListSelectedItems;\n /** Whether or not the list has filter(s) applied */\n isFiltered?: boolean;\n /** Renders a Select All button at the top of the list and checkboxes in front of each list item. For use when bulkActions aren't provided. **/\n selectable?: boolean;\n /** Whether or not there are more items than currently set on the items prop. Determines whether or not to set the paginatedSelectAllAction and paginatedSelectAllText props on the BulkActions component. */\n hasMoreItems?: boolean;\n /** Overlays item list with a spinner while a background action is being performed */\n loading?: boolean;\n /** Boolean to show or hide the header */\n showHeader?: boolean;\n /** Total number of resources */\n totalItemsCount?: number;\n /** Current value of the sort control */\n sortValue?: string;\n /** Collection of sort options to choose from */\n sortOptions?: SelectOption[];\n /** ReactNode to display instead of the sort control */\n alternateTool?: React.ReactNode;\n /** Custom header text displayed above the list instead of the resource count. */\n headerContent?: string;\n /** Callback when sort option is changed */\n onSortChange?(selected: string, id: string): void;\n /** Callback when selection is changed */\n onSelectionChange?(selectedItems: ResourceListSelectedItems): void;\n /** Function to render each list item, must return a ResourceItem component */\n renderItem(item: TItemType, id: string, index: number): React.ReactNode;\n /** Function to customize the unique ID for each item */\n idForItem?(item: TItemType, index: number): string;\n /** Function to resolve the ids of items */\n resolveItemId?(item: TItemType): string;\n}" - } - }, - "ResourceListType": { - "polaris-react/src/components/ResourceList/ResourceList.tsx": { - "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "ResourceListType", - "value": "((\n value: ResourceListProps,\n) => ReactElement) & {\n Item: typeof ResourceItem;\n}", - "description": "" - } - }, - "ScrollableProps": { - "polaris-react/src/components/Scrollable/Scrollable.tsx": { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "name": "ScrollableProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Content to display in scrollable area", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "vertical", - "value": "boolean", - "description": "Scroll content vertically", - "isOptional": true, - "defaultValue": "true" - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "horizontal", - "value": "boolean", - "description": "Scroll content horizontally", - "isOptional": true, - "defaultValue": "true" - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "shadow", - "value": "boolean", - "description": "Add a shadow when content is scrollable", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "hint", - "value": "boolean", - "description": "Slightly hints content upon mounting when scrollable", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "focusable", - "value": "boolean", - "description": "Adds a tabIndex to scrollable when children are not focusable", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "MethodSignature", - "name": "onScrolledToBottom", - "value": "() => void", - "description": "Called when scrolled to the bottom of the scroll area", - "isOptional": true - } - ], - "value": "export interface ScrollableProps extends React.HTMLProps {\n /** Content to display in scrollable area */\n children?: React.ReactNode;\n /** Scroll content vertically\n * @default true\n * */\n vertical?: boolean;\n /** Scroll content horizontally\n * @default true\n * */\n horizontal?: boolean;\n /** Add a shadow when content is scrollable */\n shadow?: boolean;\n /** Slightly hints content upon mounting when scrollable */\n hint?: boolean;\n /** Adds a tabIndex to scrollable when children are not focusable */\n focusable?: boolean;\n /** Called when scrolled to the bottom of the scroll area */\n onScrolledToBottom?(): void;\n}" + "value": "export interface ResourceListProps<\n TItemType extends ResourceListItemData = ResourceListItemData,\n> {\n /** Item data; each item is passed to renderItem */\n items: TItemType[];\n filterControl?: React.ReactNode;\n /** The markup to display when no resources exist yet. Renders when set and items is empty. */\n emptyState?: React.ReactNode;\n /** The markup to display when no results are returned on search or filter of the list. Renders when `filterControl` is set, items are empty, and `emptyState` is not set.\n * @default EmptySearchResult\n */\n emptySearchState?: React.ReactNode;\n /** Name of the resource, such as customers or products */\n resourceName?: {\n singular: string;\n plural: string;\n };\n /** Up to 2 bulk actions that will be given more prominence */\n promotedBulkActions?: BulkActionsProps['promotedActions'];\n /** Actions available on the currently selected items */\n bulkActions?: BulkActionsProps['actions'];\n /** Collection of IDs for the currently selected items */\n selectedItems?: ResourceListSelectedItems;\n /** Whether or not the list has filter(s) applied */\n isFiltered?: boolean;\n /** Renders a Select All button at the top of the list and checkboxes in front of each list item. For use when bulkActions aren't provided. **/\n selectable?: boolean;\n /** Whether or not there are more items than currently set on the items prop. Determines whether or not to set the paginatedSelectAllAction and paginatedSelectAllText props on the BulkActions component. */\n hasMoreItems?: boolean;\n /** Overlays item list with a spinner while a background action is being performed */\n loading?: boolean;\n /** Boolean to show or hide the header */\n showHeader?: boolean;\n /** Total number of resources */\n totalItemsCount?: number;\n /** Current value of the sort control */\n sortValue?: string;\n /** Collection of sort options to choose from */\n sortOptions?: SelectOption[];\n /** ReactNode to display instead of the sort control */\n alternateTool?: React.ReactNode;\n /** Custom header text displayed above the list instead of the resource count. */\n headerContent?: string;\n /** Callback when sort option is changed */\n onSortChange?(selected: string, id: string): void;\n /** Callback when selection is changed */\n onSelectionChange?(selectedItems: ResourceListSelectedItems): void;\n /** Function to render each list item, must return a ResourceItem component */\n renderItem(item: TItemType, id: string, index: number): React.ReactNode;\n /** Function to customize the unique ID for each item */\n idForItem?(item: TItemType, index: number): string;\n /** Function to resolve the ids of items */\n resolveItemId?(item: TItemType): string;\n}" } }, "StrictOption": { @@ -17777,15 +18043,6 @@ "value": "export interface SpinnerProps {\n onChange: HandleStepFn;\n onClick?(event: React.MouseEvent): void;\n onMouseDown(onChange: HandleStepFn): void;\n onMouseUp(): void;\n onBlur(event: React.FocusEvent): void;\n}" } }, - "Distribution": { - "polaris-react/src/components/Stack/Stack.tsx": { - "filePath": "polaris-react/src/components/Stack/Stack.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Distribution", - "value": "'equalSpacing' | 'leading' | 'trailing' | 'center' | 'fill' | 'fillEvenly'", - "description": "" - } - }, "StackProps": { "polaris-react/src/components/Stack/Stack.tsx": { "filePath": "polaris-react/src/components/Stack/Stack.tsx", @@ -18348,6 +18605,22 @@ "description": "Override on the default z-index of 400", "isOptional": true }, + { + "filePath": "polaris-react/src/components/Tooltip/Tooltip.tsx", + "syntaxKind": "PropertySignature", + "name": "hasUnderline", + "value": "boolean", + "description": "Whether to render a dotted underline underneath the tooltip's activator", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Tooltip/Tooltip.tsx", + "syntaxKind": "PropertySignature", + "name": "persistOnClick", + "value": "boolean", + "description": "Whether the tooltip's content remains open after clicking the activator", + "isOptional": true + }, { "filePath": "polaris-react/src/components/Tooltip/Tooltip.tsx", "syntaxKind": "MethodSignature", @@ -18365,7 +18638,7 @@ "isOptional": true } ], - "value": "export interface TooltipProps {\n /** The element that will activate to tooltip */\n children?: React.ReactNode;\n /** The content to display within the tooltip */\n content: React.ReactNode;\n /** Toggle whether the tooltip is visible */\n active?: boolean;\n /** Delay in milliseconds while hovering over an element before the tooltip is visible */\n hoverDelay?: number;\n /** Dismiss tooltip when not interacting with its children */\n dismissOnMouseOut?: TooltipOverlayProps['preventInteraction'];\n /**\n * The direction the tooltip tries to display\n * @default 'below'\n */\n preferredPosition?: TooltipOverlayProps['preferredPosition'];\n /**\n * The element type to wrap the activator in\n * @default 'span'\n */\n activatorWrapper?: string;\n /** Visually hidden text for screen readers */\n accessibilityLabel?: string;\n /**\n * Width of content\n * @default 'default'\n */\n width?: Width;\n /**\n * Padding of content\n * @default 'default'\n */\n padding?: Padding;\n /**\n * Border radius of the tooltip\n * @default '1'\n */\n borderRadius?: BorderRadius;\n /** Override on the default z-index of 400 */\n zIndexOverride?: number;\n /* Callback fired when the tooltip is activated */\n onOpen?(): void;\n /* Callback fired when the tooltip is dismissed */\n onClose?(): void;\n}" + "value": "export interface TooltipProps {\n /** The element that will activate to tooltip */\n children?: React.ReactNode;\n /** The content to display within the tooltip */\n content: React.ReactNode;\n /** Toggle whether the tooltip is visible */\n active?: boolean;\n /** Delay in milliseconds while hovering over an element before the tooltip is visible */\n hoverDelay?: number;\n /** Dismiss tooltip when not interacting with its children */\n dismissOnMouseOut?: TooltipOverlayProps['preventInteraction'];\n /**\n * The direction the tooltip tries to display\n * @default 'below'\n */\n preferredPosition?: TooltipOverlayProps['preferredPosition'];\n /**\n * The element type to wrap the activator in\n * @default 'span'\n */\n activatorWrapper?: string;\n /** Visually hidden text for screen readers */\n accessibilityLabel?: string;\n /**\n * Width of content\n * @default 'default'\n */\n width?: Width;\n /**\n * Padding of content\n * @default 'default'\n */\n padding?: Padding;\n /**\n * Border radius of the tooltip\n * @default '1'\n */\n borderRadius?: BorderRadius;\n /** Override on the default z-index of 400 */\n zIndexOverride?: number;\n /** Whether to render a dotted underline underneath the tooltip's activator */\n hasUnderline?: boolean;\n /** Whether the tooltip's content remains open after clicking the activator */\n persistOnClick?: boolean;\n /* Callback fired when the tooltip is activated */\n onOpen?(): void;\n /* Callback fired when the tooltip is dismissed */\n onClose?(): void;\n}" } }, "TopBarProps": { @@ -23095,6 +23368,15 @@ "value": "interface SecondaryAction {\n accessibilityLabel: string;\n icon: IconProps['source'];\n url?: string;\n onClick?(): void;\n tooltip?: TooltipProps;\n}" } }, + "MappedOption": { + "polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx": { + "filePath": "polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "MappedOption", + "value": "ArrayElement & {\n selected: boolean;\n singleSelection: boolean;\n}", + "description": "" + } + }, "MappedAction": { "polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx": { "filePath": "polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx", @@ -23268,15 +23550,6 @@ "value": "interface MappedAction extends ActionListItemDescriptor {\n wrapOverflow?: boolean;\n}" } }, - "MappedOption": { - "polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx": { - "filePath": "polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "MappedOption", - "value": "ArrayElement & {\n selected: boolean;\n singleSelection: boolean;\n}", - "description": "" - } - }, "PipProps": { "polaris-react/src/components/Badge/components/Pip/Pip.tsx": { "filePath": "polaris-react/src/components/Badge/components/Pip/Pip.tsx", @@ -23525,35 +23798,45 @@ "value": "export interface CardSubsectionProps {\n children?: React.ReactNode;\n}" } }, - "AlphaPickerProps": { - "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx": { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", - "name": "AlphaPickerProps", + "SlidableProps": { + "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx": { + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "name": "SlidableProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", "syntaxKind": "PropertySignature", - "name": "color", - "value": "HSBColor", - "description": "" + "name": "draggerX", + "value": "number", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", "syntaxKind": "PropertySignature", - "name": "alpha", + "name": "draggerY", "value": "number", - "description": "" + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", "syntaxKind": "MethodSignature", "name": "onChange", - "value": "(hue: number) => void", + "value": "(position: Position) => void", "description": "" + }, + { + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "syntaxKind": "MethodSignature", + "name": "onDraggerHeight", + "value": "(height: number) => void", + "description": "", + "isOptional": true } ], - "value": "export interface AlphaPickerProps {\n color: HSBColor;\n alpha: number;\n onChange(hue: number): void;\n}" + "value": "export interface SlidableProps {\n draggerX?: number;\n draggerY?: number;\n onChange(position: Position): void;\n onDraggerHeight?(height: number): void;\n}" } }, "HuePickerProps": { @@ -23580,45 +23863,35 @@ "value": "export interface HuePickerProps {\n hue: number;\n onChange(hue: number): void;\n}" } }, - "SlidableProps": { - "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx": { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", - "name": "SlidableProps", + "AlphaPickerProps": { + "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx": { + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "name": "AlphaPickerProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", "syntaxKind": "PropertySignature", - "name": "draggerX", - "value": "number", - "description": "", - "isOptional": true + "name": "color", + "value": "HSBColor", + "description": "" }, { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", "syntaxKind": "PropertySignature", - "name": "draggerY", + "name": "alpha", "value": "number", - "description": "", - "isOptional": true + "description": "" }, { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", "syntaxKind": "MethodSignature", "name": "onChange", - "value": "(position: Position) => void", + "value": "(hue: number) => void", "description": "" - }, - { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", - "syntaxKind": "MethodSignature", - "name": "onDraggerHeight", - "value": "(height: number) => void", - "description": "", - "isOptional": true } ], - "value": "export interface SlidableProps {\n draggerX?: number;\n draggerY?: number;\n onChange(position: Position): void;\n onDraggerHeight?(height: number): void;\n}" + "value": "export interface AlphaPickerProps {\n color: HSBColor;\n alpha: number;\n onChange(hue: number): void;\n}" } }, "ItemPosition": { @@ -24066,124 +24339,6 @@ "value": "export interface DayProps {\n focused?: boolean;\n day?: Date;\n selected?: boolean;\n inRange?: boolean;\n inHoveringRange?: boolean;\n disabled?: boolean;\n lastDayOfMonth?: any;\n isLastSelectedDay?: boolean;\n isFirstSelectedDay?: boolean;\n isHoveringRight?: boolean;\n rangeIsDifferent?: boolean;\n weekday?: string;\n selectedAccessibilityLabelPrefix?: string;\n onClick?(day: Date): void;\n onHover?(day?: Date): void;\n onFocus?(day: Date): void;\n}" } }, - "MonthProps": { - "polaris-react/src/components/DatePicker/components/Month/Month.tsx": { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "name": "MonthProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "focusedDate", - "value": "Date", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "selected", - "value": "Range", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "hoverDate", - "value": "Date", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "month", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "year", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "disableDatesBefore", - "value": "Date", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "disableDatesAfter", - "value": "Date", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "disableSpecificDates", - "value": "Date[]", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "allowRange", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "weekStartsOn", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabelPrefixes", - "value": "[string, string]", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "MethodSignature", - "name": "onChange", - "value": "(date: Range) => void", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "MethodSignature", - "name": "onHover", - "value": "(hoverEnd: Date) => void", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "MethodSignature", - "name": "onFocus", - "value": "(date: Date) => void", - "description": "", - "isOptional": true - } - ], - "value": "export interface MonthProps {\n focusedDate?: Date;\n selected?: Range;\n hoverDate?: Date;\n month: number;\n year: number;\n disableDatesBefore?: Date;\n disableDatesAfter?: Date;\n disableSpecificDates?: Date[];\n allowRange?: boolean;\n weekStartsOn: number;\n accessibilityLabelPrefixes: [string | undefined, string];\n onChange?(date: Range): void;\n onHover?(hoverEnd: Date): void;\n onFocus?(date: Date): void;\n}" - } - }, "WeekdayProps": { "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx": { "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", @@ -24422,6 +24577,124 @@ "value": "interface ComputedProperty {\n [key: string]: number;\n}" } }, + "MonthProps": { + "polaris-react/src/components/DatePicker/components/Month/Month.tsx": { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "name": "MonthProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "focusedDate", + "value": "Date", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "selected", + "value": "Range", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "hoverDate", + "value": "Date", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "month", + "value": "number", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "year", + "value": "number", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "disableDatesBefore", + "value": "Date", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "disableDatesAfter", + "value": "Date", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "disableSpecificDates", + "value": "Date[]", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "allowRange", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "weekStartsOn", + "value": "number", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabelPrefixes", + "value": "[string, string]", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "MethodSignature", + "name": "onChange", + "value": "(date: Range) => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "MethodSignature", + "name": "onHover", + "value": "(hoverEnd: Date) => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "MethodSignature", + "name": "onFocus", + "value": "(date: Date) => void", + "description": "", + "isOptional": true + } + ], + "value": "export interface MonthProps {\n focusedDate?: Date;\n selected?: Range;\n hoverDate?: Date;\n month: number;\n year: number;\n disableDatesBefore?: Date;\n disableDatesAfter?: Date;\n disableSpecificDates?: Date[];\n allowRange?: boolean;\n weekStartsOn: number;\n accessibilityLabelPrefixes: [string | undefined, string];\n onChange?(date: Range): void;\n onHover?(hoverEnd: Date): void;\n onFocus?(date: Date): void;\n}" + } + }, "GroupProps": { "polaris-react/src/components/FormLayout/components/Group/Group.tsx": { "filePath": "polaris-react/src/components/FormLayout/components/Group/Group.tsx", @@ -24725,6 +24998,150 @@ "value": "export interface AnnotatedSectionProps {\n children?: React.ReactNode;\n title?: React.ReactNode;\n description?: React.ReactNode;\n id?: string;\n}" } }, + "LegacyCardSectionProps": { + "polaris-react/src/components/LegacyCard/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/LegacyCard/components/Section/Section.tsx", + "name": "LegacyCardSectionProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/LegacyCard/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "title", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "subdued", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "flush", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "fullWidth", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "hideOnPrint", + "value": "boolean", + "description": "Allow the card to be hidden when printing", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "actions", + "value": "ComplexAction[]", + "description": "", + "isOptional": true + } + ], + "value": "export interface LegacyCardSectionProps {\n title?: React.ReactNode;\n children?: React.ReactNode;\n subdued?: boolean;\n flush?: boolean;\n fullWidth?: boolean;\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n actions?: ComplexAction[];\n}" + } + }, + "LegacyCardHeaderProps": { + "polaris-react/src/components/LegacyCard/components/Header/Header.tsx": { + "filePath": "polaris-react/src/components/LegacyCard/components/Header/Header.tsx", + "name": "LegacyCardHeaderProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/LegacyCard/components/Header/Header.tsx", + "syntaxKind": "PropertySignature", + "name": "title", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/components/Header/Header.tsx", + "syntaxKind": "PropertySignature", + "name": "actions", + "value": "DisableableAction[]", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/components/Header/Header.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + } + ], + "value": "export interface LegacyCardHeaderProps {\n title?: React.ReactNode;\n actions?: DisableableAction[];\n children?: React.ReactNode;\n}" + } + }, + "LegacyCardSubsectionProps": { + "polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx": { + "filePath": "polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx", + "name": "LegacyCardSubsectionProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + } + ], + "value": "export interface LegacyCardSubsectionProps {\n children?: React.ReactNode;\n}" + } + }, + "LegacyItemProps": { + "polaris-react/src/components/LegacyStack/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/LegacyStack/components/Item/Item.tsx", + "name": "LegacyItemProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/LegacyStack/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Elements to display inside item", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyStack/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "fill", + "value": "boolean", + "description": "Fill the remaining horizontal space in the stack with the item", + "isOptional": true + } + ], + "value": "export interface LegacyItemProps {\n /** Elements to display inside item */\n children?: React.ReactNode;\n /** Fill the remaining horizontal space in the stack with the item */\n fill?: boolean;\n /**\n * @default false\n */\n}" + } + }, "ActionProps": { "polaris-react/src/components/Listbox/components/Action/Action.tsx": { "filePath": "polaris-react/src/components/Listbox/components/Action/Action.tsx", @@ -26650,6 +27067,128 @@ "value": "export interface TooltipOverlayProps {\n id: string;\n active: boolean;\n preventInteraction?: PositionedOverlayProps['preventInteraction'];\n preferredPosition?: PositionedOverlayProps['preferredPosition'];\n children?: React.ReactNode;\n activator: HTMLElement;\n accessibilityLabel?: string;\n width?: Width;\n padding?: Padding;\n borderRadius?: BorderRadius;\n zIndexOverride?: number;\n onClose(): void;\n}" } }, + "SearchProps": { + "polaris-react/src/components/TopBar/components/Search/Search.tsx": { + "filePath": "polaris-react/src/components/TopBar/components/Search/Search.tsx", + "name": "SearchProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/TopBar/components/Search/Search.tsx", + "syntaxKind": "PropertySignature", + "name": "visible", + "value": "boolean", + "description": "Toggles whether or not the search is visible", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/Search/Search.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "The content to display inside the search", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/Search/Search.tsx", + "syntaxKind": "PropertySignature", + "name": "overlayVisible", + "value": "boolean", + "description": "Whether or not the search results overlay has a visible backdrop", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/Search/Search.tsx", + "syntaxKind": "MethodSignature", + "name": "onDismiss", + "value": "() => void", + "description": "Callback when the search is dismissed", + "isOptional": true + } + ], + "value": "export interface SearchProps {\n /** Toggles whether or not the search is visible */\n visible?: boolean;\n /** The content to display inside the search */\n children?: React.ReactNode;\n /** Whether or not the search results overlay has a visible backdrop */\n overlayVisible?: boolean;\n /** Callback when the search is dismissed */\n onDismiss?(): void;\n}" + } + }, + "SearchFieldProps": { + "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx": { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "name": "SearchFieldProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "PropertySignature", + "name": "value", + "value": "string", + "description": "Initial value for the input" + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "PropertySignature", + "name": "placeholder", + "value": "string", + "description": "Hint text to display", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "PropertySignature", + "name": "focused", + "value": "boolean", + "description": "Force the focus state on the input", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "PropertySignature", + "name": "active", + "value": "boolean", + "description": "Force a state where search is active but the text field component is not focused", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "MethodSignature", + "name": "onChange", + "value": "(value: string) => void", + "description": "Callback when value is changed" + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "MethodSignature", + "name": "onFocus", + "value": "() => void", + "description": "Callback when input is focused", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "MethodSignature", + "name": "onBlur", + "value": "() => void", + "description": "Callback when focus is removed", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "MethodSignature", + "name": "onCancel", + "value": "() => void", + "description": "Callback when search field cancel button is clicked", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "syntaxKind": "PropertySignature", + "name": "showFocusBorder", + "value": "boolean", + "description": "Show a border when the search field is focused", + "isOptional": true + } + ], + "value": "export interface SearchFieldProps {\n /** Initial value for the input */\n value: string;\n /** Hint text to display */\n placeholder?: string;\n /** Force the focus state on the input */\n focused?: boolean;\n /** Force a state where search is active but the text field component is not focused */\n active?: boolean;\n /** Callback when value is changed */\n onChange(value: string): void;\n /** Callback when input is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n /** Callback when search field cancel button is clicked */\n onCancel?(): void;\n /** Show a border when the search field is focused */\n showFocusBorder?: boolean;\n}" + } + }, "MenuProps": { "polaris-react/src/components/TopBar/components/Menu/Menu.tsx": { "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", @@ -26711,48 +27250,6 @@ "value": "export interface MenuProps {\n /** Accepts an activator component that renders inside of a button that opens the menu */\n activatorContent: React.ReactNode;\n /** An array of action objects that are rendered inside of a popover triggered by this menu */\n actions: ActionListProps['sections'];\n /** Accepts a message that facilitates direct, urgent communication with the merchant through the menu */\n message?: MessageProps;\n /** A boolean property indicating whether the menu is currently open */\n open: boolean;\n /** A callback function to handle opening the menu popover */\n onOpen(): void;\n /** A callback function to handle closing the menu popover */\n onClose(): void;\n /** A callback function to handle closing the menu popover */\n onClose(): void;\n /** A string that provides the accessibility labeling */\n accessibilityLabel?: string;\n}" } }, - "SearchProps": { - "polaris-react/src/components/TopBar/components/Search/Search.tsx": { - "filePath": "polaris-react/src/components/TopBar/components/Search/Search.tsx", - "name": "SearchProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/TopBar/components/Search/Search.tsx", - "syntaxKind": "PropertySignature", - "name": "visible", - "value": "boolean", - "description": "Toggles whether or not the search is visible", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Search/Search.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to display inside the search", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Search/Search.tsx", - "syntaxKind": "PropertySignature", - "name": "overlayVisible", - "value": "boolean", - "description": "Whether or not the search results overlay has a visible backdrop", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Search/Search.tsx", - "syntaxKind": "MethodSignature", - "name": "onDismiss", - "value": "() => void", - "description": "Callback when the search is dismissed", - "isOptional": true - } - ], - "value": "export interface SearchProps {\n /** Toggles whether or not the search is visible */\n visible?: boolean;\n /** The content to display inside the search */\n children?: React.ReactNode;\n /** Whether or not the search results overlay has a visible backdrop */\n overlayVisible?: boolean;\n /** Callback when the search is dismissed */\n onDismiss?(): void;\n}" - } - }, "UserMenuProps": { "polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx": { "filePath": "polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx", @@ -26830,84 +27327,35 @@ "value": "export interface UserMenuProps {\n /** An array of action objects that are rendered inside of a popover triggered by this menu */\n actions: {items: IconableAction[]}[];\n /** Accepts a message that facilitates direct, urgent communication with the merchant through the user menu */\n message?: MenuProps['message'];\n /** A string detailing the merchant’s full name to be displayed in the user menu */\n name: string;\n /** A string allowing further detail on the merchant’s name displayed in the user menu */\n detail?: string;\n /** A string that provides the accessibility labeling */\n accessibilityLabel?: string;\n /** The merchant’s initials, rendered in place of an avatar image when not provided */\n initials: AvatarProps['initials'];\n /** An avatar image representing the merchant */\n avatar?: AvatarProps['source'];\n /** A boolean property indicating whether the user menu is currently open */\n open: boolean;\n /** A callback function to handle opening and closing the user menu */\n onToggle(): void;\n}" } }, - "SearchFieldProps": { - "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx": { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "name": "SearchFieldProps", + "DiscardConfirmationModalProps": { + "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx": { + "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "name": "DiscardConfirmationModalProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "PropertySignature", - "name": "value", - "value": "string", - "description": "Initial value for the input" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "PropertySignature", - "name": "placeholder", - "value": "string", - "description": "Hint text to display", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "PropertySignature", - "name": "focused", - "value": "boolean", - "description": "Force the focus state on the input", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", "syntaxKind": "PropertySignature", - "name": "active", + "name": "open", "value": "boolean", - "description": "Force a state where search is active but the text field component is not focused", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "MethodSignature", - "name": "onChange", - "value": "(value: string) => void", - "description": "Callback when value is changed" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "MethodSignature", - "name": "onFocus", - "value": "() => void", - "description": "Callback when input is focused", - "isOptional": true + "description": "" }, { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", "syntaxKind": "MethodSignature", - "name": "onBlur", + "name": "onDiscard", "value": "() => void", - "description": "Callback when focus is removed", - "isOptional": true + "description": "" }, { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", + "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", "syntaxKind": "MethodSignature", "name": "onCancel", "value": "() => void", - "description": "Callback when search field cancel button is clicked", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx", - "syntaxKind": "PropertySignature", - "name": "showFocusBorder", - "value": "boolean", - "description": "Show a border when the search field is focused", - "isOptional": true + "description": "" } ], - "value": "export interface SearchFieldProps {\n /** Initial value for the input */\n value: string;\n /** Hint text to display */\n placeholder?: string;\n /** Force the focus state on the input */\n focused?: boolean;\n /** Force a state where search is active but the text field component is not focused */\n active?: boolean;\n /** Callback when value is changed */\n onChange(value: string): void;\n /** Callback when input is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n /** Callback when search field cancel button is clicked */\n onCancel?(): void;\n /** Show a border when the search field is focused */\n showFocusBorder?: boolean;\n}" + "value": "export interface DiscardConfirmationModalProps {\n open: boolean;\n onDiscard(): void;\n onCancel(): void;\n}" } }, "SecondaryProps": { @@ -26943,35 +27391,50 @@ "value": "interface SecondaryProps {\n expanded: boolean;\n children?: React.ReactNode;\n id?: string;\n}" } }, - "DiscardConfirmationModalProps": { - "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx": { - "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", - "name": "DiscardConfirmationModalProps", + "MessageProps": { + "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx": { + "filePath": "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx", + "name": "MessageProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "filePath": "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx", "syntaxKind": "PropertySignature", - "name": "open", - "value": "boolean", + "name": "title", + "value": "string", "description": "" }, { - "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", - "syntaxKind": "MethodSignature", - "name": "onDiscard", - "value": "() => void", + "filePath": "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx", + "syntaxKind": "PropertySignature", + "name": "description", + "value": "string", "description": "" }, { - "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", - "syntaxKind": "MethodSignature", - "name": "onCancel", - "value": "() => void", + "filePath": "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx", + "syntaxKind": "PropertySignature", + "name": "action", + "value": "{ onClick(): void; content: string; }", "description": "" + }, + { + "filePath": "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx", + "syntaxKind": "PropertySignature", + "name": "link", + "value": "{ to: string; content: string; }", + "description": "" + }, + { + "filePath": "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx", + "syntaxKind": "PropertySignature", + "name": "badge", + "value": "{ content: string; status: Status; }", + "description": "", + "isOptional": true } ], - "value": "export interface DiscardConfirmationModalProps {\n open: boolean;\n onDiscard(): void;\n onCancel(): void;\n}" + "value": "export interface MessageProps {\n title: string;\n description: string;\n action: {onClick(): void; content: string};\n link: {to: string; content: string};\n badge?: {content: string; status: BadgeProps['status']};\n}" } }, "TitleProps": { @@ -27015,51 +27478,5 @@ ], "value": "export interface TitleProps {\n /** Page title, in large type */\n title?: string;\n /** Page subtitle, in regular type*/\n subtitle?: string;\n /** Important and non-interactive status information shown immediately after the title. */\n titleMetadata?: React.ReactNode;\n /** Removes spacing between title and subtitle */\n compactTitle?: boolean;\n}" } - }, - "MessageProps": { - "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx": { - "filePath": "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx", - "name": "MessageProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx", - "syntaxKind": "PropertySignature", - "name": "title", - "value": "string", - "description": "" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx", - "syntaxKind": "PropertySignature", - "name": "description", - "value": "string", - "description": "" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx", - "syntaxKind": "PropertySignature", - "name": "action", - "value": "{ onClick(): void; content: string; }", - "description": "" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx", - "syntaxKind": "PropertySignature", - "name": "link", - "value": "{ to: string; content: string; }", - "description": "" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx", - "syntaxKind": "PropertySignature", - "name": "badge", - "value": "{ content: string; status: Status; }", - "description": "", - "isOptional": true - } - ], - "value": "export interface MessageProps {\n title: string;\n description: string;\n action: {onClick(): void; content: string};\n link: {to: string; content: string};\n badge?: {content: string; status: BadgeProps['status']};\n}" - } } } \ No newline at end of file From 79f40cde27b13ffee5985d8dabb5dd8e1bb5f774 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Wed, 15 Feb 2023 12:56:54 +1100 Subject: [PATCH 19/43] Remove support for React 16 and 17 (#8340) ### WHY are these changes introduced? Fixes https://github.com/Shopify/polaris/issues/8331 ### WHAT is this pull request doing? Removing support for v16 and v17 from Shopify Polaris. --- documentation/guides/migrating-from-v10-to-v11.md | 4 ++++ polaris-react/package.json | 4 ++-- polaris-react/rollup.config.mjs | 1 - 3 files changed, 6 insertions(+), 3 deletions(-) diff --git a/documentation/guides/migrating-from-v10-to-v11.md b/documentation/guides/migrating-from-v10-to-v11.md index 4436cd26920..b82cfc6a940 100644 --- a/documentation/guides/migrating-from-v10-to-v11.md +++ b/documentation/guides/migrating-from-v10-to-v11.md @@ -14,6 +14,10 @@ Polaris v11.0.0 ([full release notes](https://github.com/Shopify/polaris/release NodeJS version 14 is no longer supported. NodeJS 18 is recommended and 16 is the minimum supported version. +## React support + +React version 16 and 17 is no longer supported. React 18 is the minimum supported version. + ## TypeScript Built types in `@shopify/polaris` have moved from `build/ts/latest` to `build/ts`. diff --git a/polaris-react/package.json b/polaris-react/package.json index 07cf19d817a..4b8bc304501 100644 --- a/polaris-react/package.json +++ b/polaris-react/package.json @@ -66,8 +66,8 @@ "react-transition-group": "^4.4.2" }, "peerDependencies": { - "react": "^16.14.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0" + "react": "^18.0.0", + "react-dom": "^18.0.0" }, "devDependencies": { "@changesets/get-release-plan": "^3.0.13", diff --git a/polaris-react/rollup.config.mjs b/polaris-react/rollup.config.mjs index d4c67eb25f9..1ebb6092c1a 100644 --- a/polaris-react/rollup.config.mjs +++ b/polaris-react/rollup.config.mjs @@ -33,7 +33,6 @@ function generateConfig({output, targets, stylesConfig}) { // Options that may be present on the `babelConfig` object but // we want to override envName: 'production', - // @ts-expect-error targets is a valid babel option but @types/babel__core doesn't know that yet targets, }), replace({ From 994bb90ac8470be21b6b134c5fcdaa6f19d590f0 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Thu, 16 Feb 2023 12:27:59 +1100 Subject: [PATCH 20/43] Use browserslist, remove @shopify/browserslist-config and update caniuse db (#8221) --- polaris-react/package.json | 4 ++-- polaris-react/rollup.config.mjs | 2 +- polaris-tokens/package.json | 13 +++++++++---- yarn.lock | 5 ----- 4 files changed, 12 insertions(+), 12 deletions(-) diff --git a/polaris-react/package.json b/polaris-react/package.json index 4b8bc304501..a162ec8ebb2 100644 --- a/polaris-react/package.json +++ b/polaris-react/package.json @@ -71,7 +71,6 @@ }, "devDependencies": { "@changesets/get-release-plan": "^3.0.13", - "@shopify/browserslist-config": "^3.0.0", "@shopify/jest-dom-mocks": "^3.0.5", "@shopify/postcss-plugin": "^5.0.1", "@shopify/react-testing": "^4.1.0", @@ -117,6 +116,7 @@ "last 3 safari versions", "last 3 chromeandroid versions", "last 1 firefoxandroid versions", - "ios >= 13.4" + "ios >= 13.4", + "node 16.17.0" ] } diff --git a/polaris-react/rollup.config.mjs b/polaris-react/rollup.config.mjs index 1ebb6092c1a..f0cce7d5bfe 100644 --- a/polaris-react/rollup.config.mjs +++ b/polaris-react/rollup.config.mjs @@ -53,7 +53,7 @@ function generateConfig({output, targets, stylesConfig}) { /** @type {import('rollup').RollupOptions} */ export default [ generateConfig({ - targets: 'extends @shopify/browserslist-config, node 16.17.0', + targets: pkg.browserslist, stylesConfig: { mode: 'standalone', output: 'styles.css', diff --git a/polaris-tokens/package.json b/polaris-tokens/package.json index c8bbaec1497..7b9be46cb40 100644 --- a/polaris-tokens/package.json +++ b/polaris-tokens/package.json @@ -31,9 +31,6 @@ "test": "jest", "clean": "rm -rf .turbo node_modules dist *.tsbuildinfo build" }, - "devDependencies": { - "@shopify/browserslist-config": "^3.0.0" - }, "license": "SEE LICENSE IN LICENSE.md", "author": "Shopify ", "homepage": "https://polaris.shopify.com", @@ -46,7 +43,15 @@ "@shopify:registry": "https://registry.npmjs.org" }, "browserslist": [ - "extends @shopify/browserslist-config" + "last 3 chrome versions", + "last 3 firefox versions", + "last 3 opera versions", + "last 3 edge versions", + "last 3 safari versions", + "last 3 chromeandroid versions", + "last 1 firefoxandroid versions", + "ios >= 13.4", + "node 16.17.0" ], "files": [ "dist" diff --git a/yarn.lock b/yarn.lock index 9c1f58f7bc6..55f47b696e4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3323,11 +3323,6 @@ babel-plugin-react-test-id "^1.0.2" babel-plugin-transform-inline-environment-variables "^0.4.3" -"@shopify/browserslist-config@^3.0.0": - version "3.0.0" - resolved "https://registry.yarnpkg.com/@shopify/browserslist-config/-/browserslist-config-3.0.0.tgz#fedfef0dedc97155a60432c152eff50df88e13d2" - integrity sha512-NzZTZ8EEG6xmM1ApSsQFDqW6C5CmByNhXyLxwWjVX08GzHxkhMc10MSY7WGvTCzd1lQuZEp8Ko/jOCBTQQsEGg== - "@shopify/cli-kit@3.10.1": version "3.10.1" resolved "https://registry.yarnpkg.com/@shopify/cli-kit/-/cli-kit-3.10.1.tgz#deaf0ead4989ad4d7645a00b7f4b9cbeb8052993" From 11d56c5a016f0314e2623ef46a773ad497e225fd Mon Sep 17 00:00:00 2001 From: Alex Page Date: Thu, 16 Feb 2023 19:14:22 +1100 Subject: [PATCH 21/43] Update props.json --- polaris.shopify.com/src/data/props.json | 6788 +++++++++++------------ 1 file changed, 3394 insertions(+), 3394 deletions(-) diff --git a/polaris.shopify.com/src/data/props.json b/polaris.shopify.com/src/data/props.json index 7c359ba52b1..c2db0412afa 100644 --- a/polaris.shopify.com/src/data/props.json +++ b/polaris.shopify.com/src/data/props.json @@ -3349,398 +3349,6 @@ ] } }, - "SortDirection": { - "polaris-react/src/components/DataTable/types.ts": { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "SortDirection", - "value": "'ascending' | 'descending' | 'none'", - "description": "" - } - }, - "VerticalAlign": { - "polaris-react/src/components/DataTable/types.ts": { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "VerticalAlign", - "value": "'top' | 'bottom' | 'middle' | 'baseline'", - "description": "" - } - }, - "ColumnVisibilityData": { - "polaris-react/src/components/DataTable/types.ts": { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "name": "ColumnVisibilityData", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "leftEdge", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "rightEdge", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "isVisible", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "width", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "index", - "value": "number", - "description": "" - } - ], - "value": "export interface ColumnVisibilityData {\n leftEdge: number;\n rightEdge: number;\n isVisible?: boolean;\n width: number;\n index: number;\n}" - } - }, - "DataTableState": { - "polaris-react/src/components/DataTable/types.ts": { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "name": "DataTableState", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "condensed", - "value": "boolean", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "columnVisibilityData", - "value": "ColumnVisibilityData[]", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "previousColumn", - "value": "ColumnVisibilityData", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "currentColumn", - "value": "ColumnVisibilityData", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "sortedColumnIndex", - "value": "number", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "sortDirection", - "value": "SortDirection", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "isScrolledFarthestLeft", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "isScrolledFarthestRight", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "PropertySignature", - "name": "rowHovered", - "value": "number", - "description": "" - } - ], - "value": "export interface DataTableState {\n condensed: boolean;\n columnVisibilityData: ColumnVisibilityData[];\n previousColumn?: ColumnVisibilityData;\n currentColumn?: ColumnVisibilityData;\n sortedColumnIndex?: number;\n sortDirection?: SortDirection;\n isScrolledFarthestLeft?: boolean;\n isScrolledFarthestRight?: boolean;\n rowHovered: number | undefined;\n}" - } - }, - "TableMeasurements": { - "polaris-react/src/components/DataTable/utilities.ts": { - "filePath": "polaris-react/src/components/DataTable/utilities.ts", - "name": "TableMeasurements", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/DataTable/utilities.ts", - "syntaxKind": "PropertySignature", - "name": "firstVisibleColumnIndex", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DataTable/utilities.ts", - "syntaxKind": "PropertySignature", - "name": "tableLeftVisibleEdge", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DataTable/utilities.ts", - "syntaxKind": "PropertySignature", - "name": "tableRightVisibleEdge", - "value": "number", - "description": "" - } - ], - "value": "interface TableMeasurements {\n firstVisibleColumnIndex: number;\n tableLeftVisibleEdge: number;\n tableRightVisibleEdge: number;\n}" - } - }, - "DualValue": { - "polaris-react/src/components/RangeSlider/types.ts": { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "DualValue", - "value": "[number, number]", - "description": "" - } - }, - "RangeSliderValue": { - "polaris-react/src/components/RangeSlider/types.ts": { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "RangeSliderValue", - "value": "number | DualValue", - "description": "" - } - }, - "RangeSliderProps": { - "polaris-react/src/components/RangeSlider/types.ts": { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "name": "RangeSliderProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "label", - "value": "ReactNode", - "description": "Label for the range input" - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "labelAction", - "value": "Action", - "description": "Adds an action to the label", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "labelHidden", - "value": "boolean", - "description": "Visually hide the label", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "ID for range input", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "value", - "value": "RangeSliderValue", - "description": "Initial value for range input" - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "min", - "value": "number", - "description": "Minimum possible value for range input", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "max", - "value": "number", - "description": "Maximum possible value for range input", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "step", - "value": "number", - "description": "Increment value for range input changes", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "output", - "value": "boolean", - "description": "Provide a tooltip while sliding, indicating the current value", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "helpText", - "value": "ReactNode", - "description": "Additional text to aid in use", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "error", - "value": "any", - "description": "Display an error message", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "Disable input", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "prefix", - "value": "ReactNode", - "description": "Element to display before the input", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "PropertySignature", - "name": "suffix", - "value": "ReactNode", - "description": "Element to display after the input", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "MethodSignature", - "name": "onChange", - "value": "(value: RangeSliderValue, id: string) => void", - "description": "Callback when the range input is changed" - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "MethodSignature", - "name": "onFocus", - "value": "() => void", - "description": "Callback when range input is focused", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "MethodSignature", - "name": "onBlur", - "value": "() => void", - "description": "Callback when focus is removed", - "isOptional": true - } - ], - "value": "export interface RangeSliderProps {\n /** Label for the range input */\n label: React.ReactNode;\n /** Adds an action to the label */\n labelAction?: LabelledProps['action'];\n /** Visually hide the label */\n labelHidden?: boolean;\n /** ID for range input */\n id?: string;\n /** Initial value for range input */\n value: RangeSliderValue;\n /** Minimum possible value for range input */\n min?: number;\n /** Maximum possible value for range input */\n max?: number;\n /** Increment value for range input changes */\n step?: number;\n /** Provide a tooltip while sliding, indicating the current value */\n output?: boolean;\n /** Additional text to aid in use */\n helpText?: React.ReactNode;\n /** Display an error message */\n error?: Error;\n /** Disable input */\n disabled?: boolean;\n /** Element to display before the input */\n prefix?: React.ReactNode;\n /** Element to display after the input */\n suffix?: React.ReactNode;\n /** Callback when the range input is changed */\n onChange(value: RangeSliderValue, id: string): void;\n /** Callback when range input is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n}" - } - }, - "ScrollToPositionFn": { - "polaris-react/src/components/Scrollable/context.ts": { - "filePath": "polaris-react/src/components/Scrollable/context.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "ScrollToPositionFn", - "value": "(scrollY: number) => void", - "description": "" - } - }, - "TabDescriptor": { - "polaris-react/src/components/Tabs/types.ts": { - "filePath": "polaris-react/src/components/Tabs/types.ts", - "name": "TabDescriptor", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Tabs/types.ts", - "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "A unique identifier for the tab" - }, - { - "filePath": "polaris-react/src/components/Tabs/types.ts", - "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "A destination to link to", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Tabs/types.ts", - "syntaxKind": "PropertySignature", - "name": "content", - "value": "ReactNode", - "description": "Content for the tab" - }, - { - "filePath": "polaris-react/src/components/Tabs/types.ts", - "syntaxKind": "PropertySignature", - "name": "panelID", - "value": "string", - "description": "A unique identifier for the panel", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Tabs/types.ts", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Visually hidden text for screen readers", - "isOptional": true - } - ], - "value": "export interface TabDescriptor {\n /** A unique identifier for the tab */\n id: string;\n /** A destination to link to */\n url?: string;\n /** Content for the tab */\n content: React.ReactNode;\n /** A unique identifier for the panel */\n panelID?: string;\n /** Visually hidden text for screen readers */\n accessibilityLabel?: string;\n}" - } - }, "MappedActionContextType": { "polaris-react/src/utilities/autocomplete/context.ts": { "filePath": "polaris-react/src/utilities/autocomplete/context.ts", @@ -5542,7 +5150,7 @@ "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", "name": "aria-autocomplete", - "value": "\"none\" | \"list\" | \"inline\" | \"both\"", + "value": "\"list\" | \"none\" | \"inline\" | \"both\"", "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.", "isOptional": true }, @@ -5630,7 +5238,7 @@ "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", "name": "aria-dropeffect", - "value": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "value": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", "description": "Indicates what functions can be performed when a dragged object is released on the drop target.", "isOptional": true, "deprecationMessage": "in ARIA 1.1" @@ -5872,7 +5480,7 @@ "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", "name": "aria-sort", - "value": "\"ascending\" | \"descending\" | \"none\" | \"other\"", + "value": "\"none\" | \"ascending\" | \"descending\" | \"other\"", "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "isOptional": true }, @@ -7055,383 +6663,775 @@ "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onPointerOut", + "value": "PointerEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onPointerOutCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onGotPointerCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onGotPointerCaptureCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onLostPointerCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onLostPointerCaptureCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onScroll", + "value": "UIEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onScrollCapture", + "value": "UIEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onWheel", + "value": "WheelEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onWheelCapture", + "value": "WheelEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onAnimationStart", + "value": "AnimationEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onAnimationStartCapture", + "value": "AnimationEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onAnimationEnd", + "value": "AnimationEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onAnimationEndCapture", + "value": "AnimationEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onAnimationIteration", + "value": "AnimationEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onAnimationIterationCapture", + "value": "AnimationEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onTransitionEnd", + "value": "TransitionEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onTransitionEndCapture", + "value": "TransitionEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "ref", + "value": "LegacyRef", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "key", + "value": "Key", + "description": "", + "isOptional": true + } + ], + "value": "export interface LinkLikeComponentProps\n extends React.HTMLProps {\n /** The url to link to */\n url: string;\n /**\tThe content to display inside the link */\n children?: React.ReactNode;\n /** Makes the link open in a new tab */\n external?: boolean;\n /** Makes the browser download the url instead of opening it. Provides a hint for the downloaded filename if it is a string value. */\n download?: string | boolean;\n [key: string]: any;\n}" + } + }, + "LinkLikeComponent": { + "polaris-react/src/utilities/link/types.ts": { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "LinkLikeComponent", + "value": "React.ComponentType", + "description": "" + } + }, + "NavigableOption": { + "polaris-react/src/utilities/listbox/types.ts": { + "filePath": "polaris-react/src/utilities/listbox/types.ts", + "name": "NavigableOption", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/utilities/listbox/types.ts", + "syntaxKind": "PropertySignature", + "name": "domId", + "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/utilities/listbox/types.ts", + "syntaxKind": "PropertySignature", + "name": "value", + "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/utilities/listbox/types.ts", + "syntaxKind": "PropertySignature", + "name": "element", + "value": "HTMLElement", + "description": "" + }, + { + "filePath": "polaris-react/src/utilities/listbox/types.ts", + "syntaxKind": "PropertySignature", + "name": "disabled", + "value": "boolean", + "description": "" + }, + { + "filePath": "polaris-react/src/utilities/listbox/types.ts", + "syntaxKind": "PropertySignature", + "name": "isAction", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/listbox/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerOut", - "value": "PointerEventHandler", + "name": "index", + "value": "number", "description": "", "isOptional": true + } + ], + "value": "export interface NavigableOption {\n domId: string;\n value: string;\n element: HTMLElement;\n disabled: boolean;\n isAction?: boolean;\n index?: number;\n}" + } + }, + "ListboxContextType": { + "polaris-react/src/utilities/listbox/context.ts": { + "filePath": "polaris-react/src/utilities/listbox/context.ts", + "name": "ListboxContextType", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/utilities/listbox/context.ts", + "syntaxKind": "MethodSignature", + "name": "onOptionSelect", + "value": "(option: NavigableOption) => void", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/listbox/context.ts", + "syntaxKind": "MethodSignature", + "name": "setLoading", + "value": "(label?: string) => void", + "description": "" + } + ], + "value": "export interface ListboxContextType {\n onOptionSelect(option: NavigableOption): void;\n setLoading(label?: string): void;\n}" + } + }, + "ResourceListSelectedItems": { + "polaris-react/src/utilities/resource-list/types.ts": { + "filePath": "polaris-react/src/utilities/resource-list/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "ResourceListSelectedItems", + "value": "string[] | 'All'", + "description": "" + } + }, + "ResourceListContextType": { + "polaris-react/src/utilities/resource-list/context.ts": { + "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "name": "ResourceListContextType", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/utilities/resource-list/context.ts", "syntaxKind": "PropertySignature", - "name": "onPointerOutCapture", - "value": "PointerEventHandler", + "name": "selectMode", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/resource-list/context.ts", "syntaxKind": "PropertySignature", - "name": "onGotPointerCapture", - "value": "PointerEventHandler", + "name": "selectable", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/resource-list/context.ts", "syntaxKind": "PropertySignature", - "name": "onGotPointerCaptureCapture", - "value": "PointerEventHandler", + "name": "selectedItems", + "value": "ResourceListSelectedItems", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/resource-list/context.ts", "syntaxKind": "PropertySignature", - "name": "onLostPointerCapture", - "value": "PointerEventHandler", + "name": "resourceName", + "value": "{ singular: string; plural: string; }", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/resource-list/context.ts", "syntaxKind": "PropertySignature", - "name": "onLostPointerCaptureCapture", - "value": "PointerEventHandler", + "name": "loading", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "onScroll", - "value": "UIEventHandler", + "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "syntaxKind": "MethodSignature", + "name": "onSelectionChange", + "value": "(selected: boolean, id: string, sortNumber: number, shiftKey: boolean) => void", "description": "", "isOptional": true - }, + } + ], + "value": "export interface ResourceListContextType {\n selectMode?: boolean;\n selectable?: boolean;\n selectedItems?: ResourceListSelectedItems;\n resourceName?: {\n singular: string;\n plural: string;\n };\n loading?: boolean;\n onSelectionChange?(\n selected: boolean,\n id: string,\n sortNumber: number | undefined,\n shiftKey: boolean,\n ): void;\n}" + } + }, + "PortalsContainerElement": { + "polaris-react/src/utilities/portals/types.ts": { + "filePath": "polaris-react/src/utilities/portals/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "PortalsContainerElement", + "value": "HTMLDivElement | null", + "description": "" + } + }, + "StickyItem": { + "polaris-react/src/utilities/sticky-manager/sticky-manager.ts": { + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "name": "StickyItem", + "description": "", + "members": [ { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", "syntaxKind": "PropertySignature", - "name": "onScrollCapture", - "value": "UIEventHandler", - "description": "", - "isOptional": true + "name": "stickyNode", + "value": "HTMLElement", + "description": "Node of the sticky element" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", "syntaxKind": "PropertySignature", - "name": "onWheel", - "value": "WheelEventHandler", - "description": "", - "isOptional": true + "name": "placeHolderNode", + "value": "HTMLElement", + "description": "Placeholder element" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", "syntaxKind": "PropertySignature", - "name": "onWheelCapture", - "value": "WheelEventHandler", - "description": "", + "name": "boundingElement", + "value": "HTMLElement", + "description": "Element outlining the fixed position boundaries", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", "syntaxKind": "PropertySignature", - "name": "onAnimationStart", - "value": "AnimationEventHandler", - "description": "", - "isOptional": true + "name": "offset", + "value": "boolean", + "description": "Offset vertical spacing from the top of the scrollable container" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", "syntaxKind": "PropertySignature", - "name": "onAnimationStartCapture", - "value": "AnimationEventHandler", - "description": "", - "isOptional": true + "name": "disableWhenStacked", + "value": "boolean", + "description": "Should the element remain in a fixed position when the layout is stacked (smaller screens)" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "syntaxKind": "MethodSignature", + "name": "handlePositioning", + "value": "(stick: boolean, top?: number, left?: number, width?: string | number) => void", + "description": "Method to handle positioning" + } + ], + "value": "interface StickyItem {\n /** Node of the sticky element */\n stickyNode: HTMLElement;\n /** Placeholder element */\n placeHolderNode: HTMLElement;\n /** Element outlining the fixed position boundaries */\n boundingElement?: HTMLElement | null;\n /** Offset vertical spacing from the top of the scrollable container */\n offset: boolean;\n /** Should the element remain in a fixed position when the layout is stacked (smaller screens) */\n disableWhenStacked: boolean;\n /** Method to handle positioning */\n handlePositioning(\n stick: boolean,\n top?: number,\n left?: number,\n width?: string | number,\n ): void;\n}" + } + }, + "SortDirection": { + "polaris-react/src/components/DataTable/types.ts": { + "filePath": "polaris-react/src/components/DataTable/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "SortDirection", + "value": "'ascending' | 'descending' | 'none'", + "description": "" + } + }, + "VerticalAlign": { + "polaris-react/src/components/DataTable/types.ts": { + "filePath": "polaris-react/src/components/DataTable/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "VerticalAlign", + "value": "'top' | 'bottom' | 'middle' | 'baseline'", + "description": "" + } + }, + "ColumnVisibilityData": { + "polaris-react/src/components/DataTable/types.ts": { + "filePath": "polaris-react/src/components/DataTable/types.ts", + "name": "ColumnVisibilityData", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "onAnimationEnd", - "value": "AnimationEventHandler", - "description": "", - "isOptional": true + "name": "leftEdge", + "value": "number", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "onAnimationEndCapture", - "value": "AnimationEventHandler", - "description": "", - "isOptional": true + "name": "rightEdge", + "value": "number", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "onAnimationIteration", - "value": "AnimationEventHandler", + "name": "isVisible", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "onAnimationIterationCapture", - "value": "AnimationEventHandler", - "description": "", - "isOptional": true + "name": "width", + "value": "number", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "onTransitionEnd", - "value": "TransitionEventHandler", - "description": "", - "isOptional": true + "name": "index", + "value": "number", + "description": "" + } + ], + "value": "export interface ColumnVisibilityData {\n leftEdge: number;\n rightEdge: number;\n isVisible?: boolean;\n width: number;\n index: number;\n}" + } + }, + "DataTableState": { + "polaris-react/src/components/DataTable/types.ts": { + "filePath": "polaris-react/src/components/DataTable/types.ts", + "name": "DataTableState", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/DataTable/types.ts", + "syntaxKind": "PropertySignature", + "name": "condensed", + "value": "boolean", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "onTransitionEndCapture", - "value": "TransitionEventHandler", - "description": "", - "isOptional": true + "name": "columnVisibilityData", + "value": "ColumnVisibilityData[]", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "ref", - "value": "LegacyRef", + "name": "previousColumn", + "value": "ColumnVisibilityData", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "key", - "value": "Key", + "name": "currentColumn", + "value": "ColumnVisibilityData", "description": "", "isOptional": true - } - ], - "value": "export interface LinkLikeComponentProps\n extends React.HTMLProps {\n /** The url to link to */\n url: string;\n /**\tThe content to display inside the link */\n children?: React.ReactNode;\n /** Makes the link open in a new tab */\n external?: boolean;\n /** Makes the browser download the url instead of opening it. Provides a hint for the downloaded filename if it is a string value. */\n download?: string | boolean;\n [key: string]: any;\n}" - } - }, - "LinkLikeComponent": { - "polaris-react/src/utilities/link/types.ts": { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "LinkLikeComponent", - "value": "React.ComponentType", - "description": "" - } - }, - "NavigableOption": { - "polaris-react/src/utilities/listbox/types.ts": { - "filePath": "polaris-react/src/utilities/listbox/types.ts", - "name": "NavigableOption", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/utilities/listbox/types.ts", - "syntaxKind": "PropertySignature", - "name": "domId", - "value": "string", - "description": "" }, { - "filePath": "polaris-react/src/utilities/listbox/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "value", - "value": "string", - "description": "" + "name": "sortedColumnIndex", + "value": "number", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/listbox/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "element", - "value": "HTMLElement", - "description": "" + "name": "sortDirection", + "value": "SortDirection", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/listbox/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "disabled", + "name": "isScrolledFarthestLeft", "value": "boolean", - "description": "" + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/listbox/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "isAction", + "name": "isScrolledFarthestRight", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/listbox/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "index", + "name": "rowHovered", "value": "number", - "description": "", - "isOptional": true + "description": "" } ], - "value": "export interface NavigableOption {\n domId: string;\n value: string;\n element: HTMLElement;\n disabled: boolean;\n isAction?: boolean;\n index?: number;\n}" + "value": "export interface DataTableState {\n condensed: boolean;\n columnVisibilityData: ColumnVisibilityData[];\n previousColumn?: ColumnVisibilityData;\n currentColumn?: ColumnVisibilityData;\n sortedColumnIndex?: number;\n sortDirection?: SortDirection;\n isScrolledFarthestLeft?: boolean;\n isScrolledFarthestRight?: boolean;\n rowHovered: number | undefined;\n}" } }, - "ListboxContextType": { - "polaris-react/src/utilities/listbox/context.ts": { - "filePath": "polaris-react/src/utilities/listbox/context.ts", - "name": "ListboxContextType", + "TableMeasurements": { + "polaris-react/src/components/DataTable/utilities.ts": { + "filePath": "polaris-react/src/components/DataTable/utilities.ts", + "name": "TableMeasurements", "description": "", "members": [ { - "filePath": "polaris-react/src/utilities/listbox/context.ts", - "syntaxKind": "MethodSignature", - "name": "onOptionSelect", - "value": "(option: NavigableOption) => void", + "filePath": "polaris-react/src/components/DataTable/utilities.ts", + "syntaxKind": "PropertySignature", + "name": "firstVisibleColumnIndex", + "value": "number", "description": "" }, { - "filePath": "polaris-react/src/utilities/listbox/context.ts", - "syntaxKind": "MethodSignature", - "name": "setLoading", - "value": "(label?: string) => void", + "filePath": "polaris-react/src/components/DataTable/utilities.ts", + "syntaxKind": "PropertySignature", + "name": "tableLeftVisibleEdge", + "value": "number", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DataTable/utilities.ts", + "syntaxKind": "PropertySignature", + "name": "tableRightVisibleEdge", + "value": "number", "description": "" } ], - "value": "export interface ListboxContextType {\n onOptionSelect(option: NavigableOption): void;\n setLoading(label?: string): void;\n}" + "value": "interface TableMeasurements {\n firstVisibleColumnIndex: number;\n tableLeftVisibleEdge: number;\n tableRightVisibleEdge: number;\n}" } }, - "PortalsContainerElement": { - "polaris-react/src/utilities/portals/types.ts": { - "filePath": "polaris-react/src/utilities/portals/types.ts", + "DualValue": { + "polaris-react/src/components/RangeSlider/types.ts": { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "TypeAliasDeclaration", - "name": "PortalsContainerElement", - "value": "HTMLDivElement | null", + "name": "DualValue", + "value": "[number, number]", "description": "" } }, - "ResourceListSelectedItems": { - "polaris-react/src/utilities/resource-list/types.ts": { - "filePath": "polaris-react/src/utilities/resource-list/types.ts", + "RangeSliderValue": { + "polaris-react/src/components/RangeSlider/types.ts": { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "TypeAliasDeclaration", - "name": "ResourceListSelectedItems", - "value": "string[] | 'All'", + "name": "RangeSliderValue", + "value": "number | DualValue", "description": "" } }, - "ResourceListContextType": { - "polaris-react/src/utilities/resource-list/context.ts": { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", - "name": "ResourceListContextType", + "RangeSliderProps": { + "polaris-react/src/components/RangeSlider/types.ts": { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "name": "RangeSliderProps", "description": "", "members": [ { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "selectMode", + "name": "label", + "value": "ReactNode", + "description": "Label for the range input" + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "PropertySignature", + "name": "labelAction", + "value": "Action", + "description": "Adds an action to the label", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "PropertySignature", + "name": "labelHidden", "value": "boolean", - "description": "", + "description": "Visually hide the label", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "selectable", + "name": "id", + "value": "string", + "description": "ID for range input", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "PropertySignature", + "name": "value", + "value": "RangeSliderValue", + "description": "Initial value for range input" + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "PropertySignature", + "name": "min", + "value": "number", + "description": "Minimum possible value for range input", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "PropertySignature", + "name": "max", + "value": "number", + "description": "Maximum possible value for range input", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "PropertySignature", + "name": "step", + "value": "number", + "description": "Increment value for range input changes", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "PropertySignature", + "name": "output", "value": "boolean", - "description": "", + "description": "Provide a tooltip while sliding, indicating the current value", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "selectedItems", - "value": "ResourceListSelectedItems", - "description": "", + "name": "helpText", + "value": "ReactNode", + "description": "Additional text to aid in use", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "resourceName", - "value": "{ singular: string; plural: string; }", - "description": "", + "name": "error", + "value": "any", + "description": "Display an error message", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "loading", + "name": "disabled", "value": "boolean", - "description": "", + "description": "Disable input", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "PropertySignature", + "name": "prefix", + "value": "ReactNode", + "description": "Element to display before the input", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "PropertySignature", + "name": "suffix", + "value": "ReactNode", + "description": "Element to display after the input", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "MethodSignature", + "name": "onChange", + "value": "(value: RangeSliderValue, id: string) => void", + "description": "Callback when the range input is changed" + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "MethodSignature", + "name": "onFocus", + "value": "() => void", + "description": "Callback when range input is focused", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "MethodSignature", - "name": "onSelectionChange", - "value": "(selected: boolean, id: string, sortNumber: number, shiftKey: boolean) => void", - "description": "", + "name": "onBlur", + "value": "() => void", + "description": "Callback when focus is removed", "isOptional": true } ], - "value": "export interface ResourceListContextType {\n selectMode?: boolean;\n selectable?: boolean;\n selectedItems?: ResourceListSelectedItems;\n resourceName?: {\n singular: string;\n plural: string;\n };\n loading?: boolean;\n onSelectionChange?(\n selected: boolean,\n id: string,\n sortNumber: number | undefined,\n shiftKey: boolean,\n ): void;\n}" + "value": "export interface RangeSliderProps {\n /** Label for the range input */\n label: React.ReactNode;\n /** Adds an action to the label */\n labelAction?: LabelledProps['action'];\n /** Visually hide the label */\n labelHidden?: boolean;\n /** ID for range input */\n id?: string;\n /** Initial value for range input */\n value: RangeSliderValue;\n /** Minimum possible value for range input */\n min?: number;\n /** Maximum possible value for range input */\n max?: number;\n /** Increment value for range input changes */\n step?: number;\n /** Provide a tooltip while sliding, indicating the current value */\n output?: boolean;\n /** Additional text to aid in use */\n helpText?: React.ReactNode;\n /** Display an error message */\n error?: Error;\n /** Disable input */\n disabled?: boolean;\n /** Element to display before the input */\n prefix?: React.ReactNode;\n /** Element to display after the input */\n suffix?: React.ReactNode;\n /** Callback when the range input is changed */\n onChange(value: RangeSliderValue, id: string): void;\n /** Callback when range input is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n}" } }, - "StickyItem": { - "polaris-react/src/utilities/sticky-manager/sticky-manager.ts": { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", - "name": "StickyItem", + "ScrollToPositionFn": { + "polaris-react/src/components/Scrollable/context.ts": { + "filePath": "polaris-react/src/components/Scrollable/context.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "ScrollToPositionFn", + "value": "(scrollY: number) => void", + "description": "" + } + }, + "TabDescriptor": { + "polaris-react/src/components/Tabs/types.ts": { + "filePath": "polaris-react/src/components/Tabs/types.ts", + "name": "TabDescriptor", "description": "", "members": [ { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", - "syntaxKind": "PropertySignature", - "name": "stickyNode", - "value": "HTMLElement", - "description": "Node of the sticky element" - }, - { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "filePath": "polaris-react/src/components/Tabs/types.ts", "syntaxKind": "PropertySignature", - "name": "placeHolderNode", - "value": "HTMLElement", - "description": "Placeholder element" + "name": "id", + "value": "string", + "description": "A unique identifier for the tab" }, { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "filePath": "polaris-react/src/components/Tabs/types.ts", "syntaxKind": "PropertySignature", - "name": "boundingElement", - "value": "HTMLElement", - "description": "Element outlining the fixed position boundaries", + "name": "url", + "value": "string", + "description": "A destination to link to", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "filePath": "polaris-react/src/components/Tabs/types.ts", "syntaxKind": "PropertySignature", - "name": "offset", - "value": "boolean", - "description": "Offset vertical spacing from the top of the scrollable container" + "name": "content", + "value": "ReactNode", + "description": "Content for the tab" }, { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "filePath": "polaris-react/src/components/Tabs/types.ts", "syntaxKind": "PropertySignature", - "name": "disableWhenStacked", - "value": "boolean", - "description": "Should the element remain in a fixed position when the layout is stacked (smaller screens)" + "name": "panelID", + "value": "string", + "description": "A unique identifier for the panel", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", - "syntaxKind": "MethodSignature", - "name": "handlePositioning", - "value": "(stick: boolean, top?: number, left?: number, width?: string | number) => void", - "description": "Method to handle positioning" + "filePath": "polaris-react/src/components/Tabs/types.ts", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "Visually hidden text for screen readers", + "isOptional": true } ], - "value": "interface StickyItem {\n /** Node of the sticky element */\n stickyNode: HTMLElement;\n /** Placeholder element */\n placeHolderNode: HTMLElement;\n /** Element outlining the fixed position boundaries */\n boundingElement?: HTMLElement | null;\n /** Offset vertical spacing from the top of the scrollable container */\n offset: boolean;\n /** Should the element remain in a fixed position when the layout is stacked (smaller screens) */\n disableWhenStacked: boolean;\n /** Method to handle positioning */\n handlePositioning(\n stick: boolean,\n top?: number,\n left?: number,\n width?: string | number,\n ): void;\n}" + "value": "export interface TabDescriptor {\n /** A unique identifier for the tab */\n id: string;\n /** A destination to link to */\n url?: string;\n /** Content for the tab */\n content: React.ReactNode;\n /** A unique identifier for the panel */\n panelID?: string;\n /** Visually hidden text for screen readers */\n accessibilityLabel?: string;\n}" } }, "DropZoneEvent": { @@ -7524,226 +7524,59 @@ } }, "ConditionalRenderProps": { - "polaris-react/src/utilities/components.tsx": { - "filePath": "polaris-react/src/utilities/components.tsx", - "name": "ConditionalRenderProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/utilities/components.tsx", - "syntaxKind": "PropertySignature", - "name": "condition", - "value": "boolean", - "description": "" - }, - { - "filePath": "polaris-react/src/utilities/components.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "any", - "description": "" - } - ], - "value": "interface ConditionalRenderProps {\n condition: boolean;\n children: any;\n}" - } - }, - "DependencyList": { - "polaris-react/src/utilities/use-deep-compare-ref.tsx": { - "filePath": "polaris-react/src/utilities/use-deep-compare-ref.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "DependencyList", - "value": "readonly unknown[]", - "description": "" - }, - "polaris-react/src/utilities/use-deep-effect.tsx": { - "filePath": "polaris-react/src/utilities/use-deep-effect.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "DependencyList", - "value": "readonly unknown[]", - "description": "" - } - }, - "Comparator": { - "polaris-react/src/utilities/use-deep-compare-ref.tsx": { - "filePath": "polaris-react/src/utilities/use-deep-compare-ref.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Comparator", - "value": "(a: DependencyList, b: DependencyList) => boolean", - "description": "" - }, - "polaris-react/src/utilities/use-deep-effect.tsx": { - "filePath": "polaris-react/src/utilities/use-deep-effect.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Comparator", - "value": "(a: DependencyList, b: DependencyList) => boolean", - "description": "" - } - }, - "ActionListProps": { - "polaris-react/src/components/ActionList/ActionList.tsx": { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "name": "ActionListProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "items", - "value": "readonly ActionListItemDescriptor[]", - "description": "Collection of actions for list", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "sections", - "value": "readonly ActionListSection[]", - "description": "Collection of sectioned action items", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "actionRole", - "value": "string", - "description": "Defines a specific role attribute for each action in the list", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "onActionAnyItem", - "value": "() => void", - "description": "Callback when any item is clicked or keypressed", - "isOptional": true - } - ], - "value": "export interface ActionListProps {\n /** Collection of actions for list */\n items?: readonly ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: readonly ActionListSection[];\n /** Defines a specific role attribute for each action in the list */\n actionRole?: 'menuitem' | string;\n /** Callback when any item is clicked or keypressed */\n onActionAnyItem?: ActionListItemDescriptor['onAction'];\n}" - } - }, - "ActionListItemProps": { - "polaris-react/src/components/ActionList/ActionList.tsx": { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "ActionListItemProps", - "value": "ItemProps", - "description": "" - } - }, - "AccountConnectionProps": { - "polaris-react/src/components/AccountConnection/AccountConnection.tsx": { - "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", - "name": "AccountConnectionProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", - "syntaxKind": "PropertySignature", - "name": "title", - "value": "React.ReactNode", - "description": "Content to display as title", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", - "syntaxKind": "PropertySignature", - "name": "details", - "value": "React.ReactNode", - "description": "Content to display as additional details", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", - "syntaxKind": "PropertySignature", - "name": "termsOfService", - "value": "React.ReactNode", - "description": "Content to display as terms of service", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", - "syntaxKind": "PropertySignature", - "name": "accountName", - "value": "string", - "description": "The name of the service", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", - "syntaxKind": "PropertySignature", - "name": "avatarUrl", - "value": "string", - "description": "URL for the user’s avatar image", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", - "syntaxKind": "PropertySignature", - "name": "connected", - "value": "boolean", - "description": "Set if the account is connected", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", - "syntaxKind": "PropertySignature", - "name": "action", - "value": "Action", - "description": "Action for account connection", - "isOptional": true - } - ], - "value": "export interface AccountConnectionProps {\n /** Content to display as title */\n title?: React.ReactNode;\n /** Content to display as additional details */\n details?: React.ReactNode;\n /** Content to display as terms of service */\n termsOfService?: React.ReactNode;\n /** The name of the service */\n accountName?: string;\n /** URL for the user’s avatar image */\n avatarUrl?: string;\n /** Set if the account is connected */\n connected?: boolean;\n /** Action for account connection */\n action?: Action;\n}" - } - }, - "ActionMenuProps": { - "polaris-react/src/components/ActionMenu/ActionMenu.tsx": { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "name": "ActionMenuProps", + "polaris-react/src/utilities/components.tsx": { + "filePath": "polaris-react/src/utilities/components.tsx", + "name": "ConditionalRenderProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "syntaxKind": "PropertySignature", - "name": "actions", - "value": "MenuActionDescriptor[]", - "description": "Collection of page-level secondary actions", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "syntaxKind": "PropertySignature", - "name": "groups", - "value": "MenuGroupDescriptor[]", - "description": "Collection of page-level action groups", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "filePath": "polaris-react/src/utilities/components.tsx", "syntaxKind": "PropertySignature", - "name": "rollup", + "name": "condition", "value": "boolean", - "description": "Roll up all actions into a Popover > ActionList", - "isOptional": true + "description": "" }, { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "filePath": "polaris-react/src/utilities/components.tsx", "syntaxKind": "PropertySignature", - "name": "rollupActionsLabel", - "value": "string", - "description": "Label for rolled up actions activator", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "syntaxKind": "MethodSignature", - "name": "onActionRollup", - "value": "(hasRolledUp: boolean) => void", - "description": "Callback that returns true when secondary actions are rolled up into action groups, and false when not", - "isOptional": true + "name": "children", + "value": "any", + "description": "" } ], - "value": "export interface ActionMenuProps {\n /** Collection of page-level secondary actions */\n actions?: MenuActionDescriptor[];\n /** Collection of page-level action groups */\n groups?: MenuGroupDescriptor[];\n /** Roll up all actions into a Popover > ActionList */\n rollup?: boolean;\n /** Label for rolled up actions activator */\n rollupActionsLabel?: string;\n /** Callback that returns true when secondary actions are rolled up into action groups, and false when not */\n onActionRollup?(hasRolledUp: boolean): void;\n}" + "value": "interface ConditionalRenderProps {\n condition: boolean;\n children: any;\n}" + } + }, + "DependencyList": { + "polaris-react/src/utilities/use-deep-compare-ref.tsx": { + "filePath": "polaris-react/src/utilities/use-deep-compare-ref.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "DependencyList", + "value": "readonly unknown[]", + "description": "" + }, + "polaris-react/src/utilities/use-deep-effect.tsx": { + "filePath": "polaris-react/src/utilities/use-deep-effect.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "DependencyList", + "value": "readonly unknown[]", + "description": "" + } + }, + "Comparator": { + "polaris-react/src/utilities/use-deep-compare-ref.tsx": { + "filePath": "polaris-react/src/utilities/use-deep-compare-ref.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Comparator", + "value": "(a: DependencyList, b: DependencyList) => boolean", + "description": "" + }, + "polaris-react/src/utilities/use-deep-effect.tsx": { + "filePath": "polaris-react/src/utilities/use-deep-effect.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Comparator", + "value": "(a: DependencyList, b: DependencyList) => boolean", + "description": "" } }, "Props": { @@ -8068,18 +7901,18 @@ "value": "'extraTight' | 'tight' | 'loose'", "description": "" }, - "polaris-react/src/components/LegacyStack/LegacyStack.tsx": { - "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + "polaris-react/src/components/List/List.tsx": { + "filePath": "polaris-react/src/components/List/List.tsx", "syntaxKind": "TypeAliasDeclaration", "name": "Spacing", - "value": "'extraTight' | 'tight' | 'baseTight' | 'loose' | 'extraLoose' | 'none'", + "value": "'extraTight' | 'loose'", "description": "" }, - "polaris-react/src/components/List/List.tsx": { - "filePath": "polaris-react/src/components/List/List.tsx", + "polaris-react/src/components/LegacyStack/LegacyStack.tsx": { + "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", "syntaxKind": "TypeAliasDeclaration", "name": "Spacing", - "value": "'extraTight' | 'loose'", + "value": "'extraTight' | 'tight' | 'baseTight' | 'loose' | 'extraLoose' | 'none'", "description": "" }, "polaris-react/src/components/Stack/Stack.tsx": { @@ -8133,7 +7966,7 @@ "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", "syntaxKind": "PropertySignature", "name": "roundedAbove", - "value": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"", + "value": "BreakpointsAlias", "description": "Border radius value above a set breakpoint", "isOptional": true } @@ -8141,144 +7974,171 @@ "value": "export interface AlphaCardProps {\n children?: React.ReactNode;\n /** Background color\n * @default 'surface'\n */\n background?: CardBackgroundColorTokenScale;\n /** The spacing around the card\n * @default {xs: '4', sm: '5'}\n * @example\n * padding='4'\n * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n padding?: Spacing;\n /** Border radius value above a set breakpoint */\n roundedAbove?: BreakpointsAlias;\n}" } }, - "Align": { - "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Align", - "value": "'start' | 'end' | 'center'", - "description": "" - }, - "polaris-react/src/components/Inline/Inline.tsx": { - "filePath": "polaris-react/src/components/Inline/Inline.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Align", - "value": "'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly'", - "description": "" + "ActionListProps": { + "polaris-react/src/components/ActionList/ActionList.tsx": { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "name": "ActionListProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "syntaxKind": "PropertySignature", + "name": "items", + "value": "readonly ActionListItemDescriptor[]", + "description": "Collection of actions for list", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "syntaxKind": "PropertySignature", + "name": "sections", + "value": "readonly ActionListSection[]", + "description": "Collection of sectioned action items", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "syntaxKind": "PropertySignature", + "name": "actionRole", + "value": "string", + "description": "Defines a specific role attribute for each action in the list", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "syntaxKind": "PropertySignature", + "name": "onActionAnyItem", + "value": "() => void", + "description": "Callback when any item is clicked or keypressed", + "isOptional": true + } + ], + "value": "export interface ActionListProps {\n /** Collection of actions for list */\n items?: readonly ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: readonly ActionListSection[];\n /** Defines a specific role attribute for each action in the list */\n actionRole?: 'menuitem' | string;\n /** Callback when any item is clicked or keypressed */\n onActionAnyItem?: ActionListItemDescriptor['onAction'];\n}" } }, - "Element": { - "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Element", - "value": "'div' | 'ul' | 'ol' | 'fieldset'", - "description": "" - }, - "polaris-react/src/components/Box/Box.tsx": { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Element", - "value": "'div' | 'span' | 'section' | 'legend' | 'ul' | 'li'", - "description": "" - }, - "polaris-react/src/components/Text/Text.tsx": { - "filePath": "polaris-react/src/components/Text/Text.tsx", + "ActionListItemProps": { + "polaris-react/src/components/ActionList/ActionList.tsx": { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", "syntaxKind": "TypeAliasDeclaration", - "name": "Element", - "value": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'legend'", + "name": "ActionListItemProps", + "value": "ItemProps", "description": "" } }, - "Gap": { - "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Gap", - "value": "ResponsiveProp", - "description": "" - }, - "polaris-react/src/components/Columns/Columns.tsx": { - "filePath": "polaris-react/src/components/Columns/Columns.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Gap", - "value": "ResponsiveProp", - "description": "" - }, - "polaris-react/src/components/Grid/Grid.tsx": { - "filePath": "polaris-react/src/components/Grid/Grid.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Gap", - "value": "{\n [Breakpoint in Breakpoints]?: string;\n}", - "description": "" - }, - "polaris-react/src/components/Inline/Inline.tsx": { - "filePath": "polaris-react/src/components/Inline/Inline.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Gap", - "value": "ResponsiveProp", - "description": "" + "AccountConnectionProps": { + "polaris-react/src/components/AccountConnection/AccountConnection.tsx": { + "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", + "name": "AccountConnectionProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", + "syntaxKind": "PropertySignature", + "name": "title", + "value": "React.ReactNode", + "description": "Content to display as title", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", + "syntaxKind": "PropertySignature", + "name": "details", + "value": "React.ReactNode", + "description": "Content to display as additional details", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", + "syntaxKind": "PropertySignature", + "name": "termsOfService", + "value": "React.ReactNode", + "description": "Content to display as terms of service", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", + "syntaxKind": "PropertySignature", + "name": "accountName", + "value": "string", + "description": "The name of the service", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", + "syntaxKind": "PropertySignature", + "name": "avatarUrl", + "value": "string", + "description": "URL for the user’s avatar image", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", + "syntaxKind": "PropertySignature", + "name": "connected", + "value": "boolean", + "description": "Set if the account is connected", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/AccountConnection/AccountConnection.tsx", + "syntaxKind": "PropertySignature", + "name": "action", + "value": "Action", + "description": "Action for account connection", + "isOptional": true + } + ], + "value": "export interface AccountConnectionProps {\n /** Content to display as title */\n title?: React.ReactNode;\n /** Content to display as additional details */\n details?: React.ReactNode;\n /** Content to display as terms of service */\n termsOfService?: React.ReactNode;\n /** The name of the service */\n accountName?: string;\n /** URL for the user’s avatar image */\n avatarUrl?: string;\n /** Set if the account is connected */\n connected?: boolean;\n /** Action for account connection */\n action?: Action;\n}" } }, - "AlphaStackProps": { - "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", - "name": "AlphaStackProps", + "ActionMenuProps": { + "polaris-react/src/components/ActionMenu/ActionMenu.tsx": { + "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "name": "ActionMenuProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", + "name": "actions", + "value": "MenuActionDescriptor[]", + "description": "Collection of page-level secondary actions", "isOptional": true }, { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", - "syntaxKind": "PropertySignature", - "name": "as", - "value": "Element", - "description": "HTML Element type", - "isOptional": true, - "defaultValue": "'div'" - }, - { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", "syntaxKind": "PropertySignature", - "name": "align", - "value": "Align", - "description": "Horizontal alignment of children", - "isOptional": true, - "defaultValue": "'start'" + "name": "groups", + "value": "MenuGroupDescriptor[]", + "description": "Collection of page-level action groups", + "isOptional": true }, { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", "syntaxKind": "PropertySignature", - "name": "fullWidth", + "name": "rollup", "value": "boolean", - "description": "Toggle children to be full width", - "isOptional": true, - "defaultValue": "false" - }, - { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", - "syntaxKind": "PropertySignature", - "name": "gap", - "value": "Gap", - "description": "The spacing between children", - "isOptional": true, - "defaultValue": "'4'" + "description": "Roll up all actions into a Popover > ActionList", + "isOptional": true }, { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", "syntaxKind": "PropertySignature", - "name": "id", + "name": "rollupActionsLabel", "value": "string", - "description": "HTML id attribute", + "description": "Label for rolled up actions activator", "isOptional": true }, { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", - "syntaxKind": "PropertySignature", - "name": "reverseOrder", - "value": "boolean", - "description": "Reverse the render order of child items", - "isOptional": true, - "defaultValue": "false" + "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "syntaxKind": "MethodSignature", + "name": "onActionRollup", + "value": "(hasRolledUp: boolean) => void", + "description": "Callback that returns true when secondary actions are rolled up into action groups, and false when not", + "isOptional": true } ], - "value": "export interface AlphaStackProps extends React.AriaAttributes {\n children?: React.ReactNode;\n /** HTML Element type\n * @default 'div'\n */\n as?: Element;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Toggle children to be full width\n * @default false\n */\n fullWidth?: boolean;\n /** The spacing between children\n * @default '4'\n */\n gap?: Gap;\n /** HTML id attribute */\n id?: string;\n /** Reverse the render order of child items\n * @default false\n */\n reverseOrder?: boolean;\n}" + "value": "export interface ActionMenuProps {\n /** Collection of page-level secondary actions */\n actions?: MenuActionDescriptor[];\n /** Collection of page-level action groups */\n groups?: MenuGroupDescriptor[];\n /** Roll up all actions into a Popover > ActionList */\n rollup?: boolean;\n /** Label for rolled up actions activator */\n rollupActionsLabel?: string;\n /** Callback that returns true when secondary actions are rolled up into action groups, and false when not */\n onActionRollup?(hasRolledUp: boolean): void;\n}" } }, "State": { @@ -8621,20 +8481,27 @@ ], "value": "interface State {\n disclosureWidth: number;\n tabWidths: number[];\n visibleTabs: number[];\n hiddenTabs: number[];\n containerWidth: number;\n showDisclosure: boolean;\n tabToFocus: number;\n}" }, - "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx": { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx": { + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", "name": "State", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", "syntaxKind": "PropertySignature", - "name": "dragging", - "value": "boolean", + "name": "sliderHeight", + "value": "number", + "description": "" + }, + { + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "syntaxKind": "PropertySignature", + "name": "draggerHeight", + "value": "number", "description": "" } ], - "value": "interface State {\n dragging: boolean;\n}" + "value": "interface State {\n sliderHeight: number;\n draggerHeight: number;\n}" }, "polaris-react/src/components/ColorPicker/components/HuePicker/HuePicker.tsx": { "filePath": "polaris-react/src/components/ColorPicker/components/HuePicker/HuePicker.tsx", @@ -8658,27 +8525,20 @@ ], "value": "interface State {\n sliderHeight: number;\n draggerHeight: number;\n}" }, - "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx": { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx": { + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", "name": "State", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", - "syntaxKind": "PropertySignature", - "name": "sliderHeight", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", "syntaxKind": "PropertySignature", - "name": "draggerHeight", - "value": "number", + "name": "dragging", + "value": "boolean", "description": "" } ], - "value": "interface State {\n sliderHeight: number;\n draggerHeight: number;\n}" + "value": "interface State {\n dragging: boolean;\n}" }, "polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx": { "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx", @@ -8796,6 +8656,146 @@ "value": "export interface AppProviderProps {\n /** A locale object or array of locale objects that overrides default translations. If specifying an array then your primary language dictionary should come first, followed by your fallback language dictionaries */\n i18n: ConstructorParameters[0];\n /** A custom component to use for all links used by Polaris components */\n linkComponent?: LinkLikeComponent;\n /** For toggling features */\n features?: FeaturesConfig;\n /** Inner content of the application */\n children?: React.ReactNode;\n}" } }, + "Align": { + "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Align", + "value": "'start' | 'end' | 'center'", + "description": "" + }, + "polaris-react/src/components/Inline/Inline.tsx": { + "filePath": "polaris-react/src/components/Inline/Inline.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Align", + "value": "'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly'", + "description": "" + } + }, + "Element": { + "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Element", + "value": "'div' | 'ul' | 'ol' | 'fieldset'", + "description": "" + }, + "polaris-react/src/components/Box/Box.tsx": { + "filePath": "polaris-react/src/components/Box/Box.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Element", + "value": "'div' | 'span' | 'section' | 'legend' | 'ul' | 'li'", + "description": "" + }, + "polaris-react/src/components/Text/Text.tsx": { + "filePath": "polaris-react/src/components/Text/Text.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Element", + "value": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'legend'", + "description": "" + } + }, + "Gap": { + "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Gap", + "value": "ResponsiveProp", + "description": "" + }, + "polaris-react/src/components/Columns/Columns.tsx": { + "filePath": "polaris-react/src/components/Columns/Columns.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Gap", + "value": "ResponsiveProp", + "description": "" + }, + "polaris-react/src/components/Grid/Grid.tsx": { + "filePath": "polaris-react/src/components/Grid/Grid.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Gap", + "value": "{\n [Breakpoint in Breakpoints]?: string;\n}", + "description": "" + }, + "polaris-react/src/components/Inline/Inline.tsx": { + "filePath": "polaris-react/src/components/Inline/Inline.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Gap", + "value": "ResponsiveProp", + "description": "" + } + }, + "AlphaStackProps": { + "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "name": "AlphaStackProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "as", + "value": "Element", + "description": "HTML Element type", + "isOptional": true, + "defaultValue": "'div'" + }, + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "align", + "value": "Align", + "description": "Horizontal alignment of children", + "isOptional": true, + "defaultValue": "'start'" + }, + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "fullWidth", + "value": "boolean", + "description": "Toggle children to be full width", + "isOptional": true, + "defaultValue": "false" + }, + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "gap", + "value": "Gap", + "description": "The spacing between children", + "isOptional": true, + "defaultValue": "'4'" + }, + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "id", + "value": "string", + "description": "HTML id attribute", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "reverseOrder", + "value": "boolean", + "description": "Reverse the render order of child items", + "isOptional": true, + "defaultValue": "false" + } + ], + "value": "export interface AlphaStackProps extends React.AriaAttributes {\n children?: React.ReactNode;\n /** HTML Element type\n * @default 'div'\n */\n as?: Element;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Toggle children to be full width\n * @default false\n */\n fullWidth?: boolean;\n /** The spacing between children\n * @default '4'\n */\n gap?: Gap;\n /** HTML id attribute */\n id?: string;\n /** Reverse the render order of child items\n * @default false\n */\n reverseOrder?: boolean;\n}" + } + }, "AutocompleteProps": { "polaris-react/src/components/Autocomplete/Autocomplete.tsx": { "filePath": "polaris-react/src/components/Autocomplete/Autocomplete.tsx", @@ -8906,6 +8906,56 @@ "value": "export interface AutocompleteProps {\n /** A unique identifier for the Autocomplete */\n id?: string;\n /** Collection of options to be listed */\n options: SectionDescriptor[] | OptionDescriptor[];\n /** The selected options */\n selected: string[];\n /** The text field component attached to the list of options */\n textField: React.ReactElement;\n /** The preferred direction to open the popover */\n preferredPosition?: PopoverProps['preferredPosition'];\n /** Title of the list of options */\n listTitle?: string;\n /** Allow more than one option to be selected */\n allowMultiple?: boolean;\n /** An action to render above the list of options */\n actionBefore?: ActionListItemDescriptor & {\n /** Specifies that if the label is too long it will wrap instead of being hidden */\n wrapOverflow?: boolean;\n };\n /** Display loading state */\n loading?: boolean;\n /** Indicates if more results will load dynamically */\n willLoadMoreResults?: boolean;\n /** Is rendered when there are no options */\n emptyState?: React.ReactNode;\n /** Callback when the selection of options is changed */\n onSelect(selected: string[]): void;\n /** Callback when the end of the list is reached */\n onLoadMoreResults?(): void;\n}" } }, + "BackdropProps": { + "polaris-react/src/components/Backdrop/Backdrop.tsx": { + "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", + "name": "BackdropProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", + "syntaxKind": "PropertySignature", + "name": "belowNavigation", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", + "syntaxKind": "PropertySignature", + "name": "transparent", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", + "syntaxKind": "MethodSignature", + "name": "onTouchStart", + "value": "() => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", + "syntaxKind": "PropertySignature", + "name": "setClosing", + "value": "Dispatch>", + "description": "", + "isOptional": true + } + ], + "value": "export interface BackdropProps {\n belowNavigation?: boolean;\n transparent?: boolean;\n onClick?(): void;\n onTouchStart?(): void;\n setClosing?: Dispatch>;\n}" + } + }, "Shape": { "polaris-react/src/components/Avatar/Avatar.tsx": { "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", @@ -8991,56 +9041,6 @@ "value": "export interface AvatarProps {\n /**\n * Size of avatar\n * @default 'medium'\n */\n size?: Size;\n /**\n * Shape of avatar\n * @default 'round'\n */\n shape?: Shape;\n /** The name of the person */\n name?: string;\n /** Initials of person to display */\n initials?: string;\n /** Whether the avatar is for a customer */\n customer?: boolean;\n /** URL of the avatar image which falls back to initials if the image fails to load */\n source?: string;\n /** Callback fired when the image fails to load */\n onError?(): void;\n /** Accessible label for the avatar image */\n accessibilityLabel?: string;\n}" } }, - "BackdropProps": { - "polaris-react/src/components/Backdrop/Backdrop.tsx": { - "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", - "name": "BackdropProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", - "syntaxKind": "PropertySignature", - "name": "belowNavigation", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", - "syntaxKind": "PropertySignature", - "name": "transparent", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", - "syntaxKind": "MethodSignature", - "name": "onTouchStart", - "value": "() => void", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", - "syntaxKind": "PropertySignature", - "name": "setClosing", - "value": "Dispatch>", - "description": "", - "isOptional": true - } - ], - "value": "export interface BackdropProps {\n belowNavigation?: boolean;\n transparent?: boolean;\n onClick?(): void;\n onTouchStart?(): void;\n setClosing?: Dispatch>;\n}" - } - }, "NonMutuallyExclusiveProps": { "polaris-react/src/components/Badge/Badge.tsx": { "filePath": "polaris-react/src/components/Badge/Badge.tsx", @@ -9757,23 +9757,237 @@ "isOptional": true }, { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", - "syntaxKind": "PropertySignature", - "name": "marginInlineStart", - "value": "Spacing", - "description": "Negative left space around children", + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", + "syntaxKind": "PropertySignature", + "name": "marginInlineStart", + "value": "Spacing", + "description": "Negative left space around children", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", + "syntaxKind": "PropertySignature", + "name": "marginInlineEnd", + "value": "Spacing", + "description": "Negative right space around children", + "isOptional": true + } + ], + "value": "export interface BleedProps {\n children?: React.ReactNode;\n /** Negative horizontal space around children\n * @default '5'\n */\n marginInline?: Spacing;\n /** Negative vertical space around children */\n marginBlock?: Spacing;\n /** Negative top space around children */\n marginBlockStart?: Spacing;\n /** Negative bottom space around children */\n marginBlockEnd?: Spacing;\n /** Negative left space around children */\n marginInlineStart?: Spacing;\n /** Negative right space around children */\n marginInlineEnd?: Spacing;\n}" + } + }, + "BulkAction": { + "polaris-react/src/components/BulkActions/BulkActions.tsx": { + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "BulkAction", + "value": "DisableableAction & BadgeAction", + "description": "" + } + }, + "BulkActionListSection": { + "polaris-react/src/components/BulkActions/BulkActions.tsx": { + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "BulkActionListSection", + "value": "ActionListSection", + "description": "" + } + }, + "TransitionStatus": { + "polaris-react/src/components/BulkActions/BulkActions.tsx": { + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "TransitionStatus", + "value": "'entering' | 'entered' | 'exiting' | 'exited'", + "description": "" + }, + "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx": { + "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "TransitionStatus", + "value": "'entering' | 'entered' | 'exiting' | 'exited'", + "description": "" + }, + "polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx": { + "filePath": "polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx", + "syntaxKind": "EnumDeclaration", + "name": "TransitionStatus", + "value": "enum TransitionStatus {\n Entering = 'entering',\n Entered = 'entered',\n Exiting = 'exiting',\n Exited = 'exited',\n}", + "members": [ + { + "filePath": "polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx", + "name": "Entering", + "value": "entering" + }, + { + "filePath": "polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx", + "name": "Entered", + "value": "entered" + }, + { + "filePath": "polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx", + "name": "Exiting", + "value": "exiting" + }, + { + "filePath": "polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx", + "name": "Exited", + "value": "exited" + } + ] + }, + "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx": { + "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", + "syntaxKind": "EnumDeclaration", + "name": "TransitionStatus", + "value": "enum TransitionStatus {\n Entering = 'entering',\n Entered = 'entered',\n Exiting = 'exiting',\n Exited = 'exited',\n}", + "members": [ + { + "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", + "name": "Entering", + "value": "entering" + }, + { + "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", + "name": "Entered", + "value": "entered" + }, + { + "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", + "name": "Exiting", + "value": "exiting" + }, + { + "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", + "name": "Exited", + "value": "exited" + } + ] + } + }, + "BulkActionsProps": { + "polaris-react/src/components/BulkActions/BulkActions.tsx": { + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "name": "BulkActionsProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "syntaxKind": "PropertySignature", + "name": "selectMode", + "value": "boolean", + "description": "List is in a selectable state", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "syntaxKind": "PropertySignature", + "name": "promotedActions", + "value": "(MenuGroupDescriptor | BulkAction)[]", + "description": "Actions that will be given more prominence", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "syntaxKind": "PropertySignature", + "name": "actions", + "value": "(ActionListSection | BulkAction)[]", + "description": "List of actions", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "syntaxKind": "PropertySignature", + "name": "disabled", + "value": "boolean", + "description": "Disables bulk actions", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "syntaxKind": "MethodSignature", + "name": "onSelectModeToggle", + "value": "(selectMode: boolean) => void", + "description": "Callback when selectable state of list is changed", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "syntaxKind": "MethodSignature", + "name": "onMoreActionPopoverToggle", + "value": "(isOpen: boolean) => void", + "description": "Callback when more actions button is toggled", "isOptional": true }, { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", "syntaxKind": "PropertySignature", - "name": "marginInlineEnd", - "value": "Spacing", - "description": "Negative right space around children", + "name": "isSticky", + "value": "boolean", + "description": "If the BulkActions is currently sticky in view", "isOptional": true + }, + { + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "syntaxKind": "PropertySignature", + "name": "width", + "value": "number", + "description": "The width of the BulkActions" } ], - "value": "export interface BleedProps {\n children?: React.ReactNode;\n /** Negative horizontal space around children\n * @default '5'\n */\n marginInline?: Spacing;\n /** Negative vertical space around children */\n marginBlock?: Spacing;\n /** Negative top space around children */\n marginBlockStart?: Spacing;\n /** Negative bottom space around children */\n marginBlockEnd?: Spacing;\n /** Negative left space around children */\n marginInlineStart?: Spacing;\n /** Negative right space around children */\n marginInlineEnd?: Spacing;\n}" + "value": "export interface BulkActionsProps {\n /** List is in a selectable state */\n selectMode?: boolean;\n /** Actions that will be given more prominence */\n promotedActions?: (BulkAction | MenuGroupDescriptor)[];\n /** List of actions */\n actions?: (BulkAction | BulkActionListSection)[];\n /** Disables bulk actions */\n disabled?: boolean;\n /** Callback when selectable state of list is changed */\n onSelectModeToggle?(selectMode: boolean): void;\n /** Callback when more actions button is toggled */\n onMoreActionPopoverToggle?(isOpen: boolean): void;\n /** If the BulkActions is currently sticky in view */\n isSticky?: boolean;\n /** The width of the BulkActions */\n width: number;\n}" + } + }, + "CombinedProps": { + "polaris-react/src/components/BulkActions/BulkActions.tsx": { + "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "CombinedProps", + "value": "BulkActionsProps & {\n i18n: ReturnType;\n}", + "description": "" + }, + "polaris-react/src/components/DataTable/DataTable.tsx": { + "filePath": "polaris-react/src/components/DataTable/DataTable.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "CombinedProps", + "value": "DataTableProps & {\n i18n: ReturnType;\n}", + "description": "" + }, + "polaris-react/src/components/Filters/Filters.tsx": { + "filePath": "polaris-react/src/components/Filters/Filters.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "CombinedProps", + "value": "FiltersProps & {\n i18n: ReturnType;\n mediaQuery: ReturnType;\n}", + "description": "" + }, + "polaris-react/src/components/Frame/Frame.tsx": { + "filePath": "polaris-react/src/components/Frame/Frame.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "CombinedProps", + "value": "FrameProps & {\n i18n: ReturnType;\n mediaQuery: ReturnType;\n}", + "description": "" + }, + "polaris-react/src/components/ResourceItem/ResourceItem.tsx": { + "filePath": "polaris-react/src/components/ResourceItem/ResourceItem.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "CombinedProps", + "value": "PropsFromWrapper & (PropsWithUrl | PropsWithClick)", + "description": "" + }, + "polaris-react/src/components/Sticky/Sticky.tsx": { + "filePath": "polaris-react/src/components/Sticky/Sticky.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "CombinedProps", + "value": "StickyProps & {\n stickyManager: ReturnType;\n}", + "description": "" + }, + "polaris-react/src/components/Tabs/Tabs.tsx": { + "filePath": "polaris-react/src/components/Tabs/Tabs.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "CombinedProps", + "value": "TabsProps & {\n i18n: ReturnType;\n}", + "description": "" } }, "Overflow": { @@ -9846,7 +10060,7 @@ "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "TypeAliasDeclaration", "name": "BorderRadiusTokenScale", - "value": "'05' | '1' | '2' | '3' | '4' | '5' | '6' | 'base' | 'large' | 'half'", + "value": "'05' | '1' | '2' | '3' | '4' | '5' | '6' | 'full'", "description": "" } }, @@ -9974,7 +10188,7 @@ "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "PropertySignature", "name": "borderWidth", - "value": "\"1\" | \"2\" | \"3\" | \"4\" | \"5\"", + "value": "ShapeBorderWidthScale", "description": "Border width", "isOptional": true }, @@ -9982,7 +10196,7 @@ "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "PropertySignature", "name": "borderBlockStartWidth", - "value": "\"1\" | \"2\" | \"3\" | \"4\" | \"5\"", + "value": "ShapeBorderWidthScale", "description": "Vertical start border width", "isOptional": true }, @@ -9990,7 +10204,7 @@ "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "PropertySignature", "name": "borderBlockEndWidth", - "value": "\"1\" | \"2\" | \"3\" | \"4\" | \"5\"", + "value": "ShapeBorderWidthScale", "description": "Vertical end border width", "isOptional": true }, @@ -9998,7 +10212,7 @@ "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "PropertySignature", "name": "borderInlineStartWidth", - "value": "\"1\" | \"2\" | \"3\" | \"4\" | \"5\"", + "value": "ShapeBorderWidthScale", "description": "Horizontal start border width", "isOptional": true }, @@ -10006,7 +10220,7 @@ "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "PropertySignature", "name": "borderInlineEndWidth", - "value": "\"1\" | \"2\" | \"3\" | \"4\" | \"5\"", + "value": "ShapeBorderWidthScale", "description": "Horizontal end border width", "isOptional": true }, @@ -10115,342 +10329,128 @@ "isOptional": true }, { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "shadow", - "value": "\"button\" | \"base\" | \"transparent\" | \"faint\" | \"deep\" | \"top-bar\" | \"card\" | \"popover\" | \"layer\" | \"modal\"", - "description": "Shadow on box", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "tabIndex", - "value": "any", - "description": "Set tab order", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "width", - "value": "string", - "description": "Width of container", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "position", - "value": "Position", - "description": "Position of box", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "insetBlockStart", - "value": "Spacing", - "description": "Top position of box", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "insetBlockEnd", - "value": "Spacing", - "description": "Bottom position of box", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "insetInlineStart", - "value": "Spacing", - "description": "Left position of box", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "insetInlineEnd", - "value": "Spacing", - "description": "Right position of box", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "opacity", - "value": "string", - "description": "Opacity of box", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "outline", - "value": "BorderTokenAlias", - "description": "Outline style", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "printHidden", - "value": "boolean", - "description": "Visually hide the contents during print", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "visuallyHidden", - "value": "boolean", - "description": "Visually hide the contents (still announced by screenreader)", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "PropertySignature", - "name": "zIndex", - "value": "string", - "description": "z-index of box", - "isOptional": true - } - ], - "value": "export interface BoxProps extends React.AriaAttributes {\n children?: React.ReactNode;\n /** HTML Element type\n * @default 'div'\n */\n as?: Element;\n /** Background color */\n background?: BackgroundColors;\n /** Border style */\n border?: BorderTokenAlias;\n /** Vertical end border style */\n borderBlockEnd?: BorderTokenAlias;\n /** Horizontal start border style */\n borderInlineStart?: BorderTokenAlias;\n /** Horizontal end border style */\n borderInlineEnd?: BorderTokenAlias;\n /** Vertical start border style */\n borderBlockStart?: BorderTokenAlias;\n /** Border radius */\n borderRadius?: BorderRadiusTokenScale;\n /** Vertical end horizontal start border radius */\n borderRadiusEndStart?: BorderRadiusTokenScale;\n /** Vertical end horizontal end border radius */\n borderRadiusEndEnd?: BorderRadiusTokenScale;\n /** Vertical start horizontal start border radius */\n borderRadiusStartStart?: BorderRadiusTokenScale;\n /** Vertical start horizontal end border radius */\n borderRadiusStartEnd?: BorderRadiusTokenScale;\n /** Border width */\n borderWidth?: ShapeBorderWidthScale;\n /** Vertical start border width */\n borderBlockStartWidth?: ShapeBorderWidthScale;\n /** Vertical end border width */\n borderBlockEndWidth?: ShapeBorderWidthScale;\n /** Horizontal start border width */\n borderInlineStartWidth?: ShapeBorderWidthScale;\n /** Horizontal end border width */\n borderInlineEndWidth?: ShapeBorderWidthScale;\n /** Color of children */\n color?: ColorTokenScale;\n /** HTML id attribute */\n id?: string;\n /** Minimum height of container */\n minHeight?: string;\n /** Minimum width of container */\n minWidth?: string;\n /** Maximum width of container */\n maxWidth?: string;\n /** Clip horizontal content of children */\n overflowX?: Overflow;\n /** Clip vertical content of children */\n overflowY?: Overflow;\n /** Spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @example\n * padding='4'\n * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n padding?: Spacing;\n /** Vertical start spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @example\n * paddingBlockStart='4'\n * paddingBlockStart={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n paddingBlockStart?: Spacing;\n /** Vertical end spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @example\n * paddingBlockEnd='4'\n * paddingBlockEnd={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n paddingBlockEnd?: Spacing;\n /** Horizontal start spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @example\n * paddingInlineStart='4'\n * paddingInlineStart={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n paddingInlineStart?: Spacing;\n /** Horizontal end spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @example\n * paddingInlineEnd='4'\n * paddingInlineEnd={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n paddingInlineEnd?: Spacing;\n /** Aria role */\n role?: Extract<\n React.AriaRole,\n 'status' | 'presentation' | 'menu' | 'listbox' | 'combobox'\n >;\n /** Shadow on box */\n shadow?: DepthShadowAlias;\n /** Set tab order */\n tabIndex?: Extract['tabIndex'], number>;\n /** Width of container */\n width?: string;\n // These could be moved to new layout component(s) in the future\n /** Position of box */\n position?: Position;\n /** Top position of box */\n insetBlockStart?: Spacing;\n /** Bottom position of box */\n insetBlockEnd?: Spacing;\n /** Left position of box */\n insetInlineStart?: Spacing;\n /** Right position of box */\n insetInlineEnd?: Spacing;\n /** Opacity of box */\n opacity?: string;\n /** Outline style */\n outline?: BorderTokenAlias;\n /** Visually hide the contents during print */\n printHidden?: boolean;\n /** Visually hide the contents (still announced by screenreader) */\n visuallyHidden?: boolean;\n /** z-index of box */\n zIndex?: string;\n}" - } - }, - "BreadcrumbsProps": { - "polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx": { - "filePath": "polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx", - "name": "BreadcrumbsProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx", - "syntaxKind": "PropertySignature", - "name": "breadcrumb", - "value": "LinkAction | CallbackAction", - "description": "Breadcrumb link" - } - ], - "value": "export interface BreadcrumbsProps {\n /** Breadcrumb link */\n breadcrumb: CallbackAction | LinkAction;\n}" - } - }, - "BulkAction": { - "polaris-react/src/components/BulkActions/BulkActions.tsx": { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "BulkAction", - "value": "DisableableAction & BadgeAction", - "description": "" - } - }, - "BulkActionListSection": { - "polaris-react/src/components/BulkActions/BulkActions.tsx": { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "BulkActionListSection", - "value": "ActionListSection", - "description": "" - } - }, - "TransitionStatus": { - "polaris-react/src/components/BulkActions/BulkActions.tsx": { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "TransitionStatus", - "value": "'entering' | 'entered' | 'exiting' | 'exited'", - "description": "" - }, - "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx": { - "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "TransitionStatus", - "value": "'entering' | 'entered' | 'exiting' | 'exited'", - "description": "" - }, - "polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx": { - "filePath": "polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx", - "syntaxKind": "EnumDeclaration", - "name": "TransitionStatus", - "value": "enum TransitionStatus {\n Entering = 'entering',\n Entered = 'entered',\n Exiting = 'exiting',\n Exited = 'exited',\n}", - "members": [ - { - "filePath": "polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx", - "name": "Entering", - "value": "entering" - }, - { - "filePath": "polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx", - "name": "Entered", - "value": "entered" - }, - { - "filePath": "polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx", - "name": "Exiting", - "value": "exiting" - }, - { - "filePath": "polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx", - "name": "Exited", - "value": "exited" - } - ] - }, - "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx": { - "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", - "syntaxKind": "EnumDeclaration", - "name": "TransitionStatus", - "value": "enum TransitionStatus {\n Entering = 'entering',\n Entered = 'entered',\n Exiting = 'exiting',\n Exited = 'exited',\n}", - "members": [ + "filePath": "polaris-react/src/components/Box/Box.tsx", + "syntaxKind": "PropertySignature", + "name": "shadow", + "value": "DepthShadowAlias", + "description": "Shadow on box", + "isOptional": true + }, { - "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", - "name": "Entering", - "value": "entering" + "filePath": "polaris-react/src/components/Box/Box.tsx", + "syntaxKind": "PropertySignature", + "name": "tabIndex", + "value": "any", + "description": "Set tab order", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", - "name": "Entered", - "value": "entered" + "filePath": "polaris-react/src/components/Box/Box.tsx", + "syntaxKind": "PropertySignature", + "name": "width", + "value": "string", + "description": "Width of container", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", - "name": "Exiting", - "value": "exiting" + "filePath": "polaris-react/src/components/Box/Box.tsx", + "syntaxKind": "PropertySignature", + "name": "position", + "value": "Position", + "description": "Position of box", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx", - "name": "Exited", - "value": "exited" - } - ] - } - }, - "BulkActionsProps": { - "polaris-react/src/components/BulkActions/BulkActions.tsx": { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", - "name": "BulkActionsProps", - "description": "", - "members": [ + "filePath": "polaris-react/src/components/Box/Box.tsx", + "syntaxKind": "PropertySignature", + "name": "insetBlockStart", + "value": "Spacing", + "description": "Top position of box", + "isOptional": true + }, { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "PropertySignature", - "name": "selectMode", - "value": "boolean", - "description": "List is in a selectable state", + "name": "insetBlockEnd", + "value": "Spacing", + "description": "Bottom position of box", "isOptional": true }, { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "PropertySignature", - "name": "promotedActions", - "value": "(MenuGroupDescriptor | BulkAction)[]", - "description": "Actions that will be given more prominence", + "name": "insetInlineStart", + "value": "Spacing", + "description": "Left position of box", "isOptional": true }, { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "PropertySignature", - "name": "actions", - "value": "(ActionListSection | BulkAction)[]", - "description": "List of actions", + "name": "insetInlineEnd", + "value": "Spacing", + "description": "Right position of box", "isOptional": true }, { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "Disables bulk actions", + "name": "opacity", + "value": "string", + "description": "Opacity of box", "isOptional": true }, { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", - "syntaxKind": "MethodSignature", - "name": "onSelectModeToggle", - "value": "(selectMode: boolean) => void", - "description": "Callback when selectable state of list is changed", + "filePath": "polaris-react/src/components/Box/Box.tsx", + "syntaxKind": "PropertySignature", + "name": "outline", + "value": "BorderTokenAlias", + "description": "Outline style", "isOptional": true }, { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", - "syntaxKind": "MethodSignature", - "name": "onMoreActionPopoverToggle", - "value": "(isOpen: boolean) => void", - "description": "Callback when more actions button is toggled", + "filePath": "polaris-react/src/components/Box/Box.tsx", + "syntaxKind": "PropertySignature", + "name": "printHidden", + "value": "boolean", + "description": "Visually hide the contents during print", "isOptional": true }, { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "PropertySignature", - "name": "isSticky", + "name": "visuallyHidden", "value": "boolean", - "description": "If the BulkActions is currently sticky in view", + "description": "Visually hide the contents (still announced by screenreader)", "isOptional": true }, { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", + "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "PropertySignature", - "name": "width", - "value": "number", - "description": "The width of the BulkActions" + "name": "zIndex", + "value": "string", + "description": "z-index of box", + "isOptional": true } ], - "value": "export interface BulkActionsProps {\n /** List is in a selectable state */\n selectMode?: boolean;\n /** Actions that will be given more prominence */\n promotedActions?: (BulkAction | MenuGroupDescriptor)[];\n /** List of actions */\n actions?: (BulkAction | BulkActionListSection)[];\n /** Disables bulk actions */\n disabled?: boolean;\n /** Callback when selectable state of list is changed */\n onSelectModeToggle?(selectMode: boolean): void;\n /** Callback when more actions button is toggled */\n onMoreActionPopoverToggle?(isOpen: boolean): void;\n /** If the BulkActions is currently sticky in view */\n isSticky?: boolean;\n /** The width of the BulkActions */\n width: number;\n}" + "value": "export interface BoxProps extends React.AriaAttributes {\n children?: React.ReactNode;\n /** HTML Element type\n * @default 'div'\n */\n as?: Element;\n /** Background color */\n background?: BackgroundColors;\n /** Border style */\n border?: BorderTokenAlias;\n /** Vertical end border style */\n borderBlockEnd?: BorderTokenAlias;\n /** Horizontal start border style */\n borderInlineStart?: BorderTokenAlias;\n /** Horizontal end border style */\n borderInlineEnd?: BorderTokenAlias;\n /** Vertical start border style */\n borderBlockStart?: BorderTokenAlias;\n /** Border radius */\n borderRadius?: BorderRadiusTokenScale;\n /** Vertical end horizontal start border radius */\n borderRadiusEndStart?: BorderRadiusTokenScale;\n /** Vertical end horizontal end border radius */\n borderRadiusEndEnd?: BorderRadiusTokenScale;\n /** Vertical start horizontal start border radius */\n borderRadiusStartStart?: BorderRadiusTokenScale;\n /** Vertical start horizontal end border radius */\n borderRadiusStartEnd?: BorderRadiusTokenScale;\n /** Border width */\n borderWidth?: ShapeBorderWidthScale;\n /** Vertical start border width */\n borderBlockStartWidth?: ShapeBorderWidthScale;\n /** Vertical end border width */\n borderBlockEndWidth?: ShapeBorderWidthScale;\n /** Horizontal start border width */\n borderInlineStartWidth?: ShapeBorderWidthScale;\n /** Horizontal end border width */\n borderInlineEndWidth?: ShapeBorderWidthScale;\n /** Color of children */\n color?: ColorTokenScale;\n /** HTML id attribute */\n id?: string;\n /** Minimum height of container */\n minHeight?: string;\n /** Minimum width of container */\n minWidth?: string;\n /** Maximum width of container */\n maxWidth?: string;\n /** Clip horizontal content of children */\n overflowX?: Overflow;\n /** Clip vertical content of children */\n overflowY?: Overflow;\n /** Spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @example\n * padding='4'\n * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n padding?: Spacing;\n /** Vertical start spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @example\n * paddingBlockStart='4'\n * paddingBlockStart={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n paddingBlockStart?: Spacing;\n /** Vertical end spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @example\n * paddingBlockEnd='4'\n * paddingBlockEnd={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n paddingBlockEnd?: Spacing;\n /** Horizontal start spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @example\n * paddingInlineStart='4'\n * paddingInlineStart={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n paddingInlineStart?: Spacing;\n /** Horizontal end spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @example\n * paddingInlineEnd='4'\n * paddingInlineEnd={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n paddingInlineEnd?: Spacing;\n /** Aria role */\n role?: Extract<\n React.AriaRole,\n 'status' | 'presentation' | 'menu' | 'listbox' | 'combobox'\n >;\n /** Shadow on box */\n shadow?: DepthShadowAlias;\n /** Set tab order */\n tabIndex?: Extract['tabIndex'], number>;\n /** Width of container */\n width?: string;\n // These could be moved to new layout component(s) in the future\n /** Position of box */\n position?: Position;\n /** Top position of box */\n insetBlockStart?: Spacing;\n /** Bottom position of box */\n insetBlockEnd?: Spacing;\n /** Left position of box */\n insetInlineStart?: Spacing;\n /** Right position of box */\n insetInlineEnd?: Spacing;\n /** Opacity of box */\n opacity?: string;\n /** Outline style */\n outline?: BorderTokenAlias;\n /** Visually hide the contents during print */\n printHidden?: boolean;\n /** Visually hide the contents (still announced by screenreader) */\n visuallyHidden?: boolean;\n /** z-index of box */\n zIndex?: string;\n}" } }, - "CombinedProps": { - "polaris-react/src/components/BulkActions/BulkActions.tsx": { - "filePath": "polaris-react/src/components/BulkActions/BulkActions.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "CombinedProps", - "value": "BulkActionsProps & {\n i18n: ReturnType;\n}", - "description": "" - }, - "polaris-react/src/components/DataTable/DataTable.tsx": { - "filePath": "polaris-react/src/components/DataTable/DataTable.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "CombinedProps", - "value": "DataTableProps & {\n i18n: ReturnType;\n}", - "description": "" - }, - "polaris-react/src/components/Filters/Filters.tsx": { - "filePath": "polaris-react/src/components/Filters/Filters.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "CombinedProps", - "value": "FiltersProps & {\n i18n: ReturnType;\n mediaQuery: ReturnType;\n}", - "description": "" - }, - "polaris-react/src/components/Frame/Frame.tsx": { - "filePath": "polaris-react/src/components/Frame/Frame.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "CombinedProps", - "value": "FrameProps & {\n i18n: ReturnType;\n mediaQuery: ReturnType;\n}", - "description": "" - }, - "polaris-react/src/components/ResourceItem/ResourceItem.tsx": { - "filePath": "polaris-react/src/components/ResourceItem/ResourceItem.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "CombinedProps", - "value": "PropsFromWrapper & (PropsWithUrl | PropsWithClick)", - "description": "" - }, - "polaris-react/src/components/Sticky/Sticky.tsx": { - "filePath": "polaris-react/src/components/Sticky/Sticky.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "CombinedProps", - "value": "StickyProps & {\n stickyManager: ReturnType;\n}", - "description": "" - }, - "polaris-react/src/components/Tabs/Tabs.tsx": { - "filePath": "polaris-react/src/components/Tabs/Tabs.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "CombinedProps", - "value": "TabsProps & {\n i18n: ReturnType;\n}", - "description": "" + "BreadcrumbsProps": { + "polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx": { + "filePath": "polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx", + "name": "BreadcrumbsProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx", + "syntaxKind": "PropertySignature", + "name": "breadcrumb", + "value": "LinkAction | CallbackAction", + "description": "Breadcrumb link" + } + ], + "value": "export interface BreadcrumbsProps {\n /** Breadcrumb link */\n breadcrumb: CallbackAction | LinkAction;\n}" } }, "ButtonProps": { @@ -10819,53 +10819,111 @@ { "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", "syntaxKind": "PropertySignature", - "name": "spacing", - "value": "Spacing", - "description": "Determines the space between button group items", + "name": "spacing", + "value": "Spacing", + "description": "Determines the space between button group items", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "segmented", + "value": "boolean", + "description": "Join buttons as segmented group", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "fullWidth", + "value": "boolean", + "description": "Buttons will stretch/shrink to occupy the full width", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "connectedTop", + "value": "boolean", + "description": "Remove top left and right border radius", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "noWrap", + "value": "boolean", + "description": "Prevent buttons in button group from wrapping to next line", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Button components", + "isOptional": true + } + ], + "value": "export interface ButtonGroupProps {\n /** Determines the space between button group items */\n spacing?: Spacing;\n /** Join buttons as segmented group */\n segmented?: boolean;\n /** Buttons will stretch/shrink to occupy the full width */\n fullWidth?: boolean;\n /** Remove top left and right border radius */\n connectedTop?: boolean;\n /** Prevent buttons in button group from wrapping to next line */\n noWrap?: boolean;\n /** Button components */\n children?: React.ReactNode;\n}" + } + }, + "CheckableButtonProps": { + "polaris-react/src/components/CheckableButton/CheckableButton.tsx": { + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "name": "CheckableButtonProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", - "name": "segmented", - "value": "boolean", - "description": "Join buttons as segmented group", + "name": "label", + "value": "string", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", - "name": "fullWidth", - "value": "boolean", - "description": "Buttons will stretch/shrink to occupy the full width", + "name": "selected", + "value": "boolean | \"indeterminate\"", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", - "name": "connectedTop", + "name": "disabled", "value": "boolean", - "description": "Remove top left and right border radius", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "noWrap", - "value": "boolean", - "description": "Prevent buttons in button group from wrapping to next line", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "syntaxKind": "MethodSignature", + "name": "onToggleAll", + "value": "() => void", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Button components", + "name": "ariaLive", + "value": "\"off\" | \"polite\"", + "description": "", "isOptional": true } ], - "value": "export interface ButtonGroupProps {\n /** Determines the space between button group items */\n spacing?: Spacing;\n /** Join buttons as segmented group */\n segmented?: boolean;\n /** Buttons will stretch/shrink to occupy the full width */\n fullWidth?: boolean;\n /** Remove top left and right border radius */\n connectedTop?: boolean;\n /** Prevent buttons in button group from wrapping to next line */\n noWrap?: boolean;\n /** Button components */\n children?: React.ReactNode;\n}" + "value": "export interface CheckableButtonProps {\n accessibilityLabel?: string;\n label?: string;\n selected?: boolean | 'indeterminate';\n disabled?: boolean;\n onToggleAll?(): void;\n ariaLive?: 'off' | 'polite';\n}" } }, "CalloutCardProps": { @@ -11214,64 +11272,6 @@ "value": "export interface CheckboxProps {\n checked?: boolean;\n disabled?: boolean;\n active?: boolean;\n id?: string;\n name?: string;\n value?: string;\n role?: string;\n onChange(): void;\n}" } }, - "CheckableButtonProps": { - "polaris-react/src/components/CheckableButton/CheckableButton.tsx": { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "name": "CheckableButtonProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "PropertySignature", - "name": "label", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "PropertySignature", - "name": "selected", - "value": "boolean | \"indeterminate\"", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "MethodSignature", - "name": "onToggleAll", - "value": "() => void", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", - "syntaxKind": "PropertySignature", - "name": "ariaLive", - "value": "\"off\" | \"polite\"", - "description": "", - "isOptional": true - } - ], - "value": "export interface CheckableButtonProps {\n accessibilityLabel?: string;\n label?: string;\n selected?: boolean | 'indeterminate';\n disabled?: boolean;\n onToggleAll?(): void;\n ariaLive?: 'off' | 'polite';\n}" - } - }, "ChoiceProps": { "polaris-react/src/components/Choice/Choice.tsx": { "filePath": "polaris-react/src/components/Choice/Choice.tsx", @@ -11727,7 +11727,7 @@ "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", "syntaxKind": "PropertySignature", "name": "xs", - "value": "2 | 5 | 1 | 4 | 3 | 6", + "value": "2 | 1 | 3 | 4 | 5 | 6", "description": "Number of columns the section should span on extra small screens", "isOptional": true }, @@ -11735,7 +11735,7 @@ "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", "syntaxKind": "PropertySignature", "name": "sm", - "value": "2 | 5 | 1 | 4 | 3 | 6", + "value": "2 | 1 | 3 | 4 | 5 | 6", "description": "Number of columns the section should span on small screens", "isOptional": true }, @@ -11743,7 +11743,7 @@ "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", "syntaxKind": "PropertySignature", "name": "md", - "value": "2 | 5 | 1 | 4 | 3 | 6", + "value": "2 | 1 | 3 | 4 | 5 | 6", "description": "Number of columns the section should span on medium screens", "isOptional": true }, @@ -11751,7 +11751,7 @@ "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", "syntaxKind": "PropertySignature", "name": "lg", - "value": "2 | 5 | 1 | 4 | 10 | 7 | 3 | 6 | 8 | 9 | 11 | 12", + "value": "2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12", "description": "Number of columns the section should span on large screens", "isOptional": true }, @@ -11759,7 +11759,7 @@ "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", "syntaxKind": "PropertySignature", "name": "xl", - "value": "2 | 5 | 1 | 4 | 10 | 7 | 3 | 6 | 8 | 9 | 11 | 12", + "value": "2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12", "description": "Number of columns the section should span on extra large screens", "isOptional": true } @@ -12906,32 +12906,6 @@ "value": "export interface EventListenerProps extends BaseEventProps {\n passive?: boolean;\n}" } }, - "Description": { - "polaris-react/src/components/ExceptionList/ExceptionList.tsx": { - "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Description", - "value": "string | React.ReactElement | (string | React.ReactElement)[]", - "description": "" - } - }, - "ExceptionListProps": { - "polaris-react/src/components/ExceptionList/ExceptionList.tsx": { - "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", - "name": "ExceptionListProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", - "syntaxKind": "PropertySignature", - "name": "items", - "value": "Item[]", - "description": "Collection of items for list" - } - ], - "value": "export interface ExceptionListProps {\n /** Collection of items for list */\n items: Item[];\n}" - } - }, "AppliedFilterInterface": { "polaris-react/src/components/Filters/Filters.tsx": { "filePath": "polaris-react/src/components/Filters/Filters.tsx", @@ -13173,6 +13147,32 @@ ] } }, + "Description": { + "polaris-react/src/components/ExceptionList/ExceptionList.tsx": { + "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Description", + "value": "string | React.ReactElement | (string | React.ReactElement)[]", + "description": "" + } + }, + "ExceptionListProps": { + "polaris-react/src/components/ExceptionList/ExceptionList.tsx": { + "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", + "name": "ExceptionListProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", + "syntaxKind": "PropertySignature", + "name": "items", + "value": "Item[]", + "description": "Collection of items for list" + } + ], + "value": "export interface ExceptionListProps {\n /** Collection of items for list */\n items: Item[];\n}" + } + }, "FocusProps": { "polaris-react/src/components/Focus/Focus.tsx": { "filePath": "polaris-react/src/components/Focus/Focus.tsx", @@ -13648,47 +13648,6 @@ "value": "export interface ImageProps extends React.HTMLProps {\n alt: string;\n source: string;\n crossOrigin?: CrossOrigin;\n sourceSet?: SourceSet[];\n onLoad?(): void;\n onError?(): void;\n}" } }, - "IconProps": { - "polaris-react/src/components/Icon/Icon.tsx": { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "name": "IconProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "syntaxKind": "PropertySignature", - "name": "source", - "value": "any", - "description": "The SVG contents to display in the icon (icons should fit in a 20 Γ— 20 pixel viewBox)" - }, - { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "syntaxKind": "PropertySignature", - "name": "color", - "value": "Color", - "description": "Set the color for the SVG fill", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "syntaxKind": "PropertySignature", - "name": "backdrop", - "value": "boolean", - "description": "Show a backdrop behind the icon", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Descriptive text to be read to screenreaders", - "isOptional": true - } - ], - "value": "export interface IconProps {\n /** The SVG contents to display in the icon (icons should fit in a 20 Γ— 20 pixel viewBox) */\n source: IconSource;\n /** Set the color for the SVG fill */\n color?: Color;\n /** Show a backdrop behind the icon */\n backdrop?: boolean;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n}" - } - }, "IndexTableHeadingBase": { "polaris-react/src/components/IndexTable/IndexTable.tsx": { "filePath": "polaris-react/src/components/IndexTable/IndexTable.tsx", @@ -14265,22 +14224,45 @@ "value": "export interface IndexTableProps\n extends IndexTableBaseProps,\n IndexProviderProps {}" } }, - "IndicatorProps": { - "polaris-react/src/components/Indicator/Indicator.tsx": { - "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", - "name": "IndicatorProps", + "IconProps": { + "polaris-react/src/components/Icon/Icon.tsx": { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "name": "IconProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", + "filePath": "polaris-react/src/components/Icon/Icon.tsx", "syntaxKind": "PropertySignature", - "name": "pulse", + "name": "source", + "value": "any", + "description": "The SVG contents to display in the icon (icons should fit in a 20 Γ— 20 pixel viewBox)" + }, + { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "syntaxKind": "PropertySignature", + "name": "color", + "value": "Color", + "description": "Set the color for the SVG fill", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "syntaxKind": "PropertySignature", + "name": "backdrop", "value": "boolean", - "description": "", + "description": "Show a backdrop behind the icon", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "Descriptive text to be read to screenreaders", "isOptional": true } ], - "value": "export interface IndicatorProps {\n pulse?: boolean;\n}" + "value": "export interface IconProps {\n /** The SVG contents to display in the icon (icons should fit in a 20 Γ— 20 pixel viewBox) */\n source: IconSource;\n /** Set the color for the SVG fill */\n color?: Color;\n /** Show a backdrop behind the icon */\n backdrop?: boolean;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n}" } }, "BlockAlign": { @@ -14334,16 +14316,34 @@ "defaultValue": "'4'" }, { - "filePath": "polaris-react/src/components/Inline/Inline.tsx", + "filePath": "polaris-react/src/components/Inline/Inline.tsx", + "syntaxKind": "PropertySignature", + "name": "wrap", + "value": "boolean", + "description": "Wrap stack elements to additional rows as needed on small screens", + "isOptional": true, + "defaultValue": "true" + } + ], + "value": "export interface InlineProps {\n children?: React.ReactNode;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Vertical alignment of children\n * @default 'center'\n */\n blockAlign?: BlockAlign;\n /** The spacing between elements. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @default '4'\n * @example\n * gap='2'\n * gap={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n gap?: Gap;\n /** Wrap stack elements to additional rows as needed on small screens\n * @default true\n */\n wrap?: boolean;\n}" + } + }, + "IndicatorProps": { + "polaris-react/src/components/Indicator/Indicator.tsx": { + "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", + "name": "IndicatorProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", "syntaxKind": "PropertySignature", - "name": "wrap", + "name": "pulse", "value": "boolean", - "description": "Wrap stack elements to additional rows as needed on small screens", - "isOptional": true, - "defaultValue": "true" + "description": "", + "isOptional": true } ], - "value": "export interface InlineProps {\n children?: React.ReactNode;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Vertical alignment of children\n * @default 'center'\n */\n blockAlign?: BlockAlign;\n /** The spacing between elements. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @default '4'\n * @example\n * gap='2'\n * gap={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n gap?: Gap;\n /** Wrap stack elements to additional rows as needed on small screens\n * @default true\n */\n wrap?: boolean;\n}" + "value": "export interface IndicatorProps {\n pulse?: boolean;\n}" } }, "InlineCodeProps": { @@ -14387,24 +14387,6 @@ "value": "export interface InlineErrorProps {\n /** Content briefly explaining how to resolve the invalid form field input. */\n message: Error;\n /** Unique identifier of the invalid form field that the message describes */\n fieldID: string;\n}" } }, - "KeyboardKeyProps": { - "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx": { - "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx", - "name": "KeyboardKeyProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "string", - "description": "The content to display inside the key", - "isOptional": true - } - ], - "value": "export interface KeyboardKeyProps {\n /** The content to display inside the key */\n children?: string;\n}" - } - }, "KeypressListenerProps": { "polaris-react/src/components/KeypressListener/KeypressListener.tsx": { "filePath": "polaris-react/src/components/KeypressListener/KeypressListener.tsx", @@ -14423,45 +14405,22 @@ "description": "" } }, - "LabelProps": { - "polaris-react/src/components/Label/Label.tsx": { - "filePath": "polaris-react/src/components/Label/Label.tsx", - "name": "LabelProps", + "KeyboardKeyProps": { + "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx": { + "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx", + "name": "KeyboardKeyProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Label/Label.tsx", + "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx", "syntaxKind": "PropertySignature", "name": "children", - "value": "React.ReactNode", - "description": "Label content", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Label/Label.tsx", - "syntaxKind": "PropertySignature", - "name": "id", "value": "string", - "description": "A unique identifier for the label" - }, - { - "filePath": "polaris-react/src/components/Label/Label.tsx", - "syntaxKind": "PropertySignature", - "name": "hidden", - "value": "boolean", - "description": "Visually hide the label", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Label/Label.tsx", - "syntaxKind": "PropertySignature", - "name": "requiredIndicator", - "value": "boolean", - "description": "Visual required indicator for the label", + "description": "The content to display inside the key", "isOptional": true } ], - "value": "export interface LabelProps {\n /** Label content */\n children?: React.ReactNode;\n /** A unique identifier for the label */\n id: string;\n /** Visually hide the label */\n hidden?: boolean;\n /** Visual required indicator for the label */\n requiredIndicator?: boolean;\n}" + "value": "export interface KeyboardKeyProps {\n /** The content to display inside the key */\n children?: string;\n}" } }, "LabelledProps": { @@ -14536,120 +14495,243 @@ "value": "export interface LabelledProps {\n /** A unique identifier for the label */\n id: LabelProps['id'];\n /** Text for the label */\n label: React.ReactNode;\n /** Error to display beneath the label */\n error?: Error | boolean;\n /** An action */\n action?: Action;\n /** Additional hint text to display */\n helpText?: React.ReactNode;\n /** Content to display inside the connected */\n children?: React.ReactNode;\n /** Visually hide the label */\n labelHidden?: boolean;\n /** Visual required indicator for the label */\n requiredIndicator?: boolean;\n}" } }, - "LayoutProps": { - "polaris-react/src/components/Layout/Layout.tsx": { - "filePath": "polaris-react/src/components/Layout/Layout.tsx", - "name": "LayoutProps", + "LabelProps": { + "polaris-react/src/components/Label/Label.tsx": { + "filePath": "polaris-react/src/components/Label/Label.tsx", + "name": "LabelProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Layout/Layout.tsx", + "filePath": "polaris-react/src/components/Label/Label.tsx", "syntaxKind": "PropertySignature", - "name": "sectioned", + "name": "children", + "value": "React.ReactNode", + "description": "Label content", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Label/Label.tsx", + "syntaxKind": "PropertySignature", + "name": "id", + "value": "string", + "description": "A unique identifier for the label" + }, + { + "filePath": "polaris-react/src/components/Label/Label.tsx", + "syntaxKind": "PropertySignature", + "name": "hidden", "value": "boolean", - "description": "Automatically adds sections to layout.", + "description": "Visually hide the label", "isOptional": true }, { - "filePath": "polaris-react/src/components/Layout/Layout.tsx", + "filePath": "polaris-react/src/components/Label/Label.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to display inside the layout.", + "name": "requiredIndicator", + "value": "boolean", + "description": "Visual required indicator for the label", "isOptional": true } ], - "value": "export interface LayoutProps {\n /** Automatically adds sections to layout. */\n sectioned?: boolean;\n /** The content to display inside the layout. */\n children?: React.ReactNode;\n}" + "value": "export interface LabelProps {\n /** Label content */\n children?: React.ReactNode;\n /** A unique identifier for the label */\n id: string;\n /** Visually hide the label */\n hidden?: boolean;\n /** Visual required indicator for the label */\n requiredIndicator?: boolean;\n}" } }, - "LegacyCardProps": { - "polaris-react/src/components/LegacyCard/LegacyCard.tsx": { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", - "name": "LegacyCardProps", + "LinkProps": { + "polaris-react/src/components/Link/Link.tsx": { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "name": "LinkProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "title", - "value": "React.ReactNode", - "description": "Title content for the card", + "name": "id", + "value": "string", + "description": "ID for the link", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "PropertySignature", + "name": "url", + "value": "string", + "description": "The url to link to", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", "name": "children", "value": "React.ReactNode", - "description": "Inner content of the card", + "description": "The content to display inside the link", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "subdued", + "name": "external", "value": "boolean", - "description": "A less prominent card", + "description": "Makes the link open in a new tab", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "sectioned", + "name": "monochrome", "value": "boolean", - "description": "Auto wrap content in section", + "description": "Makes the link color the same as the current text color and adds an underline", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "actions", - "value": "DisableableAction[]", - "description": "Card header actions", + "name": "removeUnderline", + "value": "boolean", + "description": "Removes text decoration underline to the link", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", + "description": "Callback when a link is clicked", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "primaryFooterAction", - "value": "ComplexAction", - "description": "Primary action in the card footer", + "name": "accessibilityLabel", + "value": "string", + "description": "Descriptive text to be read to screenreaders", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "PropertySignature", + "name": "dataPrimaryLink", + "value": "boolean", + "description": "Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row`", + "isOptional": true + } + ], + "value": "export interface LinkProps {\n /** ID for the link */\n id?: string;\n /** The url to link to */\n url?: string;\n /** The content to display inside the link */\n children?: React.ReactNode;\n /** Makes the link open in a new tab */\n external?: boolean;\n /** Makes the link color the same as the current text color and adds an underline */\n monochrome?: boolean;\n /** Removes text decoration underline to the link*/\n removeUnderline?: boolean;\n /** Callback when a link is clicked */\n onClick?(): void;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n /** Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row` */\n dataPrimaryLink?: boolean;\n}" + } + }, + "LayoutProps": { + "polaris-react/src/components/Layout/Layout.tsx": { + "filePath": "polaris-react/src/components/Layout/Layout.tsx", + "name": "LayoutProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Layout/Layout.tsx", + "syntaxKind": "PropertySignature", + "name": "sectioned", + "value": "boolean", + "description": "Automatically adds sections to layout.", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Layout/Layout.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "The content to display inside the layout.", "isOptional": true + } + ], + "value": "export interface LayoutProps {\n /** Automatically adds sections to layout. */\n sectioned?: boolean;\n /** The content to display inside the layout. */\n children?: React.ReactNode;\n}" + } + }, + "Type": { + "polaris-react/src/components/List/List.tsx": { + "filePath": "polaris-react/src/components/List/List.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Type", + "value": "'bullet' | 'number'", + "description": "" + }, + "polaris-react/src/components/TextField/TextField.tsx": { + "filePath": "polaris-react/src/components/TextField/TextField.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Type", + "value": "'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency'", + "description": "" + } + }, + "ListProps": { + "polaris-react/src/components/List/List.tsx": { + "filePath": "polaris-react/src/components/List/List.tsx", + "name": "ListProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/List/List.tsx", + "syntaxKind": "PropertySignature", + "name": "spacing", + "value": "Spacing", + "description": "Determines the space between list items", + "isOptional": true, + "defaultValue": "'loose'" + }, + { + "filePath": "polaris-react/src/components/List/List.tsx", + "syntaxKind": "PropertySignature", + "name": "type", + "value": "Type", + "description": "Type of list to display", + "isOptional": true, + "defaultValue": "'bullet'" }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/List/List.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "List item elements", + "isOptional": true + } + ], + "value": "export interface ListProps {\n /**\n * Determines the space between list items\n * @default 'loose'\n */\n spacing?: Spacing;\n /**\n * Type of list to display\n * @default 'bullet'\n */\n type?: Type;\n /** List item elements */\n children?: React.ReactNode;\n}" + }, + "polaris-react/src/components/Tabs/components/List/List.tsx": { + "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", + "name": "ListProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", "syntaxKind": "PropertySignature", - "name": "secondaryFooterActions", - "value": "ComplexAction[]", - "description": "Secondary actions in the card footer", - "isOptional": true + "name": "focusIndex", + "value": "number", + "description": "" }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", "syntaxKind": "PropertySignature", - "name": "secondaryFooterActionsDisclosureText", - "value": "string", - "description": "The content of the disclosure button rendered when there is more than one secondary footer action", - "isOptional": true + "name": "disclosureTabs", + "value": "TabDescriptor[]", + "description": "" }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", - "syntaxKind": "PropertySignature", - "name": "footerActionAlignment", - "value": "\"left\" | \"right\"", - "description": "Alignment of the footer actions on the card, defaults to right", + "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "(id: string) => void", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", - "syntaxKind": "PropertySignature", - "name": "hideOnPrint", - "value": "boolean", - "description": "Allow the card to be hidden when printing", + "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", + "syntaxKind": "MethodSignature", + "name": "onKeyPress", + "value": "(event: React.KeyboardEvent) => void", + "description": "", "isOptional": true } ], - "value": "export interface LegacyCardProps {\n /** Title content for the card */\n title?: React.ReactNode;\n /** Inner content of the card */\n children?: React.ReactNode;\n /** A less prominent card */\n subdued?: boolean;\n /** Auto wrap content in section */\n sectioned?: boolean;\n /** Card header actions */\n actions?: DisableableAction[];\n /** Primary action in the card footer */\n primaryFooterAction?: ComplexAction;\n /** Secondary actions in the card footer */\n secondaryFooterActions?: ComplexAction[];\n /** The content of the disclosure button rendered when there is more than one secondary footer action */\n secondaryFooterActionsDisclosureText?: string;\n /** Alignment of the footer actions on the card, defaults to right */\n footerActionAlignment?: 'right' | 'left';\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n}" + "value": "export interface ListProps {\n focusIndex: number;\n disclosureTabs: TabDescriptor[];\n onClick?(id: string): void;\n onKeyPress?(event: React.KeyboardEvent): void;\n}" } }, "Alignment": { @@ -14777,176 +14859,126 @@ "value": "export interface LegacyStackProps {\n /** Elements to display inside stack */\n children?: React.ReactNode;\n /** Wrap stack elements to additional rows as needed on small screens (Defaults to true) */\n wrap?: boolean;\n /** Stack the elements vertically */\n vertical?: boolean;\n /** Adjust spacing between elements */\n spacing?: Spacing;\n /** Adjust vertical alignment of elements */\n alignment?: Alignment;\n /** Adjust horizontal alignment of elements */\n distribution?: Distribution;\n}" } }, - "LinkProps": { - "polaris-react/src/components/Link/Link.tsx": { - "filePath": "polaris-react/src/components/Link/Link.tsx", - "name": "LinkProps", + "LegacyCardProps": { + "polaris-react/src/components/LegacyCard/LegacyCard.tsx": { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "name": "LegacyCardProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "ID for the link", + "name": "title", + "value": "React.ReactNode", + "description": "Title content for the card", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "The url to link to", + "name": "children", + "value": "React.ReactNode", + "description": "Inner content of the card", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to display inside the link", + "name": "subdued", + "value": "boolean", + "description": "A less prominent card", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "external", + "name": "sectioned", "value": "boolean", - "description": "Makes the link open in a new tab", + "description": "Auto wrap content in section", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "monochrome", - "value": "boolean", - "description": "Makes the link color the same as the current text color and adds an underline", + "name": "actions", + "value": "DisableableAction[]", + "description": "Card header actions", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "removeUnderline", - "value": "boolean", - "description": "Removes text decoration underline to the link", + "name": "primaryFooterAction", + "value": "ComplexAction", + "description": "Primary action in the card footer", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", - "description": "Callback when a link is clicked", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "syntaxKind": "PropertySignature", + "name": "secondaryFooterActions", + "value": "ComplexAction[]", + "description": "Secondary actions in the card footer", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", + "name": "secondaryFooterActionsDisclosureText", "value": "string", - "description": "Descriptive text to be read to screenreaders", + "description": "The content of the disclosure button rendered when there is more than one secondary footer action", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "dataPrimaryLink", + "name": "footerActionAlignment", + "value": "\"left\" | \"right\"", + "description": "Alignment of the footer actions on the card, defaults to right", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "syntaxKind": "PropertySignature", + "name": "hideOnPrint", "value": "boolean", - "description": "Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row`", + "description": "Allow the card to be hidden when printing", "isOptional": true } ], - "value": "export interface LinkProps {\n /** ID for the link */\n id?: string;\n /** The url to link to */\n url?: string;\n /** The content to display inside the link */\n children?: React.ReactNode;\n /** Makes the link open in a new tab */\n external?: boolean;\n /** Makes the link color the same as the current text color and adds an underline */\n monochrome?: boolean;\n /** Removes text decoration underline to the link*/\n removeUnderline?: boolean;\n /** Callback when a link is clicked */\n onClick?(): void;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n /** Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row` */\n dataPrimaryLink?: boolean;\n}" + "value": "export interface LegacyCardProps {\n /** Title content for the card */\n title?: React.ReactNode;\n /** Inner content of the card */\n children?: React.ReactNode;\n /** A less prominent card */\n subdued?: boolean;\n /** Auto wrap content in section */\n sectioned?: boolean;\n /** Card header actions */\n actions?: DisableableAction[];\n /** Primary action in the card footer */\n primaryFooterAction?: ComplexAction;\n /** Secondary actions in the card footer */\n secondaryFooterActions?: ComplexAction[];\n /** The content of the disclosure button rendered when there is more than one secondary footer action */\n secondaryFooterActionsDisclosureText?: string;\n /** Alignment of the footer actions on the card, defaults to right */\n footerActionAlignment?: 'right' | 'left';\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n}" } }, - "Type": { - "polaris-react/src/components/List/List.tsx": { - "filePath": "polaris-react/src/components/List/List.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Type", - "value": "'bullet' | 'number'", - "description": "" + "LoadingProps": { + "polaris-react/src/components/Loading/Loading.tsx": { + "filePath": "polaris-react/src/components/Loading/Loading.tsx", + "name": "LoadingProps", + "description": "", + "members": [], + "value": "export interface LoadingProps {}" }, - "polaris-react/src/components/TextField/TextField.tsx": { - "filePath": "polaris-react/src/components/TextField/TextField.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Type", - "value": "'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency'", - "description": "" - } - }, - "ListProps": { - "polaris-react/src/components/List/List.tsx": { - "filePath": "polaris-react/src/components/List/List.tsx", - "name": "ListProps", + "polaris-react/src/components/Listbox/components/Loading/Loading.tsx": { + "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", + "name": "LoadingProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/List/List.tsx", - "syntaxKind": "PropertySignature", - "name": "spacing", - "value": "Spacing", - "description": "Determines the space between list items", - "isOptional": true, - "defaultValue": "'loose'" - }, - { - "filePath": "polaris-react/src/components/List/List.tsx", - "syntaxKind": "PropertySignature", - "name": "type", - "value": "Type", - "description": "Type of list to display", - "isOptional": true, - "defaultValue": "'bullet'" - }, - { - "filePath": "polaris-react/src/components/List/List.tsx", + "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", "syntaxKind": "PropertySignature", "name": "children", "value": "React.ReactNode", - "description": "List item elements", + "description": "", "isOptional": true - } - ], - "value": "export interface ListProps {\n /**\n * Determines the space between list items\n * @default 'loose'\n */\n spacing?: Spacing;\n /**\n * Type of list to display\n * @default 'bullet'\n */\n type?: Type;\n /** List item elements */\n children?: React.ReactNode;\n}" - }, - "polaris-react/src/components/Tabs/components/List/List.tsx": { - "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", - "name": "ListProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", - "syntaxKind": "PropertySignature", - "name": "focusIndex", - "value": "number", - "description": "" }, { - "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", + "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", "syntaxKind": "PropertySignature", - "name": "disclosureTabs", - "value": "TabDescriptor[]", + "name": "accessibilityLabel", + "value": "string", "description": "" - }, - { - "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "(id: string) => void", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", - "syntaxKind": "MethodSignature", - "name": "onKeyPress", - "value": "(event: React.KeyboardEvent) => void", - "description": "", - "isOptional": true } ], - "value": "export interface ListProps {\n focusIndex: number;\n disclosureTabs: TabDescriptor[];\n onClick?(id: string): void;\n onKeyPress?(event: React.KeyboardEvent): void;\n}" + "value": "export interface LoadingProps {\n children?: React.ReactNode;\n accessibilityLabel: string;\n}" } }, "AutoSelection": { @@ -15049,38 +15081,6 @@ "description": "" } }, - "LoadingProps": { - "polaris-react/src/components/Loading/Loading.tsx": { - "filePath": "polaris-react/src/components/Loading/Loading.tsx", - "name": "LoadingProps", - "description": "", - "members": [], - "value": "export interface LoadingProps {}" - }, - "polaris-react/src/components/Listbox/components/Loading/Loading.tsx": { - "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", - "name": "LoadingProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "" - } - ], - "value": "export interface LoadingProps {\n children?: React.ReactNode;\n accessibilityLabel: string;\n}" - } - }, "MediaCardProps": { "polaris-react/src/components/MediaCard/MediaCard.tsx": { "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", @@ -15154,14 +15154,21 @@ "value": "interface MediaCardProps {\n /** The visual media to display in the card */\n children: React.ReactNode;\n /** Heading content */\n title: React.ReactNode;\n /** Body content */\n description: string;\n /** Main call to action, rendered as a basic button */\n primaryAction?: ComplexAction;\n /** Secondary call to action, rendered as a plain button */\n secondaryAction?: ComplexAction;\n /** Action list items to render in ellipsis popover */\n popoverActions?: ActionListItemDescriptor[];\n /** Whether or not card content should be laid out vertically\n * @default false\n */\n portrait?: boolean;\n /** Size of the visual media in the card\n * @default 'medium'\n */\n size?: Size;\n}" } }, - "MessageIndicatorProps": { - "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx": { - "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", - "name": "MessageIndicatorProps", + "NavigationProps": { + "polaris-react/src/components/Navigation/Navigation.tsx": { + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "name": "NavigationProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "location", + "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", "syntaxKind": "PropertySignature", "name": "children", "value": "React.ReactNode", @@ -15169,15 +15176,134 @@ "isOptional": true }, { - "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", "syntaxKind": "PropertySignature", - "name": "active", + "name": "contextControl", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "syntaxKind": "MethodSignature", + "name": "onDismiss", + "value": "() => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "ariaLabelledBy", + "value": "string", + "description": "id of the element used as aria-labelledby", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "logoSuffix", + "value": "React.ReactNode", + "description": "Accepts a component that is used to supplement the logo markup", + "isOptional": true + } + ], + "value": "export interface NavigationProps {\n location: string;\n children?: React.ReactNode;\n contextControl?: React.ReactNode;\n onDismiss?(): void;\n /** id of the element used as aria-labelledby */\n ariaLabelledBy?: string;\n /** Accepts a component that is used to supplement the logo markup */\n logoSuffix?: React.ReactNode;\n}" + }, + "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx": { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "name": "NavigationProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "columnVisibilityData", + "value": "ColumnVisibilityData[]", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "isScrolledFarthestLeft", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "isScrolledFarthestRight", "value": "boolean", "description": "", "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "fixedFirstColumns", + "value": "number", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "MethodSignature", + "name": "navigateTableLeft", + "value": "() => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "MethodSignature", + "name": "navigateTableRight", + "value": "() => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "setRef", + "value": "(ref: HTMLDivElement) => void", + "description": "", + "isOptional": true } ], - "value": "export interface MessageIndicatorProps {\n children?: React.ReactNode;\n active?: boolean;\n}" + "value": "export interface NavigationProps {\n columnVisibilityData: ColumnVisibilityData[];\n isScrolledFarthestLeft?: boolean;\n isScrolledFarthestRight?: boolean;\n fixedFirstColumns: number;\n navigateTableLeft?(): void;\n navigateTableRight?(): void;\n setRef?: (ref: HTMLDivElement | null) => void;\n}" + } + }, + "NavigationContextType": { + "polaris-react/src/components/Navigation/context.tsx": { + "filePath": "polaris-react/src/components/Navigation/context.tsx", + "name": "NavigationContextType", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Navigation/context.tsx", + "syntaxKind": "PropertySignature", + "name": "location", + "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/context.tsx", + "syntaxKind": "MethodSignature", + "name": "onNavigationDismiss", + "value": "() => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/context.tsx", + "syntaxKind": "PropertySignature", + "name": "withinContentContainer", + "value": "boolean", + "description": "", + "isOptional": true + } + ], + "value": "interface NavigationContextType {\n location: string;\n onNavigationDismiss?(): void;\n withinContentContainer?: boolean;\n}" } }, "ModalProps": { @@ -15324,196 +15450,70 @@ "filePath": "polaris-react/src/components/Modal/Modal.tsx", "syntaxKind": "PropertySignature", "name": "activator", - "value": "any", - "description": "The element or the RefObject that activates the Modal", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Modal/Modal.tsx", - "syntaxKind": "PropertySignature", - "name": "noScroll", - "value": "boolean", - "description": "Removes Scrollable container from the modal content", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Modal/Modal.tsx", - "syntaxKind": "PropertySignature", - "name": "fullScreen", - "value": "boolean", - "description": "Sets modal to the height of the viewport on small screens", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Modal/Modal.tsx", - "syntaxKind": "PropertySignature", - "name": "primaryAction", - "value": "ComplexAction", - "description": "Primary action", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Modal/Modal.tsx", - "syntaxKind": "PropertySignature", - "name": "secondaryActions", - "value": "ComplexAction[]", - "description": "Collection of secondary actions", - "isOptional": true - } - ], - "value": "export interface ModalProps extends FooterProps {\n /** Whether the modal is open or not */\n open: boolean;\n /** The url that will be loaded as the content of the modal */\n src?: string;\n /** The name of the modal content iframe */\n iFrameName?: string;\n /** The content for the title of the modal */\n title: string | React.ReactNode;\n /**\n * Hide the title in the modal\n * @default false\n */\n titleHidden?: boolean;\n /** The content to display inside modal */\n children?: React.ReactNode;\n /** Inner content of the footer */\n footer?: React.ReactNode;\n /** Disable animations and open modal instantly */\n instant?: boolean;\n /** Automatically adds sections to modal */\n sectioned?: boolean;\n /** Increases the modal width */\n large?: boolean;\n /** Decreases the modal width */\n small?: boolean;\n /** Limits modal height on large sceens with scrolling */\n limitHeight?: boolean;\n /** Replaces modal content with a spinner while a background action is being performed */\n loading?: boolean;\n /** Callback when the modal is closed */\n onClose(): void;\n /** Callback when iframe has loaded */\n onIFrameLoad?(evt: React.SyntheticEvent): void;\n /** Callback when modal transition animation has ended */\n onTransitionEnd?(): void;\n /** Callback when the bottom of the modal content is reached */\n onScrolledToBottom?(): void;\n /** The element or the RefObject that activates the Modal */\n activator?: React.RefObject | React.ReactElement;\n /** Removes Scrollable container from the modal content */\n noScroll?: boolean;\n /** Sets modal to the height of the viewport on small screens */\n fullScreen?: boolean;\n}" - } - }, - "NavigationProps": { - "polaris-react/src/components/Navigation/Navigation.tsx": { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", - "name": "NavigationProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", - "syntaxKind": "PropertySignature", - "name": "location", - "value": "string", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", - "syntaxKind": "PropertySignature", - "name": "contextControl", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", - "syntaxKind": "MethodSignature", - "name": "onDismiss", - "value": "() => void", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", - "syntaxKind": "PropertySignature", - "name": "ariaLabelledBy", - "value": "string", - "description": "id of the element used as aria-labelledby", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", - "syntaxKind": "PropertySignature", - "name": "logoSuffix", - "value": "React.ReactNode", - "description": "Accepts a component that is used to supplement the logo markup", - "isOptional": true - } - ], - "value": "export interface NavigationProps {\n location: string;\n children?: React.ReactNode;\n contextControl?: React.ReactNode;\n onDismiss?(): void;\n /** id of the element used as aria-labelledby */\n ariaLabelledBy?: string;\n /** Accepts a component that is used to supplement the logo markup */\n logoSuffix?: React.ReactNode;\n}" - }, - "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx": { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", - "name": "NavigationProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", - "syntaxKind": "PropertySignature", - "name": "columnVisibilityData", - "value": "ColumnVisibilityData[]", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", - "syntaxKind": "PropertySignature", - "name": "isScrolledFarthestLeft", - "value": "boolean", - "description": "", + "value": "any", + "description": "The element or the RefObject that activates the Modal", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "filePath": "polaris-react/src/components/Modal/Modal.tsx", "syntaxKind": "PropertySignature", - "name": "isScrolledFarthestRight", + "name": "noScroll", "value": "boolean", - "description": "", + "description": "Removes Scrollable container from the modal content", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "filePath": "polaris-react/src/components/Modal/Modal.tsx", "syntaxKind": "PropertySignature", - "name": "fixedFirstColumns", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", - "syntaxKind": "MethodSignature", - "name": "navigateTableLeft", - "value": "() => void", - "description": "", + "name": "fullScreen", + "value": "boolean", + "description": "Sets modal to the height of the viewport on small screens", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", - "syntaxKind": "MethodSignature", - "name": "navigateTableRight", - "value": "() => void", - "description": "", + "filePath": "polaris-react/src/components/Modal/Modal.tsx", + "syntaxKind": "PropertySignature", + "name": "primaryAction", + "value": "ComplexAction", + "description": "Primary action", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "filePath": "polaris-react/src/components/Modal/Modal.tsx", "syntaxKind": "PropertySignature", - "name": "setRef", - "value": "(ref: HTMLDivElement) => void", - "description": "", + "name": "secondaryActions", + "value": "ComplexAction[]", + "description": "Collection of secondary actions", "isOptional": true } ], - "value": "export interface NavigationProps {\n columnVisibilityData: ColumnVisibilityData[];\n isScrolledFarthestLeft?: boolean;\n isScrolledFarthestRight?: boolean;\n fixedFirstColumns: number;\n navigateTableLeft?(): void;\n navigateTableRight?(): void;\n setRef?: (ref: HTMLDivElement | null) => void;\n}" + "value": "export interface ModalProps extends FooterProps {\n /** Whether the modal is open or not */\n open: boolean;\n /** The url that will be loaded as the content of the modal */\n src?: string;\n /** The name of the modal content iframe */\n iFrameName?: string;\n /** The content for the title of the modal */\n title: string | React.ReactNode;\n /**\n * Hide the title in the modal\n * @default false\n */\n titleHidden?: boolean;\n /** The content to display inside modal */\n children?: React.ReactNode;\n /** Inner content of the footer */\n footer?: React.ReactNode;\n /** Disable animations and open modal instantly */\n instant?: boolean;\n /** Automatically adds sections to modal */\n sectioned?: boolean;\n /** Increases the modal width */\n large?: boolean;\n /** Decreases the modal width */\n small?: boolean;\n /** Limits modal height on large sceens with scrolling */\n limitHeight?: boolean;\n /** Replaces modal content with a spinner while a background action is being performed */\n loading?: boolean;\n /** Callback when the modal is closed */\n onClose(): void;\n /** Callback when iframe has loaded */\n onIFrameLoad?(evt: React.SyntheticEvent): void;\n /** Callback when modal transition animation has ended */\n onTransitionEnd?(): void;\n /** Callback when the bottom of the modal content is reached */\n onScrolledToBottom?(): void;\n /** The element or the RefObject that activates the Modal */\n activator?: React.RefObject | React.ReactElement;\n /** Removes Scrollable container from the modal content */\n noScroll?: boolean;\n /** Sets modal to the height of the viewport on small screens */\n fullScreen?: boolean;\n}" } }, - "NavigationContextType": { - "polaris-react/src/components/Navigation/context.tsx": { - "filePath": "polaris-react/src/components/Navigation/context.tsx", - "name": "NavigationContextType", + "MessageIndicatorProps": { + "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx": { + "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", + "name": "MessageIndicatorProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Navigation/context.tsx", + "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", "syntaxKind": "PropertySignature", - "name": "location", - "value": "string", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Navigation/context.tsx", - "syntaxKind": "MethodSignature", - "name": "onNavigationDismiss", - "value": "() => void", + "name": "children", + "value": "React.ReactNode", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/context.tsx", + "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", "syntaxKind": "PropertySignature", - "name": "withinContentContainer", + "name": "active", "value": "boolean", "description": "", "isOptional": true } ], - "value": "interface NavigationContextType {\n location: string;\n onNavigationDismiss?(): void;\n withinContentContainer?: boolean;\n}" + "value": "export interface MessageIndicatorProps {\n children?: React.ReactNode;\n active?: boolean;\n}" } }, "OptionListProps": { @@ -15774,23 +15774,211 @@ "isOptional": true } ], - "value": "export interface PageActionsProps {\n /** The primary action for the page */\n primaryAction?: (DisableableAction & LoadableAction) | React.ReactNode;\n /** The secondary actions for the page */\n secondaryActions?: ComplexAction[] | React.ReactNode;\n}" + "value": "export interface PageActionsProps {\n /** The primary action for the page */\n primaryAction?: (DisableableAction & LoadableAction) | React.ReactNode;\n /** The secondary actions for the page */\n secondaryActions?: ComplexAction[] | React.ReactNode;\n}" + } + }, + "MaybeJSX": { + "polaris-react/src/components/PageActions/PageActions.tsx": { + "filePath": "polaris-react/src/components/PageActions/PageActions.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "MaybeJSX", + "value": "JSX.Element | null", + "description": "" + }, + "polaris-react/src/components/Page/components/Header/Header.tsx": { + "filePath": "polaris-react/src/components/Page/components/Header/Header.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "MaybeJSX", + "value": "JSX.Element | null", + "description": "" + } + }, + "PopoverProps": { + "polaris-react/src/components/Popover/Popover.tsx": { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "name": "PopoverProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "The content to display inside the popover", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "preferredPosition", + "value": "PreferredPosition", + "description": "The preferred direction to open the popover", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "preferredAlignment", + "value": "PreferredAlignment", + "description": "The preferred alignment of the popover relative to its activator", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "active", + "value": "boolean", + "description": "Show or hide the Popover" + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "activator", + "value": "React.ReactElement", + "description": "The element to activate the Popover" + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "preferInputActivator", + "value": "boolean", + "description": "Use the activator's input element to calculate the Popover position", + "isOptional": true, + "defaultValue": "true" + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "activatorWrapper", + "value": "string", + "description": "The element type to wrap the activator with", + "isOptional": true, + "defaultValue": "'div'" + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "zIndexOverride", + "value": "number", + "description": "Override on the default z-index of 400", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "preventFocusOnClose", + "value": "boolean", + "description": "Prevents focusing the activator or the next focusable element when the popover is deactivated", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "sectioned", + "value": "boolean", + "description": "Automatically add wrap content in a section", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "fullWidth", + "value": "boolean", + "description": "Allow popover to stretch to the full width of its activator", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "fullHeight", + "value": "boolean", + "description": "Allow popover to stretch to fit content vertically", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "fluidContent", + "value": "boolean", + "description": "Allow popover content to determine the overlay width and height", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "fixed", + "value": "boolean", + "description": "Remains in a fixed position", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "ariaHaspopup", + "value": "boolean | \"false\" | \"true\" | \"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\"", + "description": "Used to illustrate the type of popover element", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "hideOnPrint", + "value": "boolean", + "description": "Allow the popover overlay to be hidden when printing", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "MethodSignature", + "name": "onClose", + "value": "(source: PopoverCloseSource) => void", + "description": "Callback when popover is closed" + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "autofocusTarget", + "value": "PopoverAutofocusTarget", + "description": "The preferred auto focus target defaulting to the popover container", + "isOptional": true, + "defaultValue": "'container'" + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "preventCloseOnChildOverlayClick", + "value": "boolean", + "description": "Prevents closing the popover when other overlays are clicked", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "captureOverscroll", + "value": "boolean", + "description": "Prevents page scrolling when the end of the scrollable Popover overlay content is reached - applied to Pane subcomponent", + "isOptional": true, + "defaultValue": "false" + } + ], + "value": "export interface PopoverProps {\n /** The content to display inside the popover */\n children?: React.ReactNode;\n /** The preferred direction to open the popover */\n preferredPosition?: PopoverOverlayProps['preferredPosition'];\n /** The preferred alignment of the popover relative to its activator */\n preferredAlignment?: PopoverOverlayProps['preferredAlignment'];\n /** Show or hide the Popover */\n active: boolean;\n /** The element to activate the Popover */\n activator: React.ReactElement;\n /**\n * Use the activator's input element to calculate the Popover position\n * @default true\n */\n preferInputActivator?: PopoverOverlayProps['preferInputActivator'];\n /**\n * The element type to wrap the activator with\n * @default 'div'\n */\n activatorWrapper?: string;\n /** Override on the default z-index of 400 */\n zIndexOverride?: number;\n /** Prevents focusing the activator or the next focusable element when the popover is deactivated */\n preventFocusOnClose?: boolean;\n /** Automatically add wrap content in a section */\n sectioned?: boolean;\n /** Allow popover to stretch to the full width of its activator */\n fullWidth?: boolean;\n /** Allow popover to stretch to fit content vertically */\n fullHeight?: boolean;\n /** Allow popover content to determine the overlay width and height */\n fluidContent?: boolean;\n /** Remains in a fixed position */\n fixed?: boolean;\n /** Used to illustrate the type of popover element */\n ariaHaspopup?: AriaAttributes['aria-haspopup'];\n /** Allow the popover overlay to be hidden when printing */\n hideOnPrint?: boolean;\n /** Callback when popover is closed */\n onClose(source: PopoverCloseSource): void;\n /**\n * The preferred auto focus target defaulting to the popover container\n * @default 'container'\n */\n autofocusTarget?: PopoverAutofocusTarget;\n /** Prevents closing the popover when other overlays are clicked */\n preventCloseOnChildOverlayClick?: boolean;\n /**\n * Prevents page scrolling when the end of the scrollable Popover overlay content is reached - applied to Pane subcomponent\n * @default false\n */\n captureOverscroll?: boolean;\n}" } }, - "MaybeJSX": { - "polaris-react/src/components/PageActions/PageActions.tsx": { - "filePath": "polaris-react/src/components/PageActions/PageActions.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "MaybeJSX", - "value": "JSX.Element | null", - "description": "" - }, - "polaris-react/src/components/Page/components/Header/Header.tsx": { - "filePath": "polaris-react/src/components/Page/components/Header/Header.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "MaybeJSX", - "value": "JSX.Element | null", - "description": "" + "PopoverPublicAPI": { + "polaris-react/src/components/Popover/Popover.tsx": { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "name": "PopoverPublicAPI", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "MethodSignature", + "name": "forceUpdatePosition", + "value": "() => void", + "description": "" + } + ], + "value": "export interface PopoverPublicAPI {\n forceUpdatePosition(): void;\n}" } }, "AccessibilityLabels": { @@ -16053,243 +16241,21 @@ { "filePath": "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx", "syntaxKind": "PropertySignature", - "name": "features", - "value": "FeaturesConfig", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx", - "syntaxKind": "PropertySignature", - "name": "frame", - "value": "Partial", - "description": "", - "isOptional": true - } - ], - "value": "export interface PolarisTestProviderProps\n extends WithPolarisTestProviderOptions {\n children: React.ReactElement;\n strict?: boolean;\n}" - } - }, - "PopoverProps": { - "polaris-react/src/components/Popover/Popover.tsx": { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "name": "PopoverProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to display inside the popover", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "preferredPosition", - "value": "PreferredPosition", - "description": "The preferred direction to open the popover", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "preferredAlignment", - "value": "PreferredAlignment", - "description": "The preferred alignment of the popover relative to its activator", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "active", - "value": "boolean", - "description": "Show or hide the Popover" - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "activator", - "value": "React.ReactElement", - "description": "The element to activate the Popover" - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "preferInputActivator", - "value": "boolean", - "description": "Use the activator's input element to calculate the Popover position", - "isOptional": true, - "defaultValue": "true" - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "activatorWrapper", - "value": "string", - "description": "The element type to wrap the activator with", - "isOptional": true, - "defaultValue": "'div'" - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "zIndexOverride", - "value": "number", - "description": "Override on the default z-index of 400", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "preventFocusOnClose", - "value": "boolean", - "description": "Prevents focusing the activator or the next focusable element when the popover is deactivated", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "sectioned", - "value": "boolean", - "description": "Automatically add wrap content in a section", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "fullWidth", - "value": "boolean", - "description": "Allow popover to stretch to the full width of its activator", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "fullHeight", - "value": "boolean", - "description": "Allow popover to stretch to fit content vertically", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "fluidContent", - "value": "boolean", - "description": "Allow popover content to determine the overlay width and height", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "fixed", - "value": "boolean", - "description": "Remains in a fixed position", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "ariaHaspopup", - "value": "boolean | \"false\" | \"true\" | \"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\"", - "description": "Used to illustrate the type of popover element", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "hideOnPrint", - "value": "boolean", - "description": "Allow the popover overlay to be hidden when printing", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "MethodSignature", - "name": "onClose", - "value": "(source: PopoverCloseSource) => void", - "description": "Callback when popover is closed" - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "autofocusTarget", - "value": "PopoverAutofocusTarget", - "description": "The preferred auto focus target defaulting to the popover container", - "isOptional": true, - "defaultValue": "'container'" - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "preventCloseOnChildOverlayClick", - "value": "boolean", - "description": "Prevents closing the popover when other overlays are clicked", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "captureOverscroll", - "value": "boolean", - "description": "Prevents page scrolling when the end of the scrollable Popover overlay content is reached - applied to Pane subcomponent", - "isOptional": true, - "defaultValue": "false" - } - ], - "value": "export interface PopoverProps {\n /** The content to display inside the popover */\n children?: React.ReactNode;\n /** The preferred direction to open the popover */\n preferredPosition?: PopoverOverlayProps['preferredPosition'];\n /** The preferred alignment of the popover relative to its activator */\n preferredAlignment?: PopoverOverlayProps['preferredAlignment'];\n /** Show or hide the Popover */\n active: boolean;\n /** The element to activate the Popover */\n activator: React.ReactElement;\n /**\n * Use the activator's input element to calculate the Popover position\n * @default true\n */\n preferInputActivator?: PopoverOverlayProps['preferInputActivator'];\n /**\n * The element type to wrap the activator with\n * @default 'div'\n */\n activatorWrapper?: string;\n /** Override on the default z-index of 400 */\n zIndexOverride?: number;\n /** Prevents focusing the activator or the next focusable element when the popover is deactivated */\n preventFocusOnClose?: boolean;\n /** Automatically add wrap content in a section */\n sectioned?: boolean;\n /** Allow popover to stretch to the full width of its activator */\n fullWidth?: boolean;\n /** Allow popover to stretch to fit content vertically */\n fullHeight?: boolean;\n /** Allow popover content to determine the overlay width and height */\n fluidContent?: boolean;\n /** Remains in a fixed position */\n fixed?: boolean;\n /** Used to illustrate the type of popover element */\n ariaHaspopup?: AriaAttributes['aria-haspopup'];\n /** Allow the popover overlay to be hidden when printing */\n hideOnPrint?: boolean;\n /** Callback when popover is closed */\n onClose(source: PopoverCloseSource): void;\n /**\n * The preferred auto focus target defaulting to the popover container\n * @default 'container'\n */\n autofocusTarget?: PopoverAutofocusTarget;\n /** Prevents closing the popover when other overlays are clicked */\n preventCloseOnChildOverlayClick?: boolean;\n /**\n * Prevents page scrolling when the end of the scrollable Popover overlay content is reached - applied to Pane subcomponent\n * @default false\n */\n captureOverscroll?: boolean;\n}" - } - }, - "PopoverPublicAPI": { - "polaris-react/src/components/Popover/Popover.tsx": { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "name": "PopoverPublicAPI", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "MethodSignature", - "name": "forceUpdatePosition", - "value": "() => void", - "description": "" - } - ], - "value": "export interface PopoverPublicAPI {\n forceUpdatePosition(): void;\n}" - } - }, - "PortalProps": { - "polaris-react/src/components/Portal/Portal.tsx": { - "filePath": "polaris-react/src/components/Portal/Portal.tsx", - "name": "PortalProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Portal/Portal.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Portal/Portal.tsx", - "syntaxKind": "PropertySignature", - "name": "idPrefix", - "value": "string", + "name": "features", + "value": "FeaturesConfig", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Portal/Portal.tsx", - "syntaxKind": "MethodSignature", - "name": "onPortalCreated", - "value": "() => void", + "filePath": "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx", + "syntaxKind": "PropertySignature", + "name": "frame", + "value": "Partial", "description": "", "isOptional": true } ], - "value": "export interface PortalProps {\n children?: React.ReactNode;\n idPrefix?: string;\n onPortalCreated?(): void;\n}" + "value": "export interface PolarisTestProviderProps\n extends WithPolarisTestProviderOptions {\n children: React.ReactElement;\n strict?: boolean;\n}" } }, "PortalsManagerProps": { @@ -16483,6 +16449,40 @@ "value": "export interface PositionedOverlayProps {\n active: boolean;\n activator: HTMLElement;\n preferInputActivator?: boolean;\n preferredPosition?: PreferredPosition;\n preferredAlignment?: PreferredAlignment;\n fullWidth?: boolean;\n fixed?: boolean;\n preventInteraction?: boolean;\n classNames?: string;\n zIndexOverride?: number;\n render(overlayDetails: OverlayDetails): React.ReactNode;\n onScrollOut?(): void;\n}" } }, + "PortalProps": { + "polaris-react/src/components/Portal/Portal.tsx": { + "filePath": "polaris-react/src/components/Portal/Portal.tsx", + "name": "PortalProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Portal/Portal.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Portal/Portal.tsx", + "syntaxKind": "PropertySignature", + "name": "idPrefix", + "value": "string", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Portal/Portal.tsx", + "syntaxKind": "MethodSignature", + "name": "onPortalCreated", + "value": "() => void", + "description": "", + "isOptional": true + } + ], + "value": "export interface PortalProps {\n children?: React.ReactNode;\n idPrefix?: string;\n onPortalCreated?(): void;\n}" + } + }, "ProgressBarProps": { "polaris-react/src/components/ProgressBar/ProgressBar.tsx": { "filePath": "polaris-react/src/components/ProgressBar/ProgressBar.tsx", @@ -17068,74 +17068,6 @@ "value": "interface PropsFromWrapper {\n breakpoints?: BreakpointsMatches;\n context: React.ContextType;\n i18n: ReturnType;\n}" } }, - "ScrollableProps": { - "polaris-react/src/components/Scrollable/Scrollable.tsx": { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "name": "ScrollableProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Content to display in scrollable area", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "vertical", - "value": "boolean", - "description": "Scroll content vertically", - "isOptional": true, - "defaultValue": "true" - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "horizontal", - "value": "boolean", - "description": "Scroll content horizontally", - "isOptional": true, - "defaultValue": "true" - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "shadow", - "value": "boolean", - "description": "Add a shadow when content is scrollable", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "hint", - "value": "boolean", - "description": "Slightly hints content upon mounting when scrollable", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "focusable", - "value": "boolean", - "description": "Adds a tabIndex to scrollable when children are not focusable", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "MethodSignature", - "name": "onScrolledToBottom", - "value": "() => void", - "description": "Called when scrolled to the bottom of the scroll area", - "isOptional": true - } - ], - "value": "export interface ScrollableProps extends React.HTMLProps {\n /** Content to display in scrollable area */\n children?: React.ReactNode;\n /** Scroll content vertically\n * @default true\n * */\n vertical?: boolean;\n /** Scroll content horizontally\n * @default true\n * */\n horizontal?: boolean;\n /** Add a shadow when content is scrollable */\n shadow?: boolean;\n /** Slightly hints content upon mounting when scrollable */\n hint?: boolean;\n /** Adds a tabIndex to scrollable when children are not focusable */\n focusable?: boolean;\n /** Called when scrolled to the bottom of the scroll area */\n onScrolledToBottom?(): void;\n}" - } - }, "ResourceListItemData": { "polaris-react/src/components/ResourceList/ResourceList.tsx": { "filePath": "polaris-react/src/components/ResourceList/ResourceList.tsx", @@ -17559,71 +17491,199 @@ "isOptional": true }, { - "filePath": "polaris-react/src/components/Select/Select.tsx", + "filePath": "polaris-react/src/components/Select/Select.tsx", + "syntaxKind": "PropertySignature", + "name": "id", + "value": "string", + "description": "ID for form input", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Select/Select.tsx", + "syntaxKind": "PropertySignature", + "name": "name", + "value": "string", + "description": "Name for form input", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Select/Select.tsx", + "syntaxKind": "PropertySignature", + "name": "value", + "value": "string", + "description": "Value for form input", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Select/Select.tsx", + "syntaxKind": "PropertySignature", + "name": "error", + "value": "any", + "description": "Display an error state", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Select/Select.tsx", + "syntaxKind": "MethodSignature", + "name": "onChange", + "value": "(selected: string, id: string) => void", + "description": "Callback when selection is changed", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Select/Select.tsx", + "syntaxKind": "MethodSignature", + "name": "onFocus", + "value": "() => void", + "description": "Callback when select is focused", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Select/Select.tsx", + "syntaxKind": "MethodSignature", + "name": "onBlur", + "value": "() => void", + "description": "Callback when focus is removed", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Select/Select.tsx", + "syntaxKind": "PropertySignature", + "name": "requiredIndicator", + "value": "boolean", + "description": "Visual required indicator, add an asterisk to label", + "isOptional": true + } + ], + "value": "export interface SelectProps {\n /** List of options or option groups to choose from */\n options?: (SelectOption | SelectGroup)[];\n /** Label for the select */\n label: React.ReactNode;\n /** Adds an action to the label */\n labelAction?: LabelledProps['action'];\n /** Visually hide the label */\n labelHidden?: boolean;\n /** Show the label to the left of the value, inside the control */\n labelInline?: boolean;\n /** Disable input */\n disabled?: boolean;\n /** Additional text to aide in use */\n helpText?: React.ReactNode;\n /** Example text to display as placeholder */\n placeholder?: string;\n /** ID for form input */\n id?: string;\n /** Name for form input */\n name?: string;\n /** Value for form input */\n value?: string;\n /** Display an error state */\n error?: Error | boolean;\n /** Callback when selection is changed */\n onChange?(selected: string, id: string): void;\n /** Callback when select is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n /** Visual required indicator, add an asterisk to label */\n requiredIndicator?: boolean;\n}" + } + }, + "ScrollableProps": { + "polaris-react/src/components/Scrollable/Scrollable.tsx": { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "name": "ScrollableProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Content to display in scrollable area", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "vertical", + "value": "boolean", + "description": "Scroll content vertically", + "isOptional": true, + "defaultValue": "true" + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "horizontal", + "value": "boolean", + "description": "Scroll content horizontally", + "isOptional": true, + "defaultValue": "true" + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "shadow", + "value": "boolean", + "description": "Add a shadow when content is scrollable", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "hint", + "value": "boolean", + "description": "Slightly hints content upon mounting when scrollable", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "focusable", + "value": "boolean", + "description": "Adds a tabIndex to scrollable when children are not focusable", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "MethodSignature", + "name": "onScrolledToBottom", + "value": "() => void", + "description": "Called when scrolled to the bottom of the scroll area", + "isOptional": true + } + ], + "value": "export interface ScrollableProps extends React.HTMLProps {\n /** Content to display in scrollable area */\n children?: React.ReactNode;\n /** Scroll content vertically\n * @default true\n * */\n vertical?: boolean;\n /** Scroll content horizontally\n * @default true\n * */\n horizontal?: boolean;\n /** Add a shadow when content is scrollable */\n shadow?: boolean;\n /** Slightly hints content upon mounting when scrollable */\n hint?: boolean;\n /** Adds a tabIndex to scrollable when children are not focusable */\n focusable?: boolean;\n /** Called when scrolled to the bottom of the scroll area */\n onScrolledToBottom?(): void;\n}" + } + }, + "SettingActionProps": { + "polaris-react/src/components/SettingAction/SettingAction.tsx": { + "filePath": "polaris-react/src/components/SettingAction/SettingAction.tsx", + "name": "SettingActionProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/SettingAction/SettingAction.tsx", "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "ID for form input", + "name": "action", + "value": "React.ReactNode", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Select/Select.tsx", + "filePath": "polaris-react/src/components/SettingAction/SettingAction.tsx", "syntaxKind": "PropertySignature", - "name": "name", - "value": "string", - "description": "Name for form input", + "name": "children", + "value": "React.ReactNode", + "description": "", "isOptional": true - }, + } + ], + "value": "export interface SettingActionProps {\n action?: React.ReactNode;\n children?: React.ReactNode;\n}" + } + }, + "SettingToggleProps": { + "polaris-react/src/components/SettingToggle/SettingToggle.tsx": { + "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", + "name": "SettingToggleProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/Select/Select.tsx", + "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", "syntaxKind": "PropertySignature", - "name": "value", - "value": "string", - "description": "Value for form input", + "name": "children", + "value": "React.ReactNode", + "description": "Inner content of the card", "isOptional": true }, { - "filePath": "polaris-react/src/components/Select/Select.tsx", + "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", "syntaxKind": "PropertySignature", - "name": "error", - "value": "any", - "description": "Display an error state", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "MethodSignature", - "name": "onChange", - "value": "(selected: string, id: string) => void", - "description": "Callback when selection is changed", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "MethodSignature", - "name": "onFocus", - "value": "() => void", - "description": "Callback when select is focused", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "MethodSignature", - "name": "onBlur", - "value": "() => void", - "description": "Callback when focus is removed", + "name": "action", + "value": "ComplexAction", + "description": "Card header actions", "isOptional": true }, { - "filePath": "polaris-react/src/components/Select/Select.tsx", + "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", "syntaxKind": "PropertySignature", - "name": "requiredIndicator", + "name": "enabled", "value": "boolean", - "description": "Visual required indicator, add an asterisk to label", + "description": "Sets toggle state to activated or deactivated", "isOptional": true } ], - "value": "export interface SelectProps {\n /** List of options or option groups to choose from */\n options?: (SelectOption | SelectGroup)[];\n /** Label for the select */\n label: React.ReactNode;\n /** Adds an action to the label */\n labelAction?: LabelledProps['action'];\n /** Visually hide the label */\n labelHidden?: boolean;\n /** Show the label to the left of the value, inside the control */\n labelInline?: boolean;\n /** Disable input */\n disabled?: boolean;\n /** Additional text to aide in use */\n helpText?: React.ReactNode;\n /** Example text to display as placeholder */\n placeholder?: string;\n /** ID for form input */\n id?: string;\n /** Name for form input */\n name?: string;\n /** Value for form input */\n value?: string;\n /** Display an error state */\n error?: Error | boolean;\n /** Callback when selection is changed */\n onChange?(selected: string, id: string): void;\n /** Callback when select is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n /** Visual required indicator, add an asterisk to label */\n requiredIndicator?: boolean;\n}" + "value": "export interface SettingToggleProps {\n /** Inner content of the card */\n children?: React.ReactNode;\n /** Card header actions */\n action?: ComplexAction;\n /** Sets toggle state to activated or deactivated */\n enabled?: boolean;\n}" } }, "AriaLive": { @@ -17709,64 +17769,23 @@ "value": "export interface SelectAllActionsProps {\n /** Visually hidden text for screen readers */\n accessibilityLabel?: string;\n /** Label for the bulk actions */\n label?: string;\n /** State of the bulk actions checkbox */\n selected?: boolean | 'indeterminate';\n /** List is in a selectable state */\n selectMode?: boolean;\n /** Text to select all across pages */\n paginatedSelectAllText?: string;\n /** Action for selecting all across pages */\n paginatedSelectAllAction?: Action;\n /** Disables bulk actions */\n disabled?: boolean;\n /** Callback when the select all checkbox is clicked */\n onToggleAll?(): void;\n}" } }, - "SettingActionProps": { - "polaris-react/src/components/SettingAction/SettingAction.tsx": { - "filePath": "polaris-react/src/components/SettingAction/SettingAction.tsx", - "name": "SettingActionProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/SettingAction/SettingAction.tsx", - "syntaxKind": "PropertySignature", - "name": "action", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/SettingAction/SettingAction.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - } - ], - "value": "export interface SettingActionProps {\n action?: React.ReactNode;\n children?: React.ReactNode;\n}" - } - }, - "SettingToggleProps": { - "polaris-react/src/components/SettingToggle/SettingToggle.tsx": { - "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", - "name": "SettingToggleProps", + "SkeletonBodyTextProps": { + "polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx": { + "filePath": "polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx", + "name": "SkeletonBodyTextProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Inner content of the card", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", - "syntaxKind": "PropertySignature", - "name": "action", - "value": "ComplexAction", - "description": "Card header actions", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", + "filePath": "polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx", "syntaxKind": "PropertySignature", - "name": "enabled", - "value": "boolean", - "description": "Sets toggle state to activated or deactivated", - "isOptional": true + "name": "lines", + "value": "number", + "description": "Number of lines to display", + "isOptional": true, + "defaultValue": "3" } ], - "value": "export interface SettingToggleProps {\n /** Inner content of the card */\n children?: React.ReactNode;\n /** Card header actions */\n action?: ComplexAction;\n /** Sets toggle state to activated or deactivated */\n enabled?: boolean;\n}" + "value": "export interface SkeletonBodyTextProps {\n /**\n * Number of lines to display\n * @default 3\n */\n lines?: number;\n}" } }, "SheetProps": { @@ -17831,42 +17850,22 @@ "value": "export interface SheetProps {\n /** Whether or not the sheet is open */\n open: boolean;\n /** The child elements to render in the sheet */\n children: React.ReactNode;\n /** Callback when the backdrop is clicked or `ESC` is pressed */\n onClose(): void;\n /** Callback when the sheet has completed entering */\n onEntered?(): void;\n /** Callback when the sheet has started to exit */\n onExit?(): void;\n /** ARIA label for sheet */\n accessibilityLabel: string;\n /** The element or the RefObject that activates the Sheet */\n activator?: React.RefObject | React.ReactElement;\n}" } }, - "SkeletonBodyTextProps": { - "polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx": { - "filePath": "polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx", - "name": "SkeletonBodyTextProps", + "SkeletonTabsProps": { + "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx": { + "filePath": "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx", + "name": "SkeletonTabsProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx", + "filePath": "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx", "syntaxKind": "PropertySignature", - "name": "lines", + "name": "count", "value": "number", - "description": "Number of lines to display", - "isOptional": true, - "defaultValue": "3" - } - ], - "value": "export interface SkeletonBodyTextProps {\n /**\n * Number of lines to display\n * @default 3\n */\n lines?: number;\n}" - } - }, - "SkeletonDisplayTextProps": { - "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx": { - "filePath": "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx", - "name": "SkeletonDisplayTextProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx", - "syntaxKind": "PropertySignature", - "name": "size", - "value": "Size", - "description": "Size of the text", - "isOptional": true, - "defaultValue": "'medium'" + "description": "", + "isOptional": true } ], - "value": "export interface SkeletonDisplayTextProps {\n /**\n * Size of the text\n * @default 'medium'\n */\n size?: Size;\n}" + "value": "export interface SkeletonTabsProps {\n count?: number;\n}" } }, "SkeletonPageProps": { @@ -17927,22 +17926,23 @@ "value": "export interface SkeletonPageProps {\n /** Page title, in large type */\n title?: string;\n /** Remove the normal max-width on the page */\n fullWidth?: boolean;\n /** Decreases the maximum layout width. Intended for single-column layouts */\n narrowWidth?: boolean;\n /** Shows a skeleton over the primary action */\n primaryAction?: boolean;\n /** Shows a skeleton over the breadcrumb */\n breadcrumbs?: boolean;\n /** The child elements to render in the skeleton page. */\n children?: React.ReactNode;\n}" } }, - "SkeletonTabsProps": { - "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx": { - "filePath": "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx", - "name": "SkeletonTabsProps", + "SkeletonDisplayTextProps": { + "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx": { + "filePath": "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx", + "name": "SkeletonDisplayTextProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx", + "filePath": "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx", "syntaxKind": "PropertySignature", - "name": "count", - "value": "number", - "description": "", - "isOptional": true + "name": "size", + "value": "Size", + "description": "Size of the text", + "isOptional": true, + "defaultValue": "'medium'" } ], - "value": "export interface SkeletonTabsProps {\n count?: number;\n}" + "value": "export interface SkeletonDisplayTextProps {\n /**\n * Size of the text\n * @default 'medium'\n */\n size?: Size;\n}" } }, "SkeletonThumbnailProps": { @@ -18739,6 +18739,23 @@ "value": "export interface TopBarProps {\n /** Toggles whether or not a navigation component has been provided. Controls the presence of the mobile nav toggle button */\n showNavigationToggle?: boolean;\n /** Accepts a user component that is made available as a static member of the top bar component and renders as the primary menu */\n userMenu?: React.ReactNode;\n /** Accepts a menu component that is made available as a static member of the top bar component */\n secondaryMenu?: React.ReactNode;\n /** Accepts a component that is used to help users switch between different contexts */\n contextControl?: React.ReactNode;\n /** Accepts a search field component that is made available as a `TextField` static member of the top bar component */\n searchField?: React.ReactNode;\n /** Accepts a search results component that is ideally composed of a card component containing a list of actionable search results */\n searchResults?: React.ReactNode;\n /** A boolean property indicating whether search results are currently visible. */\n searchResultsVisible?: boolean;\n /** Whether or not the search results overlay has a visible backdrop */\n searchResultsOverlayVisible?: boolean;\n /** A callback function that handles the dismissal of search results */\n onSearchResultsDismiss?: SearchProps['onDismiss'];\n /** A callback function that handles hiding and showing mobile navigation */\n onNavigationToggle?(): void;\n /** Accepts a component that is used to supplement the logo markup */\n logoSuffix?: React.ReactNode;\n}" } }, + "TruncateProps": { + "polaris-react/src/components/Truncate/Truncate.tsx": { + "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", + "name": "TruncateProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "" + } + ], + "value": "export interface TruncateProps {\n children: React.ReactNode;\n}" + } + }, "TrapFocusProps": { "polaris-react/src/components/TrapFocus/TrapFocus.tsx": { "filePath": "polaris-react/src/components/TrapFocus/TrapFocus.tsx", @@ -18765,23 +18782,6 @@ "value": "export interface TrapFocusProps {\n trapping?: boolean;\n children?: React.ReactNode;\n}" } }, - "TruncateProps": { - "polaris-react/src/components/Truncate/Truncate.tsx": { - "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", - "name": "TruncateProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "" - } - ], - "value": "export interface TruncateProps {\n children: React.ReactNode;\n}" - } - }, "UnstyledButtonProps": { "polaris-react/src/components/UnstyledButton/UnstyledButton.tsx": { "filePath": "polaris-react/src/components/UnstyledButton/UnstyledButton.tsx", @@ -20238,7 +20238,7 @@ "filePath": "polaris-react/src/components/UnstyledLink/UnstyledLink.tsx", "syntaxKind": "PropertySignature", "name": "aria-autocomplete", - "value": "\"none\" | \"list\" | \"inline\" | \"both\"", + "value": "\"list\" | \"none\" | \"inline\" | \"both\"", "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.", "isOptional": true }, @@ -20326,7 +20326,7 @@ "filePath": "polaris-react/src/components/UnstyledLink/UnstyledLink.tsx", "syntaxKind": "PropertySignature", "name": "aria-dropeffect", - "value": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "value": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", "description": "Indicates what functions can be performed when a dragged object is released on the drop target.", "isOptional": true, "deprecationMessage": "in ARIA 1.1" @@ -20568,7 +20568,7 @@ "filePath": "polaris-react/src/components/UnstyledLink/UnstyledLink.tsx", "syntaxKind": "PropertySignature", "name": "aria-sort", - "value": "\"ascending\" | \"descending\" | \"none\" | \"other\"", + "value": "\"none\" | \"ascending\" | \"descending\" | \"other\"", "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "isOptional": true }, @@ -22186,347 +22186,378 @@ "description": "", "members": [ { - "filePath": "polaris-react/src/utilities/portals/context.tsx", - "syntaxKind": "PropertySignature", - "name": "container", - "value": "HTMLDivElement", - "description": "" - } - ], - "value": "export interface PortalsManager {\n container: PortalsContainerElement;\n}" - } - }, - "ItemProps": { - "polaris-react/src/components/ActionList/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/ActionList/components/Item/Item.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "ItemProps", - "value": "ActionListItemDescriptor", - "description": "" - }, - "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx", - "name": "ItemProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx", + "filePath": "polaris-react/src/utilities/portals/context.tsx", "syntaxKind": "PropertySignature", - "name": "button", - "value": "React.ReactElement", + "name": "container", + "value": "HTMLDivElement", "description": "" } ], - "value": "export interface ItemProps {\n button: React.ReactElement;\n}" - }, - "polaris-react/src/components/Connected/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", - "name": "ItemProps", + "value": "export interface PortalsManager {\n container: PortalsContainerElement;\n}" + } + }, + "SectionProps": { + "polaris-react/src/components/ActionList/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", + "name": "SectionProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "position", - "value": "ItemPosition", - "description": "Position of the item" + "name": "section", + "value": "ActionListSection", + "description": "Section of action items" }, { - "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Item content", + "name": "hasMultipleSections", + "value": "boolean", + "description": "Should there be multiple sections" + }, + { + "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "actionRole", + "value": "string", + "description": "Defines a specific role attribute for each action in the list", "isOptional": true - } - ], - "value": "export interface ItemProps {\n /** Position of the item */\n position: ItemPosition;\n /** Item content */\n children?: React.ReactNode;\n}" - }, - "polaris-react/src/components/FormLayout/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/FormLayout/components/Item/Item.tsx", - "name": "ItemProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/FormLayout/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", + "name": "onActionAnyItem", + "value": "() => void", + "description": "Callback when any item is clicked or keypressed", "isOptional": true - } - ], - "value": "export interface ItemProps {\n children?: React.ReactNode;\n}" - }, - "polaris-react/src/components/List/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/List/components/Item/Item.tsx", - "name": "ItemProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/List/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Content to display inside the item", + "name": "isFirst", + "value": "boolean", + "description": "Whether it is the first in a group of sections", "isOptional": true } ], - "value": "export interface ItemProps {\n /** Content to display inside the item */\n children?: React.ReactNode;\n}" + "value": "export interface SectionProps {\n /** Section of action items */\n section: ActionListSection;\n /** Should there be multiple sections */\n hasMultipleSections: boolean;\n /** Defines a specific role attribute for each action in the list */\n actionRole?: 'option' | 'menuitem' | string;\n /** Callback when any item is clicked or keypressed */\n onActionAnyItem?: ActionListItemDescriptor['onAction'];\n /** Whether it is the first in a group of sections */\n isFirst?: boolean;\n}" }, - "polaris-react/src/components/Navigation/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "ItemProps", + "polaris-react/src/components/Layout/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", + "name": "SectionProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "icon", - "value": "any", + "name": "children", + "value": "React.ReactNode", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "badge", - "value": "ReactNode", + "name": "secondary", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "label", - "value": "string", - "description": "" + "name": "fullWidth", + "value": "boolean", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "disabled", + "name": "oneHalf", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", + "name": "oneThird", + "value": "boolean", "description": "", "isOptional": true - }, + } + ], + "value": "export interface SectionProps {\n children?: React.ReactNode;\n secondary?: boolean;\n fullWidth?: boolean;\n oneHalf?: boolean;\n oneThird?: boolean;\n}" + }, + "polaris-react/src/components/Listbox/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", + "name": "SectionProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "selected", + "name": "divider", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "exactMatch", - "value": "boolean", + "name": "children", + "value": "ReactNode", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "new", - "value": "boolean", + "name": "title", + "value": "ReactNode", + "description": "" + } + ], + "value": "interface SectionProps {\n divider?: boolean;\n children?: ReactNode;\n title: ReactNode;\n}" + }, + "polaris-react/src/components/Navigation/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "name": "SectionProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "items", + "value": "ItemProps[]", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "icon", + "value": "any", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "subNavigationItems", - "value": "SubNavigationItem[]", + "name": "title", + "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "secondaryAction", - "value": "SecondaryAction", + "name": "fill", + "value": "boolean", "description": "", - "isOptional": true, - "deprecationMessage": "Use secondaryActions instead." + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "secondaryActions", - "value": "SecondaryActions", + "name": "rollup", + "value": "{ after: number; view: string; hide: string; activePath: string; }", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "displayActionsOnHover", - "value": "boolean", + "name": "action", + "value": "{ icon: any; accessibilityLabel: string; onClick(): void; tooltip?: TooltipProps; }", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "separator", + "value": "boolean", "description": "", "isOptional": true - }, + } + ], + "value": "export interface SectionProps {\n items: ItemProps[];\n icon?: IconProps['source'];\n title?: string;\n fill?: boolean;\n rollup?: {\n after: number;\n view: string;\n hide: string;\n activePath: string;\n };\n action?: {\n icon: IconProps['source'];\n accessibilityLabel: string;\n onClick(): void;\n tooltip?: TooltipProps;\n };\n separator?: boolean;\n}" + }, + "polaris-react/src/components/Modal/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", + "name": "SectionProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "MethodSignature", - "name": "onToggleExpandedState", - "value": "() => void", + "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "expanded", + "name": "flush", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "shouldResizeIcon", + "name": "subdued", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "truncateText", + "name": "titleHidden", "value": "boolean", "description": "", "isOptional": true - }, + } + ], + "value": "export interface SectionProps {\n children?: React.ReactNode;\n flush?: boolean;\n subdued?: boolean;\n titleHidden?: boolean;\n}" + }, + "polaris-react/src/components/Popover/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/Popover/components/Section/Section.tsx", + "name": "SectionProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Popover/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", + "name": "children", + "value": "React.ReactNode", "description": "", "isOptional": true - }, + } + ], + "value": "export interface SectionProps {\n children?: React.ReactNode;\n}" + } + }, + "ItemProps": { + "polaris-react/src/components/ActionList/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/ActionList/components/Item/Item.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "ItemProps", + "value": "ActionListItemDescriptor", + "description": "" + }, + "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx", + "name": "ItemProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "matches", - "value": "boolean", - "description": "", - "isOptional": true - }, + "name": "button", + "value": "React.ReactElement", + "description": "" + } + ], + "value": "export interface ItemProps {\n button: React.ReactElement;\n}" + }, + "polaris-react/src/components/Connected/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", + "name": "ItemProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "matchPaths", - "value": "string[]", - "description": "", - "isOptional": true + "name": "position", + "value": "ItemPosition", + "description": "Position of the item" }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "excludePaths", - "value": "string[]", - "description": "", + "name": "children", + "value": "React.ReactNode", + "description": "Item content", "isOptional": true - }, + } + ], + "value": "export interface ItemProps {\n /** Position of the item */\n position: ItemPosition;\n /** Item content */\n children?: React.ReactNode;\n}" + }, + "polaris-react/src/components/FormLayout/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/FormLayout/components/Item/Item.tsx", + "name": "ItemProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/FormLayout/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "external", - "value": "boolean", + "name": "children", + "value": "React.ReactNode", "description": "", "isOptional": true } ], - "value": "export interface ItemProps extends ItemURLDetails {\n icon?: IconProps['source'];\n badge?: ReactNode;\n label: string;\n disabled?: boolean;\n accessibilityLabel?: string;\n selected?: boolean;\n exactMatch?: boolean;\n new?: boolean;\n subNavigationItems?: SubNavigationItem[];\n /** @deprecated Use secondaryActions instead. */\n secondaryAction?: SecondaryAction;\n secondaryActions?: SecondaryActions;\n displayActionsOnHover?: boolean;\n onClick?(): void;\n onToggleExpandedState?(): void;\n expanded?: boolean;\n shouldResizeIcon?: boolean;\n truncateText?: boolean;\n}" + "value": "export interface ItemProps {\n children?: React.ReactNode;\n}" }, - "polaris-react/src/components/Stack/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", + "polaris-react/src/components/List/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/List/components/Item/Item.tsx", "name": "ItemProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/List/components/Item/Item.tsx", "syntaxKind": "PropertySignature", "name": "children", "value": "React.ReactNode", - "description": "Elements to display inside item", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "fill", - "value": "boolean", - "description": "Fill the remaining horizontal space in the stack with the item", + "description": "Content to display inside the item", "isOptional": true } ], - "value": "export interface ItemProps {\n /** Elements to display inside item */\n children?: React.ReactNode;\n /** Fill the remaining horizontal space in the stack with the item */\n fill?: boolean;\n /**\n * @default false\n */\n}" + "value": "export interface ItemProps {\n /** Content to display inside the item */\n children?: React.ReactNode;\n}" }, - "polaris-react/src/components/Tabs/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "name": "ItemProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "focused", - "value": "boolean", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "panelID", - "value": "string", + "name": "icon", + "value": "any", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", + "name": "badge", + "value": "ReactNode", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "url", + "name": "label", "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "disabled", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", "name": "accessibilityLabel", "value": "string", @@ -22534,269 +22565,238 @@ "isOptional": true }, { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", - "description": "", - "isOptional": true - } - ], - "value": "export interface ItemProps {\n id: string;\n focused: boolean;\n panelID?: string;\n children?: React.ReactNode;\n url?: string;\n accessibilityLabel?: string;\n onClick?(): void;\n}" - }, - "polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx", - "name": "ItemProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", + "name": "selected", + "value": "boolean", "description": "", "isOptional": true - } - ], - "value": "interface ItemProps {\n children?: React.ReactNode;\n}" - } - }, - "SectionProps": { - "polaris-react/src/components/ActionList/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", - "name": "SectionProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "section", - "value": "ActionListSection", - "description": "Section of action items" }, { - "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "hasMultipleSections", + "name": "exactMatch", "value": "boolean", - "description": "Should there be multiple sections" + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "actionRole", - "value": "string", - "description": "Defines a specific role attribute for each action in the list", + "name": "new", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "onActionAnyItem", - "value": "() => void", - "description": "Callback when any item is clicked or keypressed", + "name": "subNavigationItems", + "value": "SubNavigationItem[]", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "isFirst", - "value": "boolean", - "description": "Whether it is the first in a group of sections", - "isOptional": true - } - ], - "value": "export interface SectionProps {\n /** Section of action items */\n section: ActionListSection;\n /** Should there be multiple sections */\n hasMultipleSections: boolean;\n /** Defines a specific role attribute for each action in the list */\n actionRole?: 'option' | 'menuitem' | string;\n /** Callback when any item is clicked or keypressed */\n onActionAnyItem?: ActionListItemDescriptor['onAction'];\n /** Whether it is the first in a group of sections */\n isFirst?: boolean;\n}" - }, - "polaris-react/src/components/Layout/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", - "name": "SectionProps", - "description": "", - "members": [ + "name": "secondaryAction", + "value": "SecondaryAction", + "description": "", + "isOptional": true, + "deprecationMessage": "Use secondaryActions instead." + }, { - "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", + "name": "secondaryActions", + "value": "SecondaryActions", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "secondary", + "name": "displayActionsOnHover", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "fullWidth", - "value": "boolean", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "oneHalf", - "value": "boolean", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "MethodSignature", + "name": "onToggleExpandedState", + "value": "() => void", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "oneThird", + "name": "expanded", "value": "boolean", "description": "", "isOptional": true - } - ], - "value": "export interface SectionProps {\n children?: React.ReactNode;\n secondary?: boolean;\n fullWidth?: boolean;\n oneHalf?: boolean;\n oneThird?: boolean;\n}" - }, - "polaris-react/src/components/Listbox/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", - "name": "SectionProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "divider", + "name": "shouldResizeIcon", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "ReactNode", + "name": "truncateText", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "title", - "value": "ReactNode", - "description": "" - } - ], - "value": "interface SectionProps {\n divider?: boolean;\n children?: ReactNode;\n title: ReactNode;\n}" - }, - "polaris-react/src/components/Modal/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", - "name": "SectionProps", - "description": "", - "members": [ + "name": "url", + "value": "string", + "description": "", + "isOptional": true + }, { - "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", + "name": "matches", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "flush", - "value": "boolean", + "name": "matchPaths", + "value": "string[]", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "subdued", - "value": "boolean", + "name": "excludePaths", + "value": "string[]", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "titleHidden", + "name": "external", "value": "boolean", "description": "", "isOptional": true } ], - "value": "export interface SectionProps {\n children?: React.ReactNode;\n flush?: boolean;\n subdued?: boolean;\n titleHidden?: boolean;\n}" + "value": "export interface ItemProps extends ItemURLDetails {\n icon?: IconProps['source'];\n badge?: ReactNode;\n label: string;\n disabled?: boolean;\n accessibilityLabel?: string;\n selected?: boolean;\n exactMatch?: boolean;\n new?: boolean;\n subNavigationItems?: SubNavigationItem[];\n /** @deprecated Use secondaryActions instead. */\n secondaryAction?: SecondaryAction;\n secondaryActions?: SecondaryActions;\n displayActionsOnHover?: boolean;\n onClick?(): void;\n onToggleExpandedState?(): void;\n expanded?: boolean;\n shouldResizeIcon?: boolean;\n truncateText?: boolean;\n}" }, - "polaris-react/src/components/Navigation/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", - "name": "SectionProps", + "polaris-react/src/components/Tabs/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "name": "ItemProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "items", - "value": "ItemProps[]", + "name": "id", + "value": "string", "description": "" }, { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "icon", - "value": "any", - "description": "", - "isOptional": true + "name": "focused", + "value": "boolean", + "description": "" }, { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "title", + "name": "panelID", "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "fill", - "value": "boolean", + "name": "children", + "value": "React.ReactNode", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "rollup", - "value": "{ after: number; view: string; hide: string; activePath: string; }", + "name": "url", + "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "action", - "value": "{ icon: any; accessibilityLabel: string; onClick(): void; tooltip?: TooltipProps; }", + "name": "accessibilityLabel", + "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", + "description": "", + "isOptional": true + } + ], + "value": "export interface ItemProps {\n id: string;\n focused: boolean;\n panelID?: string;\n children?: React.ReactNode;\n url?: string;\n accessibilityLabel?: string;\n onClick?(): void;\n}" + }, + "polaris-react/src/components/Stack/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", + "name": "ItemProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "separator", + "name": "children", + "value": "React.ReactNode", + "description": "Elements to display inside item", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "fill", "value": "boolean", - "description": "", + "description": "Fill the remaining horizontal space in the stack with the item", "isOptional": true } ], - "value": "export interface SectionProps {\n items: ItemProps[];\n icon?: IconProps['source'];\n title?: string;\n fill?: boolean;\n rollup?: {\n after: number;\n view: string;\n hide: string;\n activePath: string;\n };\n action?: {\n icon: IconProps['source'];\n accessibilityLabel: string;\n onClick(): void;\n tooltip?: TooltipProps;\n };\n separator?: boolean;\n}" + "value": "export interface ItemProps {\n /** Elements to display inside item */\n children?: React.ReactNode;\n /** Fill the remaining horizontal space in the stack with the item */\n fill?: boolean;\n /**\n * @default false\n */\n}" }, - "polaris-react/src/components/Popover/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/Popover/components/Section/Section.tsx", - "name": "SectionProps", + "polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx", + "name": "ItemProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Popover/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx", "syntaxKind": "PropertySignature", "name": "children", "value": "React.ReactNode", @@ -22804,7 +22804,7 @@ "isOptional": true } ], - "value": "export interface SectionProps {\n children?: React.ReactNode;\n}" + "value": "interface ItemProps {\n children?: React.ReactNode;\n}" } }, "MeasuredActions": { @@ -23798,45 +23798,35 @@ "value": "export interface CardSubsectionProps {\n children?: React.ReactNode;\n}" } }, - "SlidableProps": { - "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx": { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", - "name": "SlidableProps", + "AlphaPickerProps": { + "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx": { + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "name": "AlphaPickerProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", "syntaxKind": "PropertySignature", - "name": "draggerX", - "value": "number", - "description": "", - "isOptional": true + "name": "color", + "value": "HSBColor", + "description": "" }, { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", "syntaxKind": "PropertySignature", - "name": "draggerY", + "name": "alpha", "value": "number", - "description": "", - "isOptional": true + "description": "" }, { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", "syntaxKind": "MethodSignature", "name": "onChange", - "value": "(position: Position) => void", + "value": "(hue: number) => void", "description": "" - }, - { - "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", - "syntaxKind": "MethodSignature", - "name": "onDraggerHeight", - "value": "(height: number) => void", - "description": "", - "isOptional": true } ], - "value": "export interface SlidableProps {\n draggerX?: number;\n draggerY?: number;\n onChange(position: Position): void;\n onDraggerHeight?(height: number): void;\n}" + "value": "export interface AlphaPickerProps {\n color: HSBColor;\n alpha: number;\n onChange(hue: number): void;\n}" } }, "HuePickerProps": { @@ -23863,44 +23853,45 @@ "value": "export interface HuePickerProps {\n hue: number;\n onChange(hue: number): void;\n}" } }, - "AlphaPickerProps": { - "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx": { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", - "name": "AlphaPickerProps", + "SlidableProps": { + "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx": { + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "name": "SlidableProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", "syntaxKind": "PropertySignature", - "name": "color", - "value": "HSBColor", - "description": "" + "name": "draggerX", + "value": "number", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", "syntaxKind": "PropertySignature", - "name": "alpha", + "name": "draggerY", "value": "number", - "description": "" + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", "syntaxKind": "MethodSignature", "name": "onChange", - "value": "(hue: number) => void", + "value": "(position: Position) => void", "description": "" + }, + { + "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx", + "syntaxKind": "MethodSignature", + "name": "onDraggerHeight", + "value": "(height: number) => void", + "description": "", + "isOptional": true } ], - "value": "export interface AlphaPickerProps {\n color: HSBColor;\n alpha: number;\n onChange(hue: number): void;\n}" - } - }, - "ItemPosition": { - "polaris-react/src/components/Connected/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "ItemPosition", - "value": "'left' | 'right' | 'primary'", - "description": "" + "value": "export interface SlidableProps {\n draggerX?: number;\n draggerY?: number;\n onChange(position: Position): void;\n onDraggerHeight?(height: number): void;\n}" } }, "CellProps": { @@ -24120,6 +24111,38 @@ ], "value": "export interface CellProps {\n content?: React.ReactNode;\n contentType?: string;\n nthColumn?: boolean;\n firstColumn?: boolean;\n truncate?: boolean;\n header?: boolean;\n total?: boolean;\n totalInFooter?: boolean;\n sorted?: boolean;\n sortable?: boolean;\n sortDirection?: SortDirection;\n defaultSortDirection?: SortDirection;\n verticalAlign?: VerticalAlign;\n onSort?(): void;\n colSpan?: number;\n setRef?: (ref: HTMLTableCellElement | null) => void;\n stickyHeadingCell?: boolean;\n stickyCellWidth?: number;\n hovered?: boolean;\n handleFocus?: FocusEventHandler;\n inFixedNthColumn?: boolean;\n hasFixedNthColumn?: boolean;\n fixedCellVisible?: boolean;\n firstColumnMinWidth?: string;\n style?: React.CSSProperties;\n lastFixedFirstColumn?: boolean;\n}" }, + "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx": { + "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", + "name": "CellProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", + "syntaxKind": "PropertySignature", + "name": "className", + "value": "string", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", + "syntaxKind": "PropertySignature", + "name": "flush", + "value": "boolean", + "description": "", + "isOptional": true + } + ], + "value": "export interface CellProps {\n children?: ReactNode;\n className?: string;\n flush?: boolean;\n}" + }, "polaris-react/src/components/Grid/components/Cell/Cell.tsx": { "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", "name": "CellProps", @@ -24167,38 +24190,46 @@ } ], "value": "export interface CellProps {\n area?: string;\n column?: Cell;\n columnSpan?: Columns;\n row?: Cell;\n children?: React.ReactNode;\n}" - }, - "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx": { - "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", - "name": "CellProps", + } + }, + "ItemPosition": { + "polaris-react/src/components/Connected/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "ItemPosition", + "value": "'left' | 'right' | 'primary'", + "description": "" + } + }, + "WeekdayProps": { + "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx": { + "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "name": "WeekdayProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", + "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "ReactNode", - "description": "", - "isOptional": true + "name": "label", + "value": "string", + "description": "" }, { - "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", + "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", "syntaxKind": "PropertySignature", - "name": "className", + "name": "title", "value": "string", - "description": "", - "isOptional": true + "description": "" }, { - "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", + "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", "syntaxKind": "PropertySignature", - "name": "flush", + "name": "current", "value": "boolean", - "description": "", - "isOptional": true + "description": "" } ], - "value": "export interface CellProps {\n children?: ReactNode;\n className?: string;\n flush?: boolean;\n}" + "value": "export interface WeekdayProps {\n label: string;\n title: string;\n current: boolean;\n}" } }, "DayProps": { @@ -24339,61 +24370,122 @@ "value": "export interface DayProps {\n focused?: boolean;\n day?: Date;\n selected?: boolean;\n inRange?: boolean;\n inHoveringRange?: boolean;\n disabled?: boolean;\n lastDayOfMonth?: any;\n isLastSelectedDay?: boolean;\n isFirstSelectedDay?: boolean;\n isHoveringRight?: boolean;\n rangeIsDifferent?: boolean;\n weekday?: string;\n selectedAccessibilityLabelPrefix?: string;\n onClick?(day: Date): void;\n onHover?(day?: Date): void;\n onFocus?(day: Date): void;\n}" } }, - "WeekdayProps": { - "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx": { - "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", - "name": "WeekdayProps", + "MonthProps": { + "polaris-react/src/components/DatePicker/components/Month/Month.tsx": { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "name": "MonthProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", "syntaxKind": "PropertySignature", - "name": "label", - "value": "string", + "name": "focusedDate", + "value": "Date", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "selected", + "value": "Range", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "hoverDate", + "value": "Date", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "month", + "value": "number", "description": "" }, { - "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", "syntaxKind": "PropertySignature", - "name": "title", - "value": "string", + "name": "year", + "value": "number", "description": "" }, { - "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", "syntaxKind": "PropertySignature", - "name": "current", + "name": "disableDatesBefore", + "value": "Date", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "disableDatesAfter", + "value": "Date", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "disableSpecificDates", + "value": "Date[]", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "allowRange", "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "weekStartsOn", + "value": "number", "description": "" - } - ], - "value": "export interface WeekdayProps {\n label: string;\n title: string;\n current: boolean;\n}" - } - }, - "FileUploadProps": { - "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx": { - "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", - "name": "FileUploadProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", "syntaxKind": "PropertySignature", - "name": "actionTitle", - "value": "string", + "name": "accessibilityLabelPrefixes", + "value": "[string, string]", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "MethodSignature", + "name": "onChange", + "value": "(date: Range) => void", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", - "syntaxKind": "PropertySignature", - "name": "actionHint", - "value": "string", + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "MethodSignature", + "name": "onHover", + "value": "(hoverEnd: Date) => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "MethodSignature", + "name": "onFocus", + "value": "(date: Date) => void", "description": "", "isOptional": true } ], - "value": "export interface FileUploadProps {\n actionTitle?: string;\n actionHint?: string;\n}" + "value": "export interface MonthProps {\n focusedDate?: Date;\n selected?: Range;\n hoverDate?: Date;\n month: number;\n year: number;\n disableDatesBefore?: Date;\n disableDatesAfter?: Date;\n disableSpecificDates?: Date[];\n allowRange?: boolean;\n weekStartsOn: number;\n accessibilityLabelPrefixes: [string | undefined, string];\n onChange?(date: Range): void;\n onHover?(hoverEnd: Date): void;\n onFocus?(date: Date): void;\n}" } }, "PopoverableAction": { @@ -24567,132 +24659,40 @@ "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx", "name": "ComputedProperty", "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx", - "name": "[key: string]", - "value": "number" - } - ], - "value": "interface ComputedProperty {\n [key: string]: number;\n}" - } - }, - "MonthProps": { - "polaris-react/src/components/DatePicker/components/Month/Month.tsx": { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "name": "MonthProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "focusedDate", - "value": "Date", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "selected", - "value": "Range", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "hoverDate", - "value": "Date", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "month", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "year", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "disableDatesBefore", - "value": "Date", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "disableDatesAfter", - "value": "Date", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "disableSpecificDates", - "value": "Date[]", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "allowRange", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "weekStartsOn", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabelPrefixes", - "value": "[string, string]", - "description": "" - }, + "members": [ { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "MethodSignature", - "name": "onChange", - "value": "(date: Range) => void", - "description": "", - "isOptional": true - }, + "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx", + "name": "[key: string]", + "value": "number" + } + ], + "value": "interface ComputedProperty {\n [key: string]: number;\n}" + } + }, + "FileUploadProps": { + "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx": { + "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", + "name": "FileUploadProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "MethodSignature", - "name": "onHover", - "value": "(hoverEnd: Date) => void", + "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", + "syntaxKind": "PropertySignature", + "name": "actionTitle", + "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "MethodSignature", - "name": "onFocus", - "value": "(date: Date) => void", + "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", + "syntaxKind": "PropertySignature", + "name": "actionHint", + "value": "string", "description": "", "isOptional": true } ], - "value": "export interface MonthProps {\n focusedDate?: Date;\n selected?: Range;\n hoverDate?: Date;\n month: number;\n year: number;\n disableDatesBefore?: Date;\n disableDatesAfter?: Date;\n disableSpecificDates?: Date[];\n allowRange?: boolean;\n weekStartsOn: number;\n accessibilityLabelPrefixes: [string | undefined, string];\n onChange?(date: Range): void;\n onHover?(hoverEnd: Date): void;\n onFocus?(date: Date): void;\n}" + "value": "export interface FileUploadProps {\n actionTitle?: string;\n actionHint?: string;\n}" } }, "GroupProps": { @@ -24785,6 +24785,15 @@ "value": "export interface CSSAnimationProps {\n in: boolean;\n className: string;\n type: AnimationType;\n children?: React.ReactNode;\n}" } }, + "Cell": { + "polaris-react/src/components/Grid/components/Cell/Cell.tsx": { + "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Cell", + "value": "{\n [Breakpoint in Breakpoints]?: string;\n}", + "description": "" + } + }, "ToastManagerProps": { "polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx": { "filePath": "polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx", @@ -24802,15 +24811,6 @@ "value": "export interface ToastManagerProps {\n toastMessages: ToastPropsWithID[];\n}" } }, - "Cell": { - "polaris-react/src/components/Grid/components/Cell/Cell.tsx": { - "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Cell", - "value": "{\n [Breakpoint in Breakpoints]?: string;\n}", - "description": "" - } - }, "CheckboxWrapperProps": { "polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx": { "filePath": "polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx", @@ -24828,6 +24828,37 @@ "value": "interface CheckboxWrapperProps {\n children: ReactNode;\n}" } }, + "ScrollContainerProps": { + "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx": { + "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", + "name": "ScrollContainerProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "" + }, + { + "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", + "syntaxKind": "PropertySignature", + "name": "scrollableContainerRef", + "value": "React.RefObject", + "description": "" + }, + { + "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", + "syntaxKind": "MethodSignature", + "name": "onScroll", + "value": "(canScrollLeft: boolean, canScrollRight: boolean) => void", + "description": "" + } + ], + "value": "export interface ScrollContainerProps {\n children: React.ReactNode;\n scrollableContainerRef: React.RefObject;\n onScroll(canScrollLeft: boolean, canScrollRight: boolean): void;\n}" + } + }, "RowStatus": { "polaris-react/src/components/IndexTable/components/Row/Row.tsx": { "filePath": "polaris-react/src/components/IndexTable/components/Row/Row.tsx", @@ -24925,37 +24956,6 @@ "value": "export interface RowProps {\n children: React.ReactNode;\n id: string;\n selected?: boolean;\n position: number;\n subdued?: boolean;\n status?: RowStatus;\n disabled?: boolean;\n onNavigation?(id: string): void;\n onClick?(): void;\n}" } }, - "ScrollContainerProps": { - "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx": { - "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", - "name": "ScrollContainerProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "" - }, - { - "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", - "syntaxKind": "PropertySignature", - "name": "scrollableContainerRef", - "value": "React.RefObject", - "description": "" - }, - { - "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", - "syntaxKind": "MethodSignature", - "name": "onScroll", - "value": "(canScrollLeft: boolean, canScrollRight: boolean) => void", - "description": "" - } - ], - "value": "export interface ScrollContainerProps {\n children: React.ReactNode;\n scrollableContainerRef: React.RefObject;\n onScroll(canScrollLeft: boolean, canScrollRight: boolean): void;\n}" - } - }, "AnnotatedSectionProps": { "polaris-react/src/components/Layout/components/AnnotatedSection/AnnotatedSection.tsx": { "filePath": "polaris-react/src/components/Layout/components/AnnotatedSection/AnnotatedSection.tsx", @@ -24998,6 +24998,40 @@ "value": "export interface AnnotatedSectionProps {\n children?: React.ReactNode;\n title?: React.ReactNode;\n description?: React.ReactNode;\n id?: string;\n}" } }, + "LegacyCardHeaderProps": { + "polaris-react/src/components/LegacyCard/components/Header/Header.tsx": { + "filePath": "polaris-react/src/components/LegacyCard/components/Header/Header.tsx", + "name": "LegacyCardHeaderProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/LegacyCard/components/Header/Header.tsx", + "syntaxKind": "PropertySignature", + "name": "title", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/components/Header/Header.tsx", + "syntaxKind": "PropertySignature", + "name": "actions", + "value": "DisableableAction[]", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/LegacyCard/components/Header/Header.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + } + ], + "value": "export interface LegacyCardHeaderProps {\n title?: React.ReactNode;\n actions?: DisableableAction[];\n children?: React.ReactNode;\n}" + } + }, "LegacyCardSectionProps": { "polaris-react/src/components/LegacyCard/components/Section/Section.tsx": { "filePath": "polaris-react/src/components/LegacyCard/components/Section/Section.tsx", @@ -25064,38 +25098,30 @@ "value": "export interface LegacyCardSectionProps {\n title?: React.ReactNode;\n children?: React.ReactNode;\n subdued?: boolean;\n flush?: boolean;\n fullWidth?: boolean;\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n actions?: ComplexAction[];\n}" } }, - "LegacyCardHeaderProps": { - "polaris-react/src/components/LegacyCard/components/Header/Header.tsx": { - "filePath": "polaris-react/src/components/LegacyCard/components/Header/Header.tsx", - "name": "LegacyCardHeaderProps", + "LegacyItemProps": { + "polaris-react/src/components/LegacyStack/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/LegacyStack/components/Item/Item.tsx", + "name": "LegacyItemProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/LegacyCard/components/Header/Header.tsx", + "filePath": "polaris-react/src/components/LegacyStack/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "title", + "name": "children", "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/LegacyCard/components/Header/Header.tsx", - "syntaxKind": "PropertySignature", - "name": "actions", - "value": "DisableableAction[]", - "description": "", + "description": "Elements to display inside item", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/components/Header/Header.tsx", + "filePath": "polaris-react/src/components/LegacyStack/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", + "name": "fill", + "value": "boolean", + "description": "Fill the remaining horizontal space in the stack with the item", "isOptional": true } ], - "value": "export interface LegacyCardHeaderProps {\n title?: React.ReactNode;\n actions?: DisableableAction[];\n children?: React.ReactNode;\n}" + "value": "export interface LegacyItemProps {\n /** Elements to display inside item */\n children?: React.ReactNode;\n /** Fill the remaining horizontal space in the stack with the item */\n fill?: boolean;\n /**\n * @default false\n */\n}" } }, "LegacyCardSubsectionProps": { @@ -25116,32 +25142,6 @@ "value": "export interface LegacyCardSubsectionProps {\n children?: React.ReactNode;\n}" } }, - "LegacyItemProps": { - "polaris-react/src/components/LegacyStack/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/LegacyStack/components/Item/Item.tsx", - "name": "LegacyItemProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/LegacyStack/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Elements to display inside item", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/LegacyStack/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "fill", - "value": "boolean", - "description": "Fill the remaining horizontal space in the stack with the item", - "isOptional": true - } - ], - "value": "export interface LegacyItemProps {\n /** Elements to display inside item */\n children?: React.ReactNode;\n /** Fill the remaining horizontal space in the stack with the item */\n fill?: boolean;\n /**\n * @default false\n */\n}" - } - }, "ActionProps": { "polaris-react/src/components/Listbox/components/Action/Action.tsx": { "filePath": "polaris-react/src/components/Listbox/components/Action/Action.tsx", @@ -25577,205 +25577,213 @@ "value": "export interface TextOptionProps {\n children: React.ReactNode;\n // Whether the option is selected\n selected?: boolean;\n // Whether the option is disabled\n disabled?: boolean;\n}" } }, - "CloseButtonProps": { - "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx": { - "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", - "name": "CloseButtonProps", + "ItemURLDetails": { + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "ItemURLDetails", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "pressed", - "value": "boolean", + "name": "url", + "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "titleHidden", + "name": "matches", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", - "description": "" - } - ], - "value": "export interface CloseButtonProps {\n pressed?: boolean;\n titleHidden?: boolean;\n onClick(): void;\n}" - } - }, - "CSSTransitionProps": { - "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx": { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "CSSTransitionProps", - "value": "React.ComponentProps", - "description": "" - } - }, - "DialogProps": { - "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx": { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", - "name": "DialogProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "labelledBy", - "value": "string", + "name": "exactMatch", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "instant", - "value": "boolean", + "name": "matchPaths", + "value": "string[]", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", + "name": "excludePaths", + "value": "string[]", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "limitHeight", + "name": "external", "value": "boolean", "description": "", "isOptional": true + } + ], + "value": "interface ItemURLDetails {\n url?: string;\n matches?: boolean;\n exactMatch?: boolean;\n matchPaths?: string[];\n excludePaths?: string[];\n external?: boolean;\n}" + } + }, + "SubNavigationItem": { + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "SubNavigationItem", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "url", + "value": "string", + "description": "" }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "large", + "name": "label", + "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "disabled", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "small", + "name": "new", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "MethodSignature", - "name": "onClose", + "name": "onClick", "value": "() => void", - "description": "" + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", - "syntaxKind": "MethodSignature", - "name": "onEntered", - "value": "() => void", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "matches", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", - "syntaxKind": "MethodSignature", - "name": "onExited", - "value": "() => void", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "exactMatch", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "in", - "value": "boolean", + "name": "matchPaths", + "value": "string[]", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "fullScreen", - "value": "boolean", + "name": "excludePaths", + "value": "string[]", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "setClosing", - "value": "Dispatch>", + "name": "external", + "value": "boolean", "description": "", "isOptional": true } ], - "value": "export interface DialogProps {\n labelledBy?: string;\n instant?: boolean;\n children?: React.ReactNode;\n limitHeight?: boolean;\n large?: boolean;\n small?: boolean;\n onClose(): void;\n onEntered?(): void;\n onExited?(): void;\n in?: boolean;\n fullScreen?: boolean;\n setClosing?: Dispatch>;\n}" + "value": "export interface SubNavigationItem extends ItemURLDetails {\n url: string;\n label: string;\n disabled?: boolean;\n new?: boolean;\n onClick?(): void;\n}" } }, - "FooterProps": { - "polaris-react/src/components/Modal/components/Footer/Footer.tsx": { - "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", - "name": "FooterProps", - "description": "", + "SecondaryActions": { + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "SecondaryActions", + "value": "[SecondaryAction] | [SecondaryAction, SecondaryAction]", + "description": "" + } + }, + "MatchState": { + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "EnumDeclaration", + "name": "MatchState", + "value": "enum MatchState {\n MatchForced,\n MatchUrl,\n MatchPaths,\n Excluded,\n NoMatch,\n}", "members": [ { - "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", - "syntaxKind": "PropertySignature", - "name": "primaryAction", - "value": "ComplexAction", - "description": "Primary action", - "isOptional": true + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "MatchForced", + "value": 0 }, { - "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", - "syntaxKind": "PropertySignature", - "name": "secondaryActions", - "value": "ComplexAction[]", - "description": "Collection of secondary actions", - "isOptional": true + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "MatchUrl", + "value": 1 }, { - "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to display inside modal", - "isOptional": true + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "MatchPaths", + "value": 2 + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "Excluded", + "value": 3 + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "NoMatch", + "value": 4 } - ], - "value": "export interface FooterProps {\n /** Primary action */\n primaryAction?: ComplexAction;\n /** Collection of secondary actions */\n secondaryActions?: ComplexAction[];\n /** The content to display inside modal */\n children?: React.ReactNode;\n}" + ] } }, - "ItemURLDetails": { + "ItemSecondaryActionProps": { "polaris-react/src/components/Navigation/components/Item/Item.tsx": { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "ItemURLDetails", + "name": "ItemSecondaryActionProps", "description": "", "members": [ { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "", - "isOptional": true + "name": "tabIndex", + "value": "number", + "description": "" }, { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "matches", + "name": "disabled", "value": "boolean", "description": "", "isOptional": true @@ -25783,232 +25791,224 @@ { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "exactMatch", - "value": "boolean", - "description": "", - "isOptional": true + "name": "accessibilityLabel", + "value": "string", + "description": "" }, { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "matchPaths", - "value": "string[]", + "name": "icon", + "value": "any", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "url", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "excludePaths", - "value": "string[]", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "external", - "value": "boolean", + "name": "tooltip", + "value": "TooltipProps", "description": "", "isOptional": true } ], - "value": "interface ItemURLDetails {\n url?: string;\n matches?: boolean;\n exactMatch?: boolean;\n matchPaths?: string[];\n excludePaths?: string[];\n external?: boolean;\n}" + "value": "interface ItemSecondaryActionProps extends SecondaryAction {\n tabIndex: number;\n disabled?: boolean;\n}" } }, - "SubNavigationItem": { - "polaris-react/src/components/Navigation/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "SubNavigationItem", + "CloseButtonProps": { + "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx": { + "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", + "name": "CloseButtonProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "" + "name": "pressed", + "value": "boolean", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", "syntaxKind": "PropertySignature", - "name": "label", - "value": "string", + "name": "titleHidden", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", "description": "" + } + ], + "value": "export interface CloseButtonProps {\n pressed?: boolean;\n titleHidden?: boolean;\n onClick(): void;\n}" + } + }, + "FooterProps": { + "polaris-react/src/components/Modal/components/Footer/Footer.tsx": { + "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", + "name": "FooterProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", + "syntaxKind": "PropertySignature", + "name": "primaryAction", + "value": "ComplexAction", + "description": "Primary action", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "", + "name": "secondaryActions", + "value": "ComplexAction[]", + "description": "Collection of secondary actions", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", "syntaxKind": "PropertySignature", - "name": "new", - "value": "boolean", - "description": "", + "name": "children", + "value": "React.ReactNode", + "description": "The content to display inside modal", "isOptional": true - }, + } + ], + "value": "export interface FooterProps {\n /** Primary action */\n primaryAction?: ComplexAction;\n /** Collection of secondary actions */\n secondaryActions?: ComplexAction[];\n /** The content to display inside modal */\n children?: React.ReactNode;\n}" + } + }, + "CSSTransitionProps": { + "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx": { + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "CSSTransitionProps", + "value": "React.ComponentProps", + "description": "" + } + }, + "DialogProps": { + "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx": { + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "name": "DialogProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "syntaxKind": "PropertySignature", + "name": "labelledBy", + "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "matches", + "name": "instant", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "exactMatch", - "value": "boolean", + "name": "children", + "value": "React.ReactNode", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "matchPaths", - "value": "string[]", + "name": "limitHeight", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "excludePaths", - "value": "string[]", + "name": "large", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "external", + "name": "small", "value": "boolean", "description": "", "isOptional": true - } - ], - "value": "export interface SubNavigationItem extends ItemURLDetails {\n url: string;\n label: string;\n disabled?: boolean;\n new?: boolean;\n onClick?(): void;\n}" - } - }, - "SecondaryActions": { - "polaris-react/src/components/Navigation/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "SecondaryActions", - "value": "[SecondaryAction] | [SecondaryAction, SecondaryAction]", - "description": "" - } - }, - "MatchState": { - "polaris-react/src/components/Navigation/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "EnumDeclaration", - "name": "MatchState", - "value": "enum MatchState {\n MatchForced,\n MatchUrl,\n MatchPaths,\n Excluded,\n NoMatch,\n}", - "members": [ - { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "MatchForced", - "value": 0 - }, - { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "MatchUrl", - "value": 1 - }, - { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "MatchPaths", - "value": 2 - }, - { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "Excluded", - "value": 3 }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "NoMatch", - "value": 4 - } - ] - } - }, - "ItemSecondaryActionProps": { - "polaris-react/src/components/Navigation/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "ItemSecondaryActionProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "tabIndex", - "value": "number", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "syntaxKind": "MethodSignature", + "name": "onClose", + "value": "() => void", "description": "" }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "syntaxKind": "MethodSignature", + "name": "onEntered", + "value": "() => void", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "icon", - "value": "any", - "description": "" + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "syntaxKind": "MethodSignature", + "name": "onExited", + "value": "() => void", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", + "name": "in", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "syntaxKind": "PropertySignature", + "name": "fullScreen", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "tooltip", - "value": "TooltipProps", + "name": "setClosing", + "value": "Dispatch>", "description": "", "isOptional": true } ], - "value": "interface ItemSecondaryActionProps extends SecondaryAction {\n tabIndex: number;\n disabled?: boolean;\n}" + "value": "export interface DialogProps {\n labelledBy?: string;\n instant?: boolean;\n children?: React.ReactNode;\n limitHeight?: boolean;\n large?: boolean;\n small?: boolean;\n onClose(): void;\n onEntered?(): void;\n onExited?(): void;\n in?: boolean;\n fullScreen?: boolean;\n setClosing?: Dispatch>;\n}" } }, "PrimaryAction": { @@ -26832,6 +26832,47 @@ "value": "export interface TabProps {\n id: string;\n focused?: boolean;\n siblingTabHasFocus?: boolean;\n selected?: boolean;\n panelID?: string;\n children?: React.ReactNode;\n url?: string;\n measuring?: boolean;\n accessibilityLabel?: string;\n onClick?(id: string): void;\n}" } }, + "ResizerProps": { + "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx": { + "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", + "name": "ResizerProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", + "syntaxKind": "PropertySignature", + "name": "contents", + "value": "string", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", + "syntaxKind": "PropertySignature", + "name": "currentHeight", + "value": "number", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", + "syntaxKind": "PropertySignature", + "name": "minimumLines", + "value": "number", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", + "syntaxKind": "MethodSignature", + "name": "onHeightChange", + "value": "(height: number) => void", + "description": "" + } + ], + "value": "export interface ResizerProps {\n contents?: string;\n currentHeight?: number | null;\n minimumLines?: number;\n onHeightChange(height: number): void;\n}" + } + }, "TabMeasurements": { "polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx": { "filePath": "polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx", @@ -26895,65 +26936,24 @@ "syntaxKind": "PropertySignature", "name": "selected", "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx", - "syntaxKind": "PropertySignature", - "name": "tabs", - "value": "TabDescriptor[]", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx", - "syntaxKind": "MethodSignature", - "name": "handleMeasurement", - "value": "(measurements: TabMeasurements) => void", - "description": "" - } - ], - "value": "export interface TabMeasurerProps {\n tabToFocus: number;\n siblingTabHasFocus: boolean;\n activator: React.ReactElement;\n selected: number;\n tabs: TabDescriptor[];\n handleMeasurement(measurements: TabMeasurements): void;\n}" - } - }, - "ResizerProps": { - "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx": { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "name": "ResizerProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "syntaxKind": "PropertySignature", - "name": "contents", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "syntaxKind": "PropertySignature", - "name": "currentHeight", - "value": "number", - "description": "", - "isOptional": true + "description": "" }, { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", + "filePath": "polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx", "syntaxKind": "PropertySignature", - "name": "minimumLines", - "value": "number", - "description": "", - "isOptional": true + "name": "tabs", + "value": "TabDescriptor[]", + "description": "" }, { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", + "filePath": "polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx", "syntaxKind": "MethodSignature", - "name": "onHeightChange", - "value": "(height: number) => void", + "name": "handleMeasurement", + "value": "(measurements: TabMeasurements) => void", "description": "" } ], - "value": "export interface ResizerProps {\n contents?: string;\n currentHeight?: number | null;\n minimumLines?: number;\n onHeightChange(height: number): void;\n}" + "value": "export interface TabMeasurerProps {\n tabToFocus: number;\n siblingTabHasFocus: boolean;\n activator: React.ReactElement;\n selected: number;\n tabs: TabDescriptor[];\n handleMeasurement(measurements: TabMeasurements): void;\n}" } }, "HandleStepFn": { @@ -27067,6 +27067,67 @@ "value": "export interface TooltipOverlayProps {\n id: string;\n active: boolean;\n preventInteraction?: PositionedOverlayProps['preventInteraction'];\n preferredPosition?: PositionedOverlayProps['preferredPosition'];\n children?: React.ReactNode;\n activator: HTMLElement;\n accessibilityLabel?: string;\n width?: Width;\n padding?: Padding;\n borderRadius?: BorderRadius;\n zIndexOverride?: number;\n onClose(): void;\n}" } }, + "MenuProps": { + "polaris-react/src/components/TopBar/components/Menu/Menu.tsx": { + "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", + "name": "MenuProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", + "syntaxKind": "PropertySignature", + "name": "activatorContent", + "value": "React.ReactNode", + "description": "Accepts an activator component that renders inside of a button that opens the menu" + }, + { + "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", + "syntaxKind": "PropertySignature", + "name": "actions", + "value": "readonly ActionListSection[]", + "description": "An array of action objects that are rendered inside of a popover triggered by this menu" + }, + { + "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", + "syntaxKind": "PropertySignature", + "name": "message", + "value": "MessageProps", + "description": "Accepts a message that facilitates direct, urgent communication with the merchant through the menu", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", + "syntaxKind": "PropertySignature", + "name": "open", + "value": "boolean", + "description": "A boolean property indicating whether the menu is currently open" + }, + { + "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", + "syntaxKind": "MethodSignature", + "name": "onOpen", + "value": "() => void", + "description": "A callback function to handle opening the menu popover" + }, + { + "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", + "syntaxKind": "MethodSignature", + "name": "onClose", + "value": "{ (): void; (): void; }", + "description": "A callback function to handle closing the menu popover" + }, + { + "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "A string that provides the accessibility labeling", + "isOptional": true + } + ], + "value": "export interface MenuProps {\n /** Accepts an activator component that renders inside of a button that opens the menu */\n activatorContent: React.ReactNode;\n /** An array of action objects that are rendered inside of a popover triggered by this menu */\n actions: ActionListProps['sections'];\n /** Accepts a message that facilitates direct, urgent communication with the merchant through the menu */\n message?: MessageProps;\n /** A boolean property indicating whether the menu is currently open */\n open: boolean;\n /** A callback function to handle opening the menu popover */\n onOpen(): void;\n /** A callback function to handle closing the menu popover */\n onClose(): void;\n /** A callback function to handle closing the menu popover */\n onClose(): void;\n /** A string that provides the accessibility labeling */\n accessibilityLabel?: string;\n}" + } + }, "SearchProps": { "polaris-react/src/components/TopBar/components/Search/Search.tsx": { "filePath": "polaris-react/src/components/TopBar/components/Search/Search.tsx", @@ -27189,67 +27250,6 @@ "value": "export interface SearchFieldProps {\n /** Initial value for the input */\n value: string;\n /** Hint text to display */\n placeholder?: string;\n /** Force the focus state on the input */\n focused?: boolean;\n /** Force a state where search is active but the text field component is not focused */\n active?: boolean;\n /** Callback when value is changed */\n onChange(value: string): void;\n /** Callback when input is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n /** Callback when search field cancel button is clicked */\n onCancel?(): void;\n /** Show a border when the search field is focused */\n showFocusBorder?: boolean;\n}" } }, - "MenuProps": { - "polaris-react/src/components/TopBar/components/Menu/Menu.tsx": { - "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", - "name": "MenuProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", - "syntaxKind": "PropertySignature", - "name": "activatorContent", - "value": "React.ReactNode", - "description": "Accepts an activator component that renders inside of a button that opens the menu" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", - "syntaxKind": "PropertySignature", - "name": "actions", - "value": "readonly ActionListSection[]", - "description": "An array of action objects that are rendered inside of a popover triggered by this menu" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", - "syntaxKind": "PropertySignature", - "name": "message", - "value": "MessageProps", - "description": "Accepts a message that facilitates direct, urgent communication with the merchant through the menu", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", - "syntaxKind": "PropertySignature", - "name": "open", - "value": "boolean", - "description": "A boolean property indicating whether the menu is currently open" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", - "syntaxKind": "MethodSignature", - "name": "onOpen", - "value": "() => void", - "description": "A callback function to handle opening the menu popover" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", - "syntaxKind": "MethodSignature", - "name": "onClose", - "value": "{ (): void; (): void; }", - "description": "A callback function to handle closing the menu popover" - }, - { - "filePath": "polaris-react/src/components/TopBar/components/Menu/Menu.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "A string that provides the accessibility labeling", - "isOptional": true - } - ], - "value": "export interface MenuProps {\n /** Accepts an activator component that renders inside of a button that opens the menu */\n activatorContent: React.ReactNode;\n /** An array of action objects that are rendered inside of a popover triggered by this menu */\n actions: ActionListProps['sections'];\n /** Accepts a message that facilitates direct, urgent communication with the merchant through the menu */\n message?: MessageProps;\n /** A boolean property indicating whether the menu is currently open */\n open: boolean;\n /** A callback function to handle opening the menu popover */\n onOpen(): void;\n /** A callback function to handle closing the menu popover */\n onClose(): void;\n /** A callback function to handle closing the menu popover */\n onClose(): void;\n /** A string that provides the accessibility labeling */\n accessibilityLabel?: string;\n}" - } - }, "UserMenuProps": { "polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx": { "filePath": "polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx", @@ -27327,6 +27327,39 @@ "value": "export interface UserMenuProps {\n /** An array of action objects that are rendered inside of a popover triggered by this menu */\n actions: {items: IconableAction[]}[];\n /** Accepts a message that facilitates direct, urgent communication with the merchant through the user menu */\n message?: MenuProps['message'];\n /** A string detailing the merchant’s full name to be displayed in the user menu */\n name: string;\n /** A string allowing further detail on the merchant’s name displayed in the user menu */\n detail?: string;\n /** A string that provides the accessibility labeling */\n accessibilityLabel?: string;\n /** The merchant’s initials, rendered in place of an avatar image when not provided */\n initials: AvatarProps['initials'];\n /** An avatar image representing the merchant */\n avatar?: AvatarProps['source'];\n /** A boolean property indicating whether the user menu is currently open */\n open: boolean;\n /** A callback function to handle opening and closing the user menu */\n onToggle(): void;\n}" } }, + "SecondaryProps": { + "polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx", + "name": "SecondaryProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx", + "syntaxKind": "PropertySignature", + "name": "expanded", + "value": "boolean", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx", + "syntaxKind": "PropertySignature", + "name": "id", + "value": "string", + "description": "", + "isOptional": true + } + ], + "value": "interface SecondaryProps {\n expanded: boolean;\n children?: React.ReactNode;\n id?: string;\n}" + } + }, "DiscardConfirmationModalProps": { "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx": { "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", @@ -27358,37 +27391,46 @@ "value": "export interface DiscardConfirmationModalProps {\n open: boolean;\n onDiscard(): void;\n onCancel(): void;\n}" } }, - "SecondaryProps": { - "polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx", - "name": "SecondaryProps", + "TitleProps": { + "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx": { + "filePath": "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx", + "name": "TitleProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx", + "filePath": "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx", "syntaxKind": "PropertySignature", - "name": "expanded", - "value": "boolean", - "description": "" + "name": "title", + "value": "string", + "description": "Page title, in large type", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx", + "filePath": "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx", "syntaxKind": "PropertySignature", - "name": "children", + "name": "subtitle", + "value": "string", + "description": "Page subtitle, in regular type", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx", + "syntaxKind": "PropertySignature", + "name": "titleMetadata", "value": "React.ReactNode", - "description": "", + "description": "Important and non-interactive status information shown immediately after the title.", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx", + "filePath": "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx", "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "", + "name": "compactTitle", + "value": "boolean", + "description": "Removes spacing between title and subtitle", "isOptional": true } ], - "value": "interface SecondaryProps {\n expanded: boolean;\n children?: React.ReactNode;\n id?: string;\n}" + "value": "export interface TitleProps {\n /** Page title, in large type */\n title?: string;\n /** Page subtitle, in regular type*/\n subtitle?: string;\n /** Important and non-interactive status information shown immediately after the title. */\n titleMetadata?: React.ReactNode;\n /** Removes spacing between title and subtitle */\n compactTitle?: boolean;\n}" } }, "MessageProps": { @@ -27436,47 +27478,5 @@ ], "value": "export interface MessageProps {\n title: string;\n description: string;\n action: {onClick(): void; content: string};\n link: {to: string; content: string};\n badge?: {content: string; status: BadgeProps['status']};\n}" } - }, - "TitleProps": { - "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx": { - "filePath": "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx", - "name": "TitleProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx", - "syntaxKind": "PropertySignature", - "name": "title", - "value": "string", - "description": "Page title, in large type", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx", - "syntaxKind": "PropertySignature", - "name": "subtitle", - "value": "string", - "description": "Page subtitle, in regular type", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx", - "syntaxKind": "PropertySignature", - "name": "titleMetadata", - "value": "React.ReactNode", - "description": "Important and non-interactive status information shown immediately after the title.", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx", - "syntaxKind": "PropertySignature", - "name": "compactTitle", - "value": "boolean", - "description": "Removes spacing between title and subtitle", - "isOptional": true - } - ], - "value": "export interface TitleProps {\n /** Page title, in large type */\n title?: string;\n /** Page subtitle, in regular type*/\n subtitle?: string;\n /** Important and non-interactive status information shown immediately after the title. */\n titleMetadata?: React.ReactNode;\n /** Removes spacing between title and subtitle */\n compactTitle?: boolean;\n}" - } } } \ No newline at end of file From 641297ff1cfc4620d168c8117db1e38372c78b38 Mon Sep 17 00:00:00 2001 From: Lo Kim Date: Wed, 22 Feb 2023 15:47:11 -0500 Subject: [PATCH 22/43] [polaris.shopify.com] Run `get-props` --- polaris.shopify.com/src/data/props.json | 8750 ++++++++++++----------- 1 file changed, 4424 insertions(+), 4326 deletions(-) diff --git a/polaris.shopify.com/src/data/props.json b/polaris.shopify.com/src/data/props.json index cd740cb564a..fba0b3ecf02 100644 --- a/polaris.shopify.com/src/data/props.json +++ b/polaris.shopify.com/src/data/props.json @@ -3349,967 +3349,1077 @@ ] } }, - "MappedActionContextType": { - "polaris-react/src/utilities/autocomplete/context.ts": { - "filePath": "polaris-react/src/utilities/autocomplete/context.ts", - "name": "MappedActionContextType", + "SortDirection": { + "polaris-react/src/components/DataTable/types.ts": { + "filePath": "polaris-react/src/components/DataTable/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "SortDirection", + "value": "'ascending' | 'descending' | 'none'", + "description": "" + } + }, + "VerticalAlign": { + "polaris-react/src/components/DataTable/types.ts": { + "filePath": "polaris-react/src/components/DataTable/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "VerticalAlign", + "value": "'top' | 'bottom' | 'middle' | 'baseline'", + "description": "" + } + }, + "ColumnVisibilityData": { + "polaris-react/src/components/DataTable/types.ts": { + "filePath": "polaris-react/src/components/DataTable/types.ts", + "name": "ColumnVisibilityData", "description": "", "members": [ { - "filePath": "polaris-react/src/utilities/autocomplete/context.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "role", - "value": "string", - "description": "", - "isOptional": true + "name": "leftEdge", + "value": "number", + "description": "" }, { - "filePath": "polaris-react/src/utilities/autocomplete/context.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "", - "isOptional": true + "name": "rightEdge", + "value": "number", + "description": "" }, { - "filePath": "polaris-react/src/utilities/autocomplete/context.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "external", + "name": "isVisible", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/autocomplete/context.ts", - "syntaxKind": "MethodSignature", - "name": "onAction", - "value": "() => void", - "description": "", - "isOptional": true + "filePath": "polaris-react/src/components/DataTable/types.ts", + "syntaxKind": "PropertySignature", + "name": "width", + "value": "number", + "description": "" }, { - "filePath": "polaris-react/src/utilities/autocomplete/context.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "destructive", - "value": "boolean", - "description": "", - "isOptional": true - } - ], - "value": "interface MappedActionContextType {\n role?: string;\n url?: string;\n external?: boolean;\n onAction?(): void;\n destructive?: boolean;\n}" - } - }, - "FeaturesConfig": { - "polaris-react/src/utilities/features/types.ts": { - "filePath": "polaris-react/src/utilities/features/types.ts", - "name": "FeaturesConfig", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/utilities/features/types.ts", - "name": "[key: string]", - "value": "boolean" + "name": "index", + "value": "number", + "description": "" } ], - "value": "export interface FeaturesConfig {\n [key: string]: boolean;\n}" - } - }, - "Features": { - "polaris-react/src/utilities/features/types.ts": { - "filePath": "polaris-react/src/utilities/features/types.ts", - "name": "Features", - "description": "", - "members": [], - "value": "export interface Features {}" - } - }, - "IdGenerator": { - "polaris-react/src/utilities/unique-id/unique-id-factory.ts": { - "filePath": "polaris-react/src/utilities/unique-id/unique-id-factory.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "IdGenerator", - "value": "() => string", - "description": "" - } - }, - "IdGeneratorFactory": { - "polaris-react/src/utilities/unique-id/unique-id-factory.ts": { - "filePath": "polaris-react/src/utilities/unique-id/unique-id-factory.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "IdGeneratorFactory", - "value": "(prefix: string) => IdGenerator", - "description": "" + "value": "export interface ColumnVisibilityData {\n leftEdge: number;\n rightEdge: number;\n isVisible?: boolean;\n width: number;\n index: number;\n}" } }, - "Options": { - "polaris-react/src/utilities/focus-manager/hooks.ts": { - "filePath": "polaris-react/src/utilities/focus-manager/hooks.ts", - "name": "Options", + "DataTableState": { + "polaris-react/src/components/DataTable/types.ts": { + "filePath": "polaris-react/src/components/DataTable/types.ts", + "name": "DataTableState", "description": "", "members": [ { - "filePath": "polaris-react/src/utilities/focus-manager/hooks.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "trapping", + "name": "condensed", "value": "boolean", "description": "" - } - ], - "value": "interface Options {\n trapping: boolean;\n}" - } - }, - "Logo": { - "polaris-react/src/utilities/frame/types.ts": { - "filePath": "polaris-react/src/utilities/frame/types.ts", - "name": "Logo", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/utilities/frame/types.ts", - "syntaxKind": "PropertySignature", - "name": "topBarSource", - "value": "string", - "description": "Provides a path for a logo used on a dark background", - "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "contextualSaveBarSource", - "value": "string", - "description": "Provides a path for a logo used on a light background", - "isOptional": true + "name": "columnVisibilityData", + "value": "ColumnVisibilityData[]", + "description": "" }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "Destination the merchant will navigate to when clicking the logo", + "name": "previousColumn", + "value": "ColumnVisibilityData", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Accessible label the logo image", + "name": "currentColumn", + "value": "ColumnVisibilityData", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "width", + "name": "sortedColumnIndex", "value": "number", - "description": "Number of pixels wide the logo image is", - "isOptional": true - } - ], - "value": "export interface Logo {\n /** Provides a path for a logo used on a dark background */\n topBarSource?: string;\n /** Provides a path for a logo used on a light background */\n contextualSaveBarSource?: string;\n /** Destination the merchant will navigate to when clicking the logo */\n url?: string;\n /** Accessible label the logo image */\n accessibilityLabel?: string;\n /** Number of pixels wide the logo image is */\n width?: number;\n}" - } - }, - "ContextualSaveBarAction": { - "polaris-react/src/utilities/frame/types.ts": { - "filePath": "polaris-react/src/utilities/frame/types.ts", - "name": "ContextualSaveBarAction", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/utilities/frame/types.ts", - "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "A destination to link to", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "content", - "value": "string", - "description": "Content the action displays", + "name": "sortDirection", + "value": "SortDirection", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "loading", + "name": "isScrolledFarthestLeft", "value": "boolean", - "description": "Should a spinner be displayed", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/DataTable/types.ts", "syntaxKind": "PropertySignature", - "name": "disabled", + "name": "isScrolledFarthestRight", "value": "boolean", - "description": "Should the action be disabled", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", - "syntaxKind": "MethodSignature", - "name": "onAction", - "value": "() => void", - "description": "Callback when an action takes place", - "isOptional": true + "filePath": "polaris-react/src/components/DataTable/types.ts", + "syntaxKind": "PropertySignature", + "name": "rowHovered", + "value": "number", + "description": "" } ], - "value": "interface ContextualSaveBarAction {\n /** A destination to link to */\n url?: string;\n /** Content the action displays */\n content?: string;\n /** Should a spinner be displayed */\n loading?: boolean;\n /** Should the action be disabled */\n disabled?: boolean;\n /** Callback when an action takes place */\n onAction?(): void;\n}" + "value": "export interface DataTableState {\n condensed: boolean;\n columnVisibilityData: ColumnVisibilityData[];\n previousColumn?: ColumnVisibilityData;\n currentColumn?: ColumnVisibilityData;\n sortedColumnIndex?: number;\n sortDirection?: SortDirection;\n isScrolledFarthestLeft?: boolean;\n isScrolledFarthestRight?: boolean;\n rowHovered: number | undefined;\n}" } }, - "ContextualSaveBarDiscardActionProps": { - "polaris-react/src/utilities/frame/types.ts": { - "filePath": "polaris-react/src/utilities/frame/types.ts", - "name": "ContextualSaveBarDiscardActionProps", + "TableMeasurements": { + "polaris-react/src/components/DataTable/utilities.ts": { + "filePath": "polaris-react/src/components/DataTable/utilities.ts", + "name": "TableMeasurements", "description": "", "members": [ { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/DataTable/utilities.ts", "syntaxKind": "PropertySignature", - "name": "discardConfirmationModal", - "value": "boolean", - "description": "Whether to show a modal confirming the discard action", - "isOptional": true + "name": "firstVisibleColumnIndex", + "value": "number", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DataTable/utilities.ts", + "syntaxKind": "PropertySignature", + "name": "tableLeftVisibleEdge", + "value": "number", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DataTable/utilities.ts", + "syntaxKind": "PropertySignature", + "name": "tableRightVisibleEdge", + "value": "number", + "description": "" } ], - "value": "interface ContextualSaveBarDiscardActionProps {\n /** Whether to show a modal confirming the discard action */\n discardConfirmationModal?: boolean;\n}" + "value": "interface TableMeasurements {\n firstVisibleColumnIndex: number;\n tableLeftVisibleEdge: number;\n tableRightVisibleEdge: number;\n}" } }, - "ContextualSaveBarCombinedActionProps": { - "polaris-react/src/utilities/frame/types.ts": { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "DualValue": { + "polaris-react/src/components/RangeSlider/types.ts": { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "TypeAliasDeclaration", - "name": "ContextualSaveBarCombinedActionProps", - "value": "ContextualSaveBarDiscardActionProps & ContextualSaveBarAction", + "name": "DualValue", + "value": "[number, number]", "description": "" } }, - "ContextualSaveBarProps": { - "polaris-react/src/utilities/frame/types.ts": { - "filePath": "polaris-react/src/utilities/frame/types.ts", - "name": "ContextualSaveBarProps", + "RangeSliderValue": { + "polaris-react/src/components/RangeSlider/types.ts": { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "RangeSliderValue", + "value": "number | DualValue", + "description": "" + } + }, + "RangeSliderProps": { + "polaris-react/src/components/RangeSlider/types.ts": { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "name": "RangeSliderProps", "description": "", "members": [ { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "alignContentFlush", - "value": "boolean", - "description": "Extend the contents section to be flush with the left edge", - "isOptional": true + "name": "label", + "value": "ReactNode", + "description": "Label for the range input" }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "message", - "value": "string", - "description": "Accepts a string of content that will be rendered to the left of the actions", + "name": "labelAction", + "value": "Action", + "description": "Adds an action to the label", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "saveAction", - "value": "ContextualSaveBarAction", - "description": "Save or commit contextual save bar action with text defaulting to 'Save'", + "name": "labelHidden", + "value": "boolean", + "description": "Visually hide the label", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "discardAction", - "value": "ContextualSaveBarCombinedActionProps", - "description": "Discard or cancel contextual save bar action with text defaulting to 'Discard'", + "name": "id", + "value": "string", + "description": "ID for range input", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "fullWidth", - "value": "boolean", - "description": "Remove the normal max-width on the contextual save bar", - "isOptional": true + "name": "value", + "value": "RangeSliderValue", + "description": "Initial value for range input" }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "contextControl", - "value": "ReactNode", - "description": "Accepts a component that is used to help users switch between different contexts", + "name": "min", + "value": "number", + "description": "Minimum possible value for range input", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "secondaryMenu", - "value": "ReactNode", - "description": "Accepts a node that is rendered to the left of the discard and save actions", + "name": "max", + "value": "number", + "description": "Maximum possible value for range input", "isOptional": true - } - ], - "value": "export interface ContextualSaveBarProps {\n /** Extend the contents section to be flush with the left edge */\n alignContentFlush?: boolean;\n /** Accepts a string of content that will be rendered to the left of the actions */\n message?: string;\n /** Save or commit contextual save bar action with text defaulting to 'Save' */\n saveAction?: ContextualSaveBarAction;\n /** Discard or cancel contextual save bar action with text defaulting to 'Discard' */\n discardAction?: ContextualSaveBarCombinedActionProps;\n /** Remove the normal max-width on the contextual save bar */\n fullWidth?: boolean;\n /** Accepts a component that is used to help users switch between different contexts */\n contextControl?: React.ReactNode;\n /** Accepts a node that is rendered to the left of the discard and save actions */\n secondaryMenu?: React.ReactNode;\n}" - }, - "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx": { - "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", - "name": "ContextualSaveBarProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "alignContentFlush", - "value": "boolean", - "description": "Extend the contents section to be flush with the left edge", + "name": "step", + "value": "number", + "description": "Increment value for range input changes", "isOptional": true }, { - "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "message", - "value": "string", - "description": "Accepts a string of content that will be rendered to the left of the actions", + "name": "output", + "value": "boolean", + "description": "Provide a tooltip while sliding, indicating the current value", "isOptional": true }, { - "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "saveAction", - "value": "ContextualSaveBarAction", - "description": "Save or commit contextual save bar action with text defaulting to 'Save'", + "name": "helpText", + "value": "ReactNode", + "description": "Additional text to aid in use", "isOptional": true }, { - "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "discardAction", - "value": "ContextualSaveBarCombinedActionProps", - "description": "Discard or cancel contextual save bar action with text defaulting to 'Discard'", + "name": "error", + "value": "any", + "description": "Display an error message", "isOptional": true }, { - "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "fullWidth", + "name": "disabled", "value": "boolean", - "description": "Remove the normal max-width on the contextual save bar", + "description": "Disable input", "isOptional": true }, { - "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "contextControl", + "name": "prefix", "value": "ReactNode", - "description": "Accepts a component that is used to help users switch between different contexts", + "description": "Element to display before the input", "isOptional": true }, { - "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", + "filePath": "polaris-react/src/components/RangeSlider/types.ts", "syntaxKind": "PropertySignature", - "name": "secondaryMenu", + "name": "suffix", "value": "ReactNode", - "description": "Accepts a node that is rendered to the left of the discard and save actions", + "description": "Element to display after the input", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "MethodSignature", + "name": "onChange", + "value": "(value: RangeSliderValue, id: string) => void", + "description": "Callback when the range input is changed" + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "MethodSignature", + "name": "onFocus", + "value": "() => void", + "description": "Callback when range input is focused", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "syntaxKind": "MethodSignature", + "name": "onBlur", + "value": "() => void", + "description": "Callback when focus is removed", "isOptional": true } ], - "value": "export interface ContextualSaveBarProps extends ContextualSaveBarProps1 {}" + "value": "export interface RangeSliderProps {\n /** Label for the range input */\n label: React.ReactNode;\n /** Adds an action to the label */\n labelAction?: LabelledProps['action'];\n /** Visually hide the label */\n labelHidden?: boolean;\n /** ID for range input */\n id?: string;\n /** Initial value for range input */\n value: RangeSliderValue;\n /** Minimum possible value for range input */\n min?: number;\n /** Maximum possible value for range input */\n max?: number;\n /** Increment value for range input changes */\n step?: number;\n /** Provide a tooltip while sliding, indicating the current value */\n output?: boolean;\n /** Additional text to aid in use */\n helpText?: React.ReactNode;\n /** Display an error message */\n error?: Error;\n /** Disable input */\n disabled?: boolean;\n /** Element to display before the input */\n prefix?: React.ReactNode;\n /** Element to display after the input */\n suffix?: React.ReactNode;\n /** Callback when the range input is changed */\n onChange(value: RangeSliderValue, id: string): void;\n /** Callback when range input is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n}" } }, - "ToastProps": { - "polaris-react/src/utilities/frame/types.ts": { - "filePath": "polaris-react/src/utilities/frame/types.ts", - "name": "ToastProps", + "ScrollToPositionFn": { + "polaris-react/src/components/Scrollable/context.ts": { + "filePath": "polaris-react/src/components/Scrollable/context.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "ScrollToPositionFn", + "value": "(scrollY: number) => void", + "description": "" + } + }, + "TabDescriptor": { + "polaris-react/src/components/Tabs/types.ts": { + "filePath": "polaris-react/src/components/Tabs/types.ts", + "name": "TabDescriptor", "description": "", "members": [ { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/Tabs/types.ts", "syntaxKind": "PropertySignature", - "name": "content", + "name": "id", "value": "string", - "description": "The content that should appear in the toast message" + "description": "A unique identifier for the tab" }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/Tabs/types.ts", "syntaxKind": "PropertySignature", - "name": "duration", - "value": "number", - "description": "The length of time in milliseconds the toast message should persist", - "isOptional": true, - "defaultValue": "5000" + "name": "url", + "value": "string", + "description": "A destination to link to", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/Tabs/types.ts", "syntaxKind": "PropertySignature", - "name": "error", - "value": "boolean", - "description": "Display an error toast.", - "isOptional": true + "name": "content", + "value": "ReactNode", + "description": "Content for the tab" }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", - "syntaxKind": "MethodSignature", - "name": "onDismiss", - "value": "() => void", - "description": "Callback when the dismiss icon is clicked" + "filePath": "polaris-react/src/components/Tabs/types.ts", + "syntaxKind": "PropertySignature", + "name": "panelID", + "value": "string", + "description": "A unique identifier for the panel", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "filePath": "polaris-react/src/components/Tabs/types.ts", "syntaxKind": "PropertySignature", - "name": "action", - "value": "Action", - "description": "Adds an action next to the message", + "name": "accessibilityLabel", + "value": "string", + "description": "Visually hidden text for screen readers", "isOptional": true } ], - "value": "export interface ToastProps {\n /** The content that should appear in the toast message */\n content: string;\n /**\n * The length of time in milliseconds the toast message should persist\n * @default 5000\n */\n duration?: number;\n /** Display an error toast. */\n error?: boolean;\n /** Callback when the dismiss icon is clicked */\n onDismiss(): void;\n /** Adds an action next to the message */\n action?: Action;\n}" - }, - "polaris-react/src/components/Toast/Toast.tsx": { - "filePath": "polaris-react/src/components/Toast/Toast.tsx", - "name": "ToastProps", + "value": "export interface TabDescriptor {\n /** A unique identifier for the tab */\n id: string;\n /** A destination to link to */\n url?: string;\n /** Content for the tab */\n content: React.ReactNode;\n /** A unique identifier for the panel */\n panelID?: string;\n /** Visually hidden text for screen readers */\n accessibilityLabel?: string;\n}" + } + }, + "MappedActionContextType": { + "polaris-react/src/utilities/autocomplete/context.ts": { + "filePath": "polaris-react/src/utilities/autocomplete/context.ts", + "name": "MappedActionContextType", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Toast/Toast.tsx", + "filePath": "polaris-react/src/utilities/autocomplete/context.ts", "syntaxKind": "PropertySignature", - "name": "content", + "name": "role", "value": "string", - "description": "The content that should appear in the toast message" + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Toast/Toast.tsx", + "filePath": "polaris-react/src/utilities/autocomplete/context.ts", "syntaxKind": "PropertySignature", - "name": "duration", - "value": "number", - "description": "The length of time in milliseconds the toast message should persist", - "isOptional": true, - "defaultValue": "5000" + "name": "url", + "value": "string", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Toast/Toast.tsx", + "filePath": "polaris-react/src/utilities/autocomplete/context.ts", "syntaxKind": "PropertySignature", - "name": "error", + "name": "external", "value": "boolean", - "description": "Display an error toast.", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Toast/Toast.tsx", + "filePath": "polaris-react/src/utilities/autocomplete/context.ts", "syntaxKind": "MethodSignature", - "name": "onDismiss", + "name": "onAction", "value": "() => void", - "description": "Callback when the dismiss icon is clicked" + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Toast/Toast.tsx", + "filePath": "polaris-react/src/utilities/autocomplete/context.ts", "syntaxKind": "PropertySignature", - "name": "action", - "value": "Action", - "description": "Adds an action next to the message", + "name": "destructive", + "value": "boolean", + "description": "", "isOptional": true } ], - "value": "export interface ToastProps extends ToastProps1 {}" + "value": "interface MappedActionContextType {\n role?: string;\n url?: string;\n external?: boolean;\n onAction?(): void;\n destructive?: boolean;\n}" } }, - "ToastID": { - "polaris-react/src/utilities/frame/types.ts": { - "filePath": "polaris-react/src/utilities/frame/types.ts", - "name": "ToastID", + "FeaturesConfig": { + "polaris-react/src/utilities/features/types.ts": { + "filePath": "polaris-react/src/utilities/features/types.ts", + "name": "FeaturesConfig", "description": "", "members": [ { - "filePath": "polaris-react/src/utilities/frame/types.ts", - "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "" + "filePath": "polaris-react/src/utilities/features/types.ts", + "name": "[key: string]", + "value": "boolean" } ], - "value": "export interface ToastID {\n id: string;\n}" + "value": "export interface FeaturesConfig {\n [key: string]: boolean;\n}" } }, - "ToastPropsWithID": { - "polaris-react/src/utilities/frame/types.ts": { - "filePath": "polaris-react/src/utilities/frame/types.ts", + "Features": { + "polaris-react/src/utilities/features/types.ts": { + "filePath": "polaris-react/src/utilities/features/types.ts", + "name": "Features", + "description": "", + "members": [], + "value": "export interface Features {}" + } + }, + "IdGenerator": { + "polaris-react/src/utilities/unique-id/unique-id-factory.ts": { + "filePath": "polaris-react/src/utilities/unique-id/unique-id-factory.ts", "syntaxKind": "TypeAliasDeclaration", - "name": "ToastPropsWithID", - "value": "ToastProps & ToastID", + "name": "IdGenerator", + "value": "() => string", "description": "" } }, - "FrameContextType": { - "polaris-react/src/utilities/frame/context.ts": { - "filePath": "polaris-react/src/utilities/frame/context.ts", - "name": "FrameContextType", + "IdGeneratorFactory": { + "polaris-react/src/utilities/unique-id/unique-id-factory.ts": { + "filePath": "polaris-react/src/utilities/unique-id/unique-id-factory.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "IdGeneratorFactory", + "value": "(prefix: string) => IdGenerator", + "description": "" + } + }, + "Options": { + "polaris-react/src/utilities/focus-manager/hooks.ts": { + "filePath": "polaris-react/src/utilities/focus-manager/hooks.ts", + "name": "Options", "description": "", "members": [ { - "filePath": "polaris-react/src/utilities/frame/context.ts", + "filePath": "polaris-react/src/utilities/focus-manager/hooks.ts", "syntaxKind": "PropertySignature", - "name": "logo", - "value": "Logo", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/utilities/frame/context.ts", - "syntaxKind": "MethodSignature", - "name": "showToast", - "value": "(toast: ToastPropsWithID) => void", + "name": "trapping", + "value": "boolean", "description": "" - }, + } + ], + "value": "interface Options {\n trapping: boolean;\n}" + } + }, + "Logo": { + "polaris-react/src/utilities/frame/types.ts": { + "filePath": "polaris-react/src/utilities/frame/types.ts", + "name": "Logo", + "description": "", + "members": [ { - "filePath": "polaris-react/src/utilities/frame/context.ts", - "syntaxKind": "MethodSignature", - "name": "hideToast", - "value": "(toast: ToastID) => void", - "description": "" + "filePath": "polaris-react/src/utilities/frame/types.ts", + "syntaxKind": "PropertySignature", + "name": "topBarSource", + "value": "string", + "description": "Provides a path for a logo used on a dark background", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/context.ts", - "syntaxKind": "MethodSignature", - "name": "setContextualSaveBar", - "value": "(props: ContextualSaveBarProps) => void", - "description": "" + "filePath": "polaris-react/src/utilities/frame/types.ts", + "syntaxKind": "PropertySignature", + "name": "contextualSaveBarSource", + "value": "string", + "description": "Provides a path for a logo used on a light background", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/context.ts", - "syntaxKind": "MethodSignature", - "name": "removeContextualSaveBar", - "value": "() => void", - "description": "" + "filePath": "polaris-react/src/utilities/frame/types.ts", + "syntaxKind": "PropertySignature", + "name": "url", + "value": "string", + "description": "Destination the merchant will navigate to when clicking the logo", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/context.ts", - "syntaxKind": "MethodSignature", - "name": "startLoading", - "value": "() => void", - "description": "" + "filePath": "polaris-react/src/utilities/frame/types.ts", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "Accessible label the logo image", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/frame/context.ts", - "syntaxKind": "MethodSignature", - "name": "stopLoading", - "value": "() => void", - "description": "" + "filePath": "polaris-react/src/utilities/frame/types.ts", + "syntaxKind": "PropertySignature", + "name": "width", + "value": "number", + "description": "Number of pixels wide the logo image is", + "isOptional": true } ], - "value": "export interface FrameContextType {\n logo?: Logo;\n showToast(toast: ToastPropsWithID): void;\n hideToast(toast: ToastID): void;\n setContextualSaveBar(props: ContextualSaveBarProps): void;\n removeContextualSaveBar(): void;\n startLoading(): void;\n stopLoading(): void;\n}" - }, - "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx": { - "filePath": "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "FrameContextType", - "value": "NonNullable>", - "description": "" + "value": "export interface Logo {\n /** Provides a path for a logo used on a dark background */\n topBarSource?: string;\n /** Provides a path for a logo used on a light background */\n contextualSaveBarSource?: string;\n /** Destination the merchant will navigate to when clicking the logo */\n url?: string;\n /** Accessible label the logo image */\n accessibilityLabel?: string;\n /** Number of pixels wide the logo image is */\n width?: number;\n}" } }, - "LinkLikeComponentProps": { - "polaris-react/src/utilities/link/types.ts": { - "filePath": "polaris-react/src/utilities/link/types.ts", - "name": "LinkLikeComponentProps", + "ContextualSaveBarAction": { + "polaris-react/src/utilities/frame/types.ts": { + "filePath": "polaris-react/src/utilities/frame/types.ts", + "name": "ContextualSaveBarAction", "description": "", "members": [ { - "filePath": "polaris-react/src/utilities/link/types.ts", - "name": "[key: string]", - "value": "any" + "filePath": "polaris-react/src/utilities/frame/types.ts", + "syntaxKind": "PropertySignature", + "name": "url", + "value": "string", + "description": "A destination to link to", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "url", + "name": "content", "value": "string", - "description": "The url to link to" + "description": "Content the action displays", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "children", - "value": "ReactNode", - "description": "The content to display inside the link", + "name": "loading", + "value": "boolean", + "description": "Should a spinner be displayed", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/frame/types.ts", + "syntaxKind": "PropertySignature", + "name": "disabled", + "value": "boolean", + "description": "Should the action be disabled", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", + "syntaxKind": "MethodSignature", + "name": "onAction", + "value": "() => void", + "description": "Callback when an action takes place", + "isOptional": true + } + ], + "value": "interface ContextualSaveBarAction {\n /** A destination to link to */\n url?: string;\n /** Content the action displays */\n content?: string;\n /** Should a spinner be displayed */\n loading?: boolean;\n /** Should the action be disabled */\n disabled?: boolean;\n /** Callback when an action takes place */\n onAction?(): void;\n}" + } + }, + "ContextualSaveBarDiscardActionProps": { + "polaris-react/src/utilities/frame/types.ts": { + "filePath": "polaris-react/src/utilities/frame/types.ts", + "name": "ContextualSaveBarDiscardActionProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "external", + "name": "discardConfirmationModal", "value": "boolean", - "description": "Makes the link open in a new tab", - "isOptional": true - }, - { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "download", - "value": "string | boolean", - "description": "Makes the browser download the url instead of opening it. Provides a hint for the downloaded filename if it is a string value.", + "description": "Whether to show a modal confirming the discard action", "isOptional": true - }, + } + ], + "value": "interface ContextualSaveBarDiscardActionProps {\n /** Whether to show a modal confirming the discard action */\n discardConfirmationModal?: boolean;\n}" + } + }, + "ContextualSaveBarCombinedActionProps": { + "polaris-react/src/utilities/frame/types.ts": { + "filePath": "polaris-react/src/utilities/frame/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "ContextualSaveBarCombinedActionProps", + "value": "ContextualSaveBarDiscardActionProps & ContextualSaveBarAction", + "description": "" + } + }, + "ContextualSaveBarProps": { + "polaris-react/src/utilities/frame/types.ts": { + "filePath": "polaris-react/src/utilities/frame/types.ts", + "name": "ContextualSaveBarProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "accept", - "value": "string", - "description": "", + "name": "alignContentFlush", + "value": "boolean", + "description": "Extend the contents section to be flush with the left edge", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "acceptCharset", + "name": "message", "value": "string", - "description": "", + "description": "Accepts a string of content that will be rendered to the left of the actions", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "action", - "value": "string", - "description": "", + "name": "saveAction", + "value": "ContextualSaveBarAction", + "description": "Save or commit contextual save bar action with text defaulting to 'Save'", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "allowFullScreen", - "value": "boolean", - "description": "", + "name": "discardAction", + "value": "ContextualSaveBarCombinedActionProps", + "description": "Discard or cancel contextual save bar action with text defaulting to 'Discard'", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "allowTransparency", + "name": "fullWidth", "value": "boolean", - "description": "", + "description": "Remove the normal max-width on the contextual save bar", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "alt", - "value": "string", - "description": "", + "name": "contextControl", + "value": "ReactNode", + "description": "Accepts a component that is used to help users switch between different contexts", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "as", - "value": "string", - "description": "", + "name": "secondaryMenu", + "value": "ReactNode", + "description": "Accepts a node that is rendered to the left of the discard and save actions", "isOptional": true - }, + } + ], + "value": "export interface ContextualSaveBarProps {\n /** Extend the contents section to be flush with the left edge */\n alignContentFlush?: boolean;\n /** Accepts a string of content that will be rendered to the left of the actions */\n message?: string;\n /** Save or commit contextual save bar action with text defaulting to 'Save' */\n saveAction?: ContextualSaveBarAction;\n /** Discard or cancel contextual save bar action with text defaulting to 'Discard' */\n discardAction?: ContextualSaveBarCombinedActionProps;\n /** Remove the normal max-width on the contextual save bar */\n fullWidth?: boolean;\n /** Accepts a component that is used to help users switch between different contexts */\n contextControl?: React.ReactNode;\n /** Accepts a node that is rendered to the left of the discard and save actions */\n secondaryMenu?: React.ReactNode;\n}" + }, + "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx": { + "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", + "name": "ContextualSaveBarProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", "syntaxKind": "PropertySignature", - "name": "async", + "name": "alignContentFlush", "value": "boolean", - "description": "", + "description": "Extend the contents section to be flush with the left edge", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", "syntaxKind": "PropertySignature", - "name": "autoComplete", + "name": "message", "value": "string", - "description": "", + "description": "Accepts a string of content that will be rendered to the left of the actions", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", "syntaxKind": "PropertySignature", - "name": "autoFocus", - "value": "boolean", - "description": "", + "name": "saveAction", + "value": "ContextualSaveBarAction", + "description": "Save or commit contextual save bar action with text defaulting to 'Save'", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", "syntaxKind": "PropertySignature", - "name": "autoPlay", - "value": "boolean", - "description": "", + "name": "discardAction", + "value": "ContextualSaveBarCombinedActionProps", + "description": "Discard or cancel contextual save bar action with text defaulting to 'Discard'", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", "syntaxKind": "PropertySignature", - "name": "capture", - "value": "boolean | \"user\" | \"environment\"", - "description": "", + "name": "fullWidth", + "value": "boolean", + "description": "Remove the normal max-width on the contextual save bar", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", "syntaxKind": "PropertySignature", - "name": "cellPadding", - "value": "string | number", - "description": "", + "name": "contextControl", + "value": "ReactNode", + "description": "Accepts a component that is used to help users switch between different contexts", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.tsx", "syntaxKind": "PropertySignature", - "name": "cellSpacing", - "value": "string | number", - "description": "", + "name": "secondaryMenu", + "value": "ReactNode", + "description": "Accepts a node that is rendered to the left of the discard and save actions", "isOptional": true - }, + } + ], + "value": "export interface ContextualSaveBarProps extends ContextualSaveBarProps1 {}" + } + }, + "ToastProps": { + "polaris-react/src/utilities/frame/types.ts": { + "filePath": "polaris-react/src/utilities/frame/types.ts", + "name": "ToastProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "charSet", + "name": "content", "value": "string", - "description": "", - "isOptional": true + "description": "The content that should appear in the toast message" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "challenge", - "value": "string", - "description": "", - "isOptional": true + "name": "duration", + "value": "number", + "description": "The length of time in milliseconds the toast message should persist", + "isOptional": true, + "defaultValue": "5000" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "checked", + "name": "error", "value": "boolean", - "description": "", + "description": "Display an error toast.", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "cite", - "value": "string", - "description": "", - "isOptional": true + "filePath": "polaris-react/src/utilities/frame/types.ts", + "syntaxKind": "MethodSignature", + "name": "onDismiss", + "value": "() => void", + "description": "Callback when the dismiss icon is clicked" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "classID", - "value": "string", - "description": "", + "name": "action", + "value": "Action", + "description": "Adds an action next to the message", "isOptional": true - }, + } + ], + "value": "export interface ToastProps {\n /** The content that should appear in the toast message */\n content: string;\n /**\n * The length of time in milliseconds the toast message should persist\n * @default 5000\n */\n duration?: number;\n /** Display an error toast. */\n error?: boolean;\n /** Callback when the dismiss icon is clicked */\n onDismiss(): void;\n /** Adds an action next to the message */\n action?: Action;\n}" + }, + "polaris-react/src/components/Toast/Toast.tsx": { + "filePath": "polaris-react/src/components/Toast/Toast.tsx", + "name": "ToastProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/Toast/Toast.tsx", "syntaxKind": "PropertySignature", - "name": "cols", - "value": "number", - "description": "", - "isOptional": true + "name": "content", + "value": "string", + "description": "The content that should appear in the toast message" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/Toast/Toast.tsx", "syntaxKind": "PropertySignature", - "name": "colSpan", + "name": "duration", "value": "number", - "description": "", - "isOptional": true + "description": "The length of time in milliseconds the toast message should persist", + "isOptional": true, + "defaultValue": "5000" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/Toast/Toast.tsx", "syntaxKind": "PropertySignature", - "name": "content", - "value": "string", - "description": "", + "name": "error", + "value": "boolean", + "description": "Display an error toast.", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "controls", - "value": "boolean", - "description": "", - "isOptional": true + "filePath": "polaris-react/src/components/Toast/Toast.tsx", + "syntaxKind": "MethodSignature", + "name": "onDismiss", + "value": "() => void", + "description": "Callback when the dismiss icon is clicked" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/components/Toast/Toast.tsx", "syntaxKind": "PropertySignature", - "name": "coords", - "value": "string", - "description": "", + "name": "action", + "value": "Action", + "description": "Adds an action next to the message", "isOptional": true - }, + } + ], + "value": "export interface ToastProps extends ToastProps1 {}" + } + }, + "ToastID": { + "polaris-react/src/utilities/frame/types.ts": { + "filePath": "polaris-react/src/utilities/frame/types.ts", + "name": "ToastID", + "description": "", + "members": [ { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/types.ts", "syntaxKind": "PropertySignature", - "name": "crossOrigin", + "name": "id", "value": "string", - "description": "", - "isOptional": true - }, + "description": "" + } + ], + "value": "export interface ToastID {\n id: string;\n}" + } + }, + "ToastPropsWithID": { + "polaris-react/src/utilities/frame/types.ts": { + "filePath": "polaris-react/src/utilities/frame/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "ToastPropsWithID", + "value": "ToastProps & ToastID", + "description": "" + } + }, + "FrameContextType": { + "polaris-react/src/utilities/frame/context.ts": { + "filePath": "polaris-react/src/utilities/frame/context.ts", + "name": "FrameContextType", + "description": "", + "members": [ { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/frame/context.ts", "syntaxKind": "PropertySignature", - "name": "data", - "value": "string", + "name": "logo", + "value": "Logo", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "dateTime", - "value": "string", - "description": "", - "isOptional": true + "filePath": "polaris-react/src/utilities/frame/context.ts", + "syntaxKind": "MethodSignature", + "name": "showToast", + "value": "(toast: ToastPropsWithID) => void", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "default", - "value": "boolean", - "description": "", - "isOptional": true + "filePath": "polaris-react/src/utilities/frame/context.ts", + "syntaxKind": "MethodSignature", + "name": "hideToast", + "value": "(toast: ToastID) => void", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "defer", - "value": "boolean", - "description": "", - "isOptional": true + "filePath": "polaris-react/src/utilities/frame/context.ts", + "syntaxKind": "MethodSignature", + "name": "setContextualSaveBar", + "value": "(props: ContextualSaveBarProps) => void", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "", - "isOptional": true + "filePath": "polaris-react/src/utilities/frame/context.ts", + "syntaxKind": "MethodSignature", + "name": "removeContextualSaveBar", + "value": "() => void", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "encType", - "value": "string", - "description": "", - "isOptional": true + "filePath": "polaris-react/src/utilities/frame/context.ts", + "syntaxKind": "MethodSignature", + "name": "startLoading", + "value": "() => void", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "form", - "value": "string", - "description": "", - "isOptional": true - }, + "filePath": "polaris-react/src/utilities/frame/context.ts", + "syntaxKind": "MethodSignature", + "name": "stopLoading", + "value": "() => void", + "description": "" + } + ], + "value": "export interface FrameContextType {\n logo?: Logo;\n showToast(toast: ToastPropsWithID): void;\n hideToast(toast: ToastID): void;\n setContextualSaveBar(props: ContextualSaveBarProps): void;\n removeContextualSaveBar(): void;\n startLoading(): void;\n stopLoading(): void;\n}" + }, + "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx": { + "filePath": "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "FrameContextType", + "value": "NonNullable>", + "description": "" + } + }, + "NavigableOption": { + "polaris-react/src/utilities/listbox/types.ts": { + "filePath": "polaris-react/src/utilities/listbox/types.ts", + "name": "NavigableOption", + "description": "", + "members": [ { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/listbox/types.ts", "syntaxKind": "PropertySignature", - "name": "formAction", + "name": "domId", "value": "string", - "description": "", - "isOptional": true + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/listbox/types.ts", "syntaxKind": "PropertySignature", - "name": "formEncType", + "name": "value", "value": "string", - "description": "", - "isOptional": true + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/listbox/types.ts", "syntaxKind": "PropertySignature", - "name": "formMethod", - "value": "string", - "description": "", - "isOptional": true + "name": "element", + "value": "HTMLElement", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/listbox/types.ts", "syntaxKind": "PropertySignature", - "name": "formNoValidate", + "name": "disabled", "value": "boolean", - "description": "", - "isOptional": true + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/listbox/types.ts", "syntaxKind": "PropertySignature", - "name": "formTarget", - "value": "string", + "name": "isAction", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/link/types.ts", + "filePath": "polaris-react/src/utilities/listbox/types.ts", "syntaxKind": "PropertySignature", - "name": "frameBorder", - "value": "string | number", + "name": "index", + "value": "number", "description": "", "isOptional": true - }, + } + ], + "value": "export interface NavigableOption {\n domId: string;\n value: string;\n element: HTMLElement;\n disabled: boolean;\n isAction?: boolean;\n index?: number;\n}" + } + }, + "ListboxContextType": { + "polaris-react/src/utilities/listbox/context.ts": { + "filePath": "polaris-react/src/utilities/listbox/context.ts", + "name": "ListboxContextType", + "description": "", + "members": [ { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "headers", - "value": "string", - "description": "", - "isOptional": true + "filePath": "polaris-react/src/utilities/listbox/context.ts", + "syntaxKind": "MethodSignature", + "name": "onOptionSelect", + "value": "(option: NavigableOption) => void", + "description": "" }, { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "height", - "value": "string | number", - "description": "", - "isOptional": true - }, + "filePath": "polaris-react/src/utilities/listbox/context.ts", + "syntaxKind": "MethodSignature", + "name": "setLoading", + "value": "(label?: string) => void", + "description": "" + } + ], + "value": "export interface ListboxContextType {\n onOptionSelect(option: NavigableOption): void;\n setLoading(label?: string): void;\n}" + } + }, + "LinkLikeComponentProps": { + "polaris-react/src/utilities/link/types.ts": { + "filePath": "polaris-react/src/utilities/link/types.ts", + "name": "LinkLikeComponentProps", + "description": "", + "members": [ { "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "high", - "value": "number", - "description": "", - "isOptional": true + "name": "[key: string]", + "value": "any" }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "href", + "name": "url", "value": "string", - "description": "", - "isOptional": true + "description": "The url to link to" }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "hrefLang", - "value": "string", - "description": "", + "name": "children", + "value": "ReactNode", + "description": "The content to display inside the link", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "htmlFor", - "value": "string", - "description": "", + "name": "external", + "value": "boolean", + "description": "Makes the link open in a new tab", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "httpEquiv", - "value": "string", - "description": "", + "name": "download", + "value": "string | boolean", + "description": "Makes the browser download the url instead of opening it. Provides a hint for the downloaded filename if it is a string value.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "integrity", + "name": "accept", "value": "string", "description": "", "isOptional": true @@ -4317,7 +4427,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "keyParams", + "name": "acceptCharset", "value": "string", "description": "", "isOptional": true @@ -4325,7 +4435,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "keyType", + "name": "action", "value": "string", "description": "", "isOptional": true @@ -4333,23 +4443,23 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "kind", - "value": "string", + "name": "allowFullScreen", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "label", - "value": "string", + "name": "allowTransparency", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "list", + "name": "alt", "value": "string", "description": "", "isOptional": true @@ -4357,23 +4467,23 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "loop", - "value": "boolean", + "name": "as", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "low", - "value": "number", + "name": "async", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "manifest", + "name": "autoComplete", "value": "string", "description": "", "isOptional": true @@ -4381,47 +4491,47 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "marginHeight", - "value": "number", + "name": "autoFocus", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "marginWidth", - "value": "number", + "name": "autoPlay", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "max", - "value": "string | number", + "name": "capture", + "value": "boolean | \"user\" | \"environment\"", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "maxLength", - "value": "number", + "name": "cellPadding", + "value": "string | number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "media", - "value": "string", + "name": "cellSpacing", + "value": "string | number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "mediaGroup", + "name": "charSet", "value": "string", "description": "", "isOptional": true @@ -4429,7 +4539,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "method", + "name": "challenge", "value": "string", "description": "", "isOptional": true @@ -4437,47 +4547,47 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "min", - "value": "string | number", + "name": "checked", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "minLength", - "value": "number", + "name": "cite", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "multiple", - "value": "boolean", + "name": "classID", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "muted", - "value": "boolean", + "name": "cols", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "name", - "value": "string", + "name": "colSpan", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "nonce", + "name": "content", "value": "string", "description": "", "isOptional": true @@ -4485,7 +4595,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "noValidate", + "name": "controls", "value": "boolean", "description": "", "isOptional": true @@ -4493,23 +4603,23 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "open", - "value": "boolean", + "name": "coords", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "optimum", - "value": "number", + "name": "crossOrigin", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "pattern", + "name": "data", "value": "string", "description": "", "isOptional": true @@ -4517,7 +4627,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "placeholder", + "name": "dateTime", "value": "string", "description": "", "isOptional": true @@ -4525,7 +4635,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "playsInline", + "name": "default", "value": "boolean", "description": "", "isOptional": true @@ -4533,23 +4643,15 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "poster", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "preload", - "value": "string", + "name": "defer", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "readOnly", + "name": "disabled", "value": "boolean", "description": "", "isOptional": true @@ -4557,7 +4659,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "rel", + "name": "encType", "value": "string", "description": "", "isOptional": true @@ -4565,47 +4667,47 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "required", - "value": "boolean", + "name": "form", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "reversed", - "value": "boolean", + "name": "formAction", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "rows", - "value": "number", + "name": "formEncType", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "rowSpan", - "value": "number", + "name": "formMethod", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "sandbox", - "value": "string", + "name": "formNoValidate", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "scope", + "name": "formTarget", "value": "string", "description": "", "isOptional": true @@ -4613,15 +4715,15 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "scoped", - "value": "boolean", + "name": "frameBorder", + "value": "string | number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "scrolling", + "name": "headers", "value": "string", "description": "", "isOptional": true @@ -4629,23 +4731,23 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "seamless", - "value": "boolean", + "name": "height", + "value": "string | number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "selected", - "value": "boolean", + "name": "high", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "shape", + "name": "href", "value": "string", "description": "", "isOptional": true @@ -4653,15 +4755,15 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "size", - "value": "number", + "name": "hrefLang", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "sizes", + "name": "htmlFor", "value": "string", "description": "", "isOptional": true @@ -4669,15 +4771,15 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "span", - "value": "number", + "name": "httpEquiv", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "src", + "name": "integrity", "value": "string", "description": "", "isOptional": true @@ -4685,7 +4787,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "srcDoc", + "name": "keyParams", "value": "string", "description": "", "isOptional": true @@ -4693,7 +4795,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "srcLang", + "name": "keyType", "value": "string", "description": "", "isOptional": true @@ -4701,7 +4803,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "srcSet", + "name": "kind", "value": "string", "description": "", "isOptional": true @@ -4709,39 +4811,39 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "start", - "value": "number", + "name": "label", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "step", - "value": "string | number", + "name": "list", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "summary", - "value": "string", + "name": "loop", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "target", - "value": "string", + "name": "low", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "type", + "name": "manifest", "value": "string", "description": "", "isOptional": true @@ -4749,23 +4851,23 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "useMap", - "value": "string", + "name": "marginHeight", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "value", - "value": "string | number | readonly string[]", + "name": "marginWidth", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "width", + "name": "max", "value": "string | number", "description": "", "isOptional": true @@ -4773,15 +4875,15 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "wmode", - "value": "string", + "name": "maxLength", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "wrap", + "name": "media", "value": "string", "description": "", "isOptional": true @@ -4789,63 +4891,63 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "defaultChecked", - "value": "boolean", + "name": "mediaGroup", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "defaultValue", - "value": "string | number | readonly string[]", + "name": "method", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "suppressContentEditableWarning", - "value": "boolean", + "name": "min", + "value": "string | number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "suppressHydrationWarning", - "value": "boolean", + "name": "minLength", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "accessKey", - "value": "string", + "name": "multiple", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "className", - "value": "string", + "name": "muted", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "contentEditable", - "value": "Booleanish | \"inherit\"", + "name": "name", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "contextMenu", + "name": "nonce", "value": "string", "description": "", "isOptional": true @@ -4853,31 +4955,31 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "dir", - "value": "string", + "name": "noValidate", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "draggable", - "value": "Booleanish", + "name": "open", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "hidden", - "value": "boolean", + "name": "optimum", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "id", + "name": "pattern", "value": "string", "description": "", "isOptional": true @@ -4885,7 +4987,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "lang", + "name": "placeholder", "value": "string", "description": "", "isOptional": true @@ -4893,39 +4995,39 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "slot", - "value": "string", + "name": "playsInline", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "spellCheck", - "value": "Booleanish", + "name": "poster", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "style", - "value": "CSSProperties", + "name": "preload", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "tabIndex", - "value": "number", + "name": "readOnly", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "title", + "name": "rel", "value": "string", "description": "", "isOptional": true @@ -4933,39 +5035,39 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "translate", - "value": "\"yes\" | \"no\"", + "name": "required", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "radioGroup", - "value": "string", + "name": "reversed", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "role", - "value": "AriaRole", + "name": "rows", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "about", - "value": "string", + "name": "rowSpan", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "datatype", + "name": "sandbox", "value": "string", "description": "", "isOptional": true @@ -4973,23 +5075,23 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "inlist", - "value": "any", + "name": "scope", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "prefix", - "value": "string", + "name": "scoped", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "property", + "name": "scrolling", "value": "string", "description": "", "isOptional": true @@ -4997,23 +5099,23 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "resource", - "value": "string", + "name": "seamless", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "typeof", - "value": "string", + "name": "selected", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "vocab", + "name": "shape", "value": "string", "description": "", "isOptional": true @@ -5021,15 +5123,15 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "autoCapitalize", - "value": "string", + "name": "size", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "autoCorrect", + "name": "sizes", "value": "string", "description": "", "isOptional": true @@ -5037,15 +5139,15 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "autoSave", - "value": "string", + "name": "span", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "color", + "name": "src", "value": "string", "description": "", "isOptional": true @@ -5053,7 +5155,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "itemProp", + "name": "srcDoc", "value": "string", "description": "", "isOptional": true @@ -5061,15 +5163,15 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "itemScope", - "value": "boolean", + "name": "srcLang", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "itemType", + "name": "srcSet", "value": "string", "description": "", "isOptional": true @@ -5077,31 +5179,31 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "itemID", - "value": "string", + "name": "start", + "value": "number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "itemRef", - "value": "string", + "name": "step", + "value": "string | number", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "results", - "value": "number", + "name": "summary", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "security", + "name": "target", "value": "string", "description": "", "isOptional": true @@ -5109,1019 +5211,1017 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "unselectable", - "value": "\"on\" | \"off\"", + "name": "type", + "value": "string", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "inputMode", - "value": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"", - "description": "Hints at the type of data that might be entered by the user while editing the element or its contents", + "name": "useMap", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "is", - "value": "string", - "description": "Specify that a standard HTML element should behave like a defined custom built-in element", + "name": "value", + "value": "string | number | readonly string[]", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-activedescendant", - "value": "string", - "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", + "name": "width", + "value": "string | number", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-atomic", - "value": "Booleanish", - "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", + "name": "wmode", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-autocomplete", - "value": "\"list\" | \"none\" | \"inline\" | \"both\"", - "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.", + "name": "wrap", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-busy", - "value": "Booleanish", - "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", + "name": "defaultChecked", + "value": "boolean", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-checked", - "value": "boolean | \"false\" | \"true\" | \"mixed\"", - "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.", + "name": "defaultValue", + "value": "string | number | readonly string[]", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-colcount", - "value": "number", - "description": "Defines the total number of columns in a table, grid, or treegrid.", + "name": "suppressContentEditableWarning", + "value": "boolean", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-colindex", - "value": "number", - "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.", + "name": "suppressHydrationWarning", + "value": "boolean", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-colspan", - "value": "number", - "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.", + "name": "accessKey", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-controls", + "name": "className", "value": "string", - "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-current", - "value": "boolean | \"false\" | \"true\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\"", - "description": "Indicates the element that represents the current item within a container or set of related elements.", + "name": "contentEditable", + "value": "Booleanish | \"inherit\"", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-describedby", + "name": "contextMenu", "value": "string", - "description": "Identifies the element (or elements) that describes the object.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-details", + "name": "dir", "value": "string", - "description": "Identifies the element that provides a detailed, extended description for the object.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-disabled", + "name": "draggable", "value": "Booleanish", - "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-dropeffect", - "value": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", - "description": "Indicates what functions can be performed when a dragged object is released on the drop target.", - "isOptional": true, - "deprecationMessage": "in ARIA 1.1" + "name": "hidden", + "value": "boolean", + "description": "", + "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-errormessage", + "name": "id", "value": "string", - "description": "Identifies the element that provides an error message for the object.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-expanded", - "value": "Booleanish", - "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", + "name": "lang", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-flowto", + "name": "slot", "value": "string", - "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-grabbed", + "name": "spellCheck", "value": "Booleanish", - "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation.", - "isOptional": true, - "deprecationMessage": "in ARIA 1.1" - }, - { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "PropertySignature", - "name": "aria-haspopup", - "value": "boolean | \"false\" | \"true\" | \"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\"", - "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-hidden", - "value": "Booleanish", - "description": "Indicates whether the element is exposed to an accessibility API.", + "name": "style", + "value": "CSSProperties", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-invalid", - "value": "boolean | \"false\" | \"true\" | \"grammar\" | \"spelling\"", - "description": "Indicates the entered value does not conform to the format expected by the application.", + "name": "tabIndex", + "value": "number", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-keyshortcuts", + "name": "title", "value": "string", - "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-label", - "value": "string", - "description": "Defines a string value that labels the current element.", + "name": "translate", + "value": "\"yes\" | \"no\"", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-labelledby", + "name": "radioGroup", "value": "string", - "description": "Identifies the element (or elements) that labels the current element.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-level", - "value": "number", - "description": "Defines the hierarchical level of an element within a structure.", + "name": "role", + "value": "AriaRole", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-live", - "value": "\"off\" | \"assertive\" | \"polite\"", - "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", + "name": "about", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-modal", - "value": "Booleanish", - "description": "Indicates whether an element is modal when displayed.", + "name": "datatype", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-multiline", - "value": "Booleanish", - "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", + "name": "inlist", + "value": "any", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-multiselectable", - "value": "Booleanish", - "description": "Indicates that the user may select more than one item from the current selectable descendants.", + "name": "prefix", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-orientation", - "value": "\"horizontal\" | \"vertical\"", - "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.", + "name": "property", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-owns", + "name": "resource", "value": "string", - "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-placeholder", + "name": "typeof", "value": "string", - "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-posinset", - "value": "number", - "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.", + "name": "vocab", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-pressed", - "value": "boolean | \"false\" | \"true\" | \"mixed\"", - "description": "Indicates the current \"pressed\" state of toggle buttons.", + "name": "autoCapitalize", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-readonly", - "value": "Booleanish", - "description": "Indicates that the element is not editable, but is otherwise operable.", + "name": "autoCorrect", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-relevant", - "value": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"", - "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.", + "name": "autoSave", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-required", - "value": "Booleanish", - "description": "Indicates that user input is required on the element before a form may be submitted.", + "name": "color", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-roledescription", + "name": "itemProp", "value": "string", - "description": "Defines a human-readable, author-localized description for the role of an element.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-rowcount", - "value": "number", - "description": "Defines the total number of rows in a table, grid, or treegrid.", + "name": "itemScope", + "value": "boolean", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-rowindex", - "value": "number", - "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.", + "name": "itemType", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-rowspan", - "value": "number", - "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.", + "name": "itemID", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-selected", - "value": "Booleanish", - "description": "Indicates the current \"selected\" state of various widgets.", + "name": "itemRef", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-setsize", + "name": "results", "value": "number", - "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-sort", - "value": "\"none\" | \"ascending\" | \"descending\" | \"other\"", - "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", + "name": "security", + "value": "string", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-valuemax", - "value": "number", - "description": "Defines the maximum allowed value for a range widget.", + "name": "unselectable", + "value": "\"on\" | \"off\"", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-valuemin", - "value": "number", - "description": "Defines the minimum allowed value for a range widget.", + "name": "inputMode", + "value": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"", + "description": "Hints at the type of data that might be entered by the user while editing the element or its contents", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-valuenow", - "value": "number", - "description": "Defines the current value for a range widget.", + "name": "is", + "value": "string", + "description": "Specify that a standard HTML element should behave like a defined custom built-in element", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "aria-valuetext", + "name": "aria-activedescendant", "value": "string", - "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", + "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "dangerouslySetInnerHTML", - "value": "{ __html: string; }", - "description": "", + "name": "aria-atomic", + "value": "Booleanish", + "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCopy", - "value": "ClipboardEventHandler", - "description": "", + "name": "aria-autocomplete", + "value": "\"none\" | \"list\" | \"inline\" | \"both\"", + "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCopyCapture", - "value": "ClipboardEventHandler", - "description": "", + "name": "aria-busy", + "value": "Booleanish", + "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCut", - "value": "ClipboardEventHandler", - "description": "", + "name": "aria-checked", + "value": "boolean | \"false\" | \"true\" | \"mixed\"", + "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCutCapture", - "value": "ClipboardEventHandler", - "description": "", + "name": "aria-colcount", + "value": "number", + "description": "Defines the total number of columns in a table, grid, or treegrid.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPaste", - "value": "ClipboardEventHandler", - "description": "", + "name": "aria-colindex", + "value": "number", + "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPasteCapture", - "value": "ClipboardEventHandler", - "description": "", + "name": "aria-colspan", + "value": "number", + "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCompositionEnd", - "value": "CompositionEventHandler", - "description": "", + "name": "aria-controls", + "value": "string", + "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCompositionEndCapture", - "value": "CompositionEventHandler", - "description": "", + "name": "aria-current", + "value": "boolean | \"false\" | \"true\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\"", + "description": "Indicates the element that represents the current item within a container or set of related elements.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCompositionStart", - "value": "CompositionEventHandler", - "description": "", + "name": "aria-describedby", + "value": "string", + "description": "Identifies the element (or elements) that describes the object.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCompositionStartCapture", - "value": "CompositionEventHandler", - "description": "", + "name": "aria-details", + "value": "string", + "description": "Identifies the element that provides a detailed, extended description for the object.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCompositionUpdate", - "value": "CompositionEventHandler", - "description": "", + "name": "aria-disabled", + "value": "Booleanish", + "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCompositionUpdateCapture", - "value": "CompositionEventHandler", - "description": "", - "isOptional": true + "name": "aria-dropeffect", + "value": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "description": "Indicates what functions can be performed when a dragged object is released on the drop target.", + "isOptional": true, + "deprecationMessage": "in ARIA 1.1" }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onFocus", - "value": "FocusEventHandler", - "description": "", + "name": "aria-errormessage", + "value": "string", + "description": "Identifies the element that provides an error message for the object.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onFocusCapture", - "value": "FocusEventHandler", - "description": "", + "name": "aria-expanded", + "value": "Booleanish", + "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onBlur", - "value": "FocusEventHandler", - "description": "", + "name": "aria-flowto", + "value": "string", + "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onBlurCapture", - "value": "FocusEventHandler", - "description": "", - "isOptional": true + "name": "aria-grabbed", + "value": "Booleanish", + "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation.", + "isOptional": true, + "deprecationMessage": "in ARIA 1.1" }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onChange", - "value": "FormEventHandler", - "description": "", + "name": "aria-haspopup", + "value": "boolean | \"false\" | \"true\" | \"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\"", + "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onChangeCapture", - "value": "FormEventHandler", - "description": "", + "name": "aria-hidden", + "value": "Booleanish", + "description": "Indicates whether the element is exposed to an accessibility API.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onBeforeInput", - "value": "FormEventHandler", - "description": "", + "name": "aria-invalid", + "value": "boolean | \"false\" | \"true\" | \"grammar\" | \"spelling\"", + "description": "Indicates the entered value does not conform to the format expected by the application.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onBeforeInputCapture", - "value": "FormEventHandler", - "description": "", + "name": "aria-keyshortcuts", + "value": "string", + "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onInput", - "value": "FormEventHandler", - "description": "", + "name": "aria-label", + "value": "string", + "description": "Defines a string value that labels the current element.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onInputCapture", - "value": "FormEventHandler", - "description": "", + "name": "aria-labelledby", + "value": "string", + "description": "Identifies the element (or elements) that labels the current element.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onReset", - "value": "FormEventHandler", - "description": "", + "name": "aria-level", + "value": "number", + "description": "Defines the hierarchical level of an element within a structure.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onResetCapture", - "value": "FormEventHandler", - "description": "", + "name": "aria-live", + "value": "\"off\" | \"assertive\" | \"polite\"", + "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "aria-modal", + "value": "Booleanish", + "description": "Indicates whether an element is modal when displayed.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onSubmit", - "value": "FormEventHandler", - "description": "", + "name": "aria-multiline", + "value": "Booleanish", + "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onSubmitCapture", - "value": "FormEventHandler", - "description": "", + "name": "aria-multiselectable", + "value": "Booleanish", + "description": "Indicates that the user may select more than one item from the current selectable descendants.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onInvalid", - "value": "FormEventHandler", - "description": "", + "name": "aria-orientation", + "value": "\"horizontal\" | \"vertical\"", + "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onInvalidCapture", - "value": "FormEventHandler", - "description": "", + "name": "aria-owns", + "value": "string", + "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onLoad", - "value": "ReactEventHandler", - "description": "", + "name": "aria-placeholder", + "value": "string", + "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onLoadCapture", - "value": "ReactEventHandler", - "description": "", + "name": "aria-posinset", + "value": "number", + "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onError", - "value": "ReactEventHandler", - "description": "", + "name": "aria-pressed", + "value": "boolean | \"false\" | \"true\" | \"mixed\"", + "description": "Indicates the current \"pressed\" state of toggle buttons.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onErrorCapture", - "value": "ReactEventHandler", - "description": "", + "name": "aria-readonly", + "value": "Booleanish", + "description": "Indicates that the element is not editable, but is otherwise operable.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onKeyDown", - "value": "KeyboardEventHandler", - "description": "", + "name": "aria-relevant", + "value": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"", + "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onKeyDownCapture", - "value": "KeyboardEventHandler", - "description": "", + "name": "aria-required", + "value": "Booleanish", + "description": "Indicates that user input is required on the element before a form may be submitted.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onKeyPress", - "value": "KeyboardEventHandler", - "description": "", - "isOptional": true, - "deprecationMessage": "Deprecated" + "name": "aria-roledescription", + "value": "string", + "description": "Defines a human-readable, author-localized description for the role of an element.", + "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onKeyPressCapture", - "value": "KeyboardEventHandler", - "description": "", - "isOptional": true, - "deprecationMessage": "Deprecated" + "name": "aria-rowcount", + "value": "number", + "description": "Defines the total number of rows in a table, grid, or treegrid.", + "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onKeyUp", - "value": "KeyboardEventHandler", - "description": "", + "name": "aria-rowindex", + "value": "number", + "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onKeyUpCapture", - "value": "KeyboardEventHandler", - "description": "", + "name": "aria-rowspan", + "value": "number", + "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onAbort", - "value": "ReactEventHandler", - "description": "", + "name": "aria-selected", + "value": "Booleanish", + "description": "Indicates the current \"selected\" state of various widgets.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onAbortCapture", - "value": "ReactEventHandler", - "description": "", + "name": "aria-setsize", + "value": "number", + "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCanPlay", - "value": "ReactEventHandler", - "description": "", + "name": "aria-sort", + "value": "\"ascending\" | \"descending\" | \"none\" | \"other\"", + "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCanPlayCapture", - "value": "ReactEventHandler", - "description": "", + "name": "aria-valuemax", + "value": "number", + "description": "Defines the maximum allowed value for a range widget.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCanPlayThrough", - "value": "ReactEventHandler", - "description": "", + "name": "aria-valuemin", + "value": "number", + "description": "Defines the minimum allowed value for a range widget.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onCanPlayThroughCapture", - "value": "ReactEventHandler", - "description": "", + "name": "aria-valuenow", + "value": "number", + "description": "Defines the current value for a range widget.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDurationChange", - "value": "ReactEventHandler", - "description": "", + "name": "aria-valuetext", + "value": "string", + "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDurationChangeCapture", - "value": "ReactEventHandler", + "name": "dangerouslySetInnerHTML", + "value": "{ __html: string; }", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onEmptied", - "value": "ReactEventHandler", + "name": "onCopy", + "value": "ClipboardEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onEmptiedCapture", - "value": "ReactEventHandler", + "name": "onCopyCapture", + "value": "ClipboardEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onEncrypted", - "value": "ReactEventHandler", + "name": "onCut", + "value": "ClipboardEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onEncryptedCapture", - "value": "ReactEventHandler", + "name": "onCutCapture", + "value": "ClipboardEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onEnded", - "value": "ReactEventHandler", + "name": "onPaste", + "value": "ClipboardEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onEndedCapture", - "value": "ReactEventHandler", + "name": "onPasteCapture", + "value": "ClipboardEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onLoadedData", - "value": "ReactEventHandler", + "name": "onCompositionEnd", + "value": "CompositionEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onLoadedDataCapture", - "value": "ReactEventHandler", + "name": "onCompositionEndCapture", + "value": "CompositionEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onLoadedMetadata", - "value": "ReactEventHandler", + "name": "onCompositionStart", + "value": "CompositionEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onLoadedMetadataCapture", - "value": "ReactEventHandler", + "name": "onCompositionStartCapture", + "value": "CompositionEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onLoadStart", - "value": "ReactEventHandler", + "name": "onCompositionUpdate", + "value": "CompositionEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onLoadStartCapture", - "value": "ReactEventHandler", + "name": "onCompositionUpdateCapture", + "value": "CompositionEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPause", - "value": "ReactEventHandler", + "name": "onFocus", + "value": "FocusEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPauseCapture", - "value": "ReactEventHandler", + "name": "onFocusCapture", + "value": "FocusEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPlay", - "value": "ReactEventHandler", + "name": "onBlur", + "value": "FocusEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPlayCapture", - "value": "ReactEventHandler", + "name": "onBlurCapture", + "value": "FocusEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPlaying", - "value": "ReactEventHandler", + "name": "onChange", + "value": "FormEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPlayingCapture", - "value": "ReactEventHandler", + "name": "onChangeCapture", + "value": "FormEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onProgress", - "value": "ReactEventHandler", + "name": "onBeforeInput", + "value": "FormEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onProgressCapture", - "value": "ReactEventHandler", + "name": "onBeforeInputCapture", + "value": "FormEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onRateChange", - "value": "ReactEventHandler", + "name": "onInput", + "value": "FormEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onRateChangeCapture", - "value": "ReactEventHandler", + "name": "onInputCapture", + "value": "FormEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onSeeked", - "value": "ReactEventHandler", + "name": "onReset", + "value": "FormEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onSeekedCapture", - "value": "ReactEventHandler", + "name": "onResetCapture", + "value": "FormEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onSeeking", - "value": "ReactEventHandler", + "name": "onSubmit", + "value": "FormEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onSeekingCapture", - "value": "ReactEventHandler", + "name": "onSubmitCapture", + "value": "FormEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onStalled", - "value": "ReactEventHandler", + "name": "onInvalid", + "value": "FormEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onStalledCapture", - "value": "ReactEventHandler", + "name": "onInvalidCapture", + "value": "FormEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onSuspend", + "name": "onLoad", "value": "ReactEventHandler", "description": "", "isOptional": true @@ -6129,7 +6229,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onSuspendCapture", + "name": "onLoadCapture", "value": "ReactEventHandler", "description": "", "isOptional": true @@ -6137,7 +6237,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onTimeUpdate", + "name": "onError", "value": "ReactEventHandler", "description": "", "isOptional": true @@ -6145,7 +6245,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onTimeUpdateCapture", + "name": "onErrorCapture", "value": "ReactEventHandler", "description": "", "isOptional": true @@ -6153,327 +6253,329 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onVolumeChange", - "value": "ReactEventHandler", + "name": "onKeyDown", + "value": "KeyboardEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onVolumeChangeCapture", - "value": "ReactEventHandler", + "name": "onKeyDownCapture", + "value": "KeyboardEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onWaiting", - "value": "ReactEventHandler", + "name": "onKeyPress", + "value": "KeyboardEventHandler", "description": "", - "isOptional": true + "isOptional": true, + "deprecationMessage": "Deprecated" }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onWaitingCapture", - "value": "ReactEventHandler", + "name": "onKeyPressCapture", + "value": "KeyboardEventHandler", "description": "", - "isOptional": true + "isOptional": true, + "deprecationMessage": "Deprecated" }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onAuxClick", - "value": "MouseEventHandler", + "name": "onKeyUp", + "value": "KeyboardEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onAuxClickCapture", - "value": "MouseEventHandler", + "name": "onKeyUpCapture", + "value": "KeyboardEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onClick", - "value": "MouseEventHandler", + "name": "onAbort", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onClickCapture", - "value": "MouseEventHandler", + "name": "onAbortCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onContextMenu", - "value": "MouseEventHandler", + "name": "onCanPlay", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onContextMenuCapture", - "value": "MouseEventHandler", + "name": "onCanPlayCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDoubleClick", - "value": "MouseEventHandler", + "name": "onCanPlayThrough", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDoubleClickCapture", - "value": "MouseEventHandler", + "name": "onCanPlayThroughCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDrag", - "value": "DragEventHandler", + "name": "onDurationChange", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragCapture", - "value": "DragEventHandler", + "name": "onDurationChangeCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragEnd", - "value": "DragEventHandler", + "name": "onEmptied", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragEndCapture", - "value": "DragEventHandler", + "name": "onEmptiedCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragEnter", - "value": "DragEventHandler", + "name": "onEncrypted", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragEnterCapture", - "value": "DragEventHandler", + "name": "onEncryptedCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragExit", - "value": "DragEventHandler", + "name": "onEnded", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragExitCapture", - "value": "DragEventHandler", + "name": "onEndedCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragLeave", - "value": "DragEventHandler", + "name": "onLoadedData", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragLeaveCapture", - "value": "DragEventHandler", + "name": "onLoadedDataCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragOver", - "value": "DragEventHandler", + "name": "onLoadedMetadata", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragOverCapture", - "value": "DragEventHandler", + "name": "onLoadedMetadataCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragStart", - "value": "DragEventHandler", + "name": "onLoadStart", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDragStartCapture", - "value": "DragEventHandler", + "name": "onLoadStartCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDrop", - "value": "DragEventHandler", + "name": "onPause", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onDropCapture", - "value": "DragEventHandler", + "name": "onPauseCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onMouseDown", - "value": "MouseEventHandler", + "name": "onPlay", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onMouseDownCapture", - "value": "MouseEventHandler", + "name": "onPlayCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onMouseEnter", - "value": "MouseEventHandler", + "name": "onPlaying", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onMouseLeave", - "value": "MouseEventHandler", + "name": "onPlayingCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onMouseMove", - "value": "MouseEventHandler", + "name": "onProgress", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onMouseMoveCapture", - "value": "MouseEventHandler", + "name": "onProgressCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onMouseOut", - "value": "MouseEventHandler", + "name": "onRateChange", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onMouseOutCapture", - "value": "MouseEventHandler", + "name": "onRateChangeCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onMouseOver", - "value": "MouseEventHandler", + "name": "onSeeked", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onMouseOverCapture", - "value": "MouseEventHandler", + "name": "onSeekedCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onMouseUp", - "value": "MouseEventHandler", + "name": "onSeeking", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onMouseUpCapture", - "value": "MouseEventHandler", + "name": "onSeekingCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onSelect", + "name": "onStalled", "value": "ReactEventHandler", "description": "", "isOptional": true @@ -6481,7 +6583,7 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onSelectCapture", + "name": "onStalledCapture", "value": "ReactEventHandler", "description": "", "isOptional": true @@ -6489,949 +6591,847 @@ { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onTouchCancel", - "value": "TouchEventHandler", + "name": "onSuspend", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onTouchCancelCapture", - "value": "TouchEventHandler", + "name": "onSuspendCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onTouchEnd", - "value": "TouchEventHandler", + "name": "onTimeUpdate", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onTouchEndCapture", - "value": "TouchEventHandler", + "name": "onTimeUpdateCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onTouchMove", - "value": "TouchEventHandler", + "name": "onVolumeChange", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onTouchMoveCapture", - "value": "TouchEventHandler", + "name": "onVolumeChangeCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onTouchStart", - "value": "TouchEventHandler", + "name": "onWaiting", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onTouchStartCapture", - "value": "TouchEventHandler", + "name": "onWaitingCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerDown", - "value": "PointerEventHandler", + "name": "onAuxClick", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerDownCapture", - "value": "PointerEventHandler", + "name": "onAuxClickCapture", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerMove", - "value": "PointerEventHandler", + "name": "onClick", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerMoveCapture", - "value": "PointerEventHandler", + "name": "onClickCapture", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerUp", - "value": "PointerEventHandler", + "name": "onContextMenu", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerUpCapture", - "value": "PointerEventHandler", + "name": "onContextMenuCapture", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerCancel", - "value": "PointerEventHandler", + "name": "onDoubleClick", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerCancelCapture", - "value": "PointerEventHandler", + "name": "onDoubleClickCapture", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerEnter", - "value": "PointerEventHandler", + "name": "onDrag", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerEnterCapture", - "value": "PointerEventHandler", + "name": "onDragCapture", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerLeave", - "value": "PointerEventHandler", + "name": "onDragEnd", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerLeaveCapture", - "value": "PointerEventHandler", + "name": "onDragEndCapture", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerOver", - "value": "PointerEventHandler", + "name": "onDragEnter", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerOverCapture", - "value": "PointerEventHandler", + "name": "onDragEnterCapture", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerOut", - "value": "PointerEventHandler", + "name": "onDragExit", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onPointerOutCapture", - "value": "PointerEventHandler", + "name": "onDragExitCapture", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onGotPointerCapture", - "value": "PointerEventHandler", + "name": "onDragLeave", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onGotPointerCaptureCapture", - "value": "PointerEventHandler", + "name": "onDragLeaveCapture", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onLostPointerCapture", - "value": "PointerEventHandler", + "name": "onDragOver", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onLostPointerCaptureCapture", - "value": "PointerEventHandler", + "name": "onDragOverCapture", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onScroll", - "value": "UIEventHandler", + "name": "onDragStart", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onScrollCapture", - "value": "UIEventHandler", + "name": "onDragStartCapture", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onWheel", - "value": "WheelEventHandler", + "name": "onDrop", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onWheelCapture", - "value": "WheelEventHandler", + "name": "onDropCapture", + "value": "DragEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onAnimationStart", - "value": "AnimationEventHandler", + "name": "onMouseDown", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onAnimationStartCapture", - "value": "AnimationEventHandler", + "name": "onMouseDownCapture", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onAnimationEnd", - "value": "AnimationEventHandler", + "name": "onMouseEnter", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onAnimationEndCapture", - "value": "AnimationEventHandler", + "name": "onMouseLeave", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onAnimationIteration", - "value": "AnimationEventHandler", + "name": "onMouseMove", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onAnimationIterationCapture", - "value": "AnimationEventHandler", + "name": "onMouseMoveCapture", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onTransitionEnd", - "value": "TransitionEventHandler", + "name": "onMouseOut", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "onTransitionEndCapture", - "value": "TransitionEventHandler", + "name": "onMouseOutCapture", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "ref", - "value": "LegacyRef", + "name": "onMouseOver", + "value": "MouseEventHandler", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "key", - "value": "Key", + "name": "onMouseOverCapture", + "value": "MouseEventHandler", "description": "", "isOptional": true - } - ], - "value": "export interface LinkLikeComponentProps\n extends React.HTMLProps {\n /** The url to link to */\n url: string;\n /**\tThe content to display inside the link */\n children?: React.ReactNode;\n /** Makes the link open in a new tab */\n external?: boolean;\n /** Makes the browser download the url instead of opening it. Provides a hint for the downloaded filename if it is a string value. */\n download?: string | boolean;\n [key: string]: any;\n}" - } - }, - "LinkLikeComponent": { - "polaris-react/src/utilities/link/types.ts": { - "filePath": "polaris-react/src/utilities/link/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "LinkLikeComponent", - "value": "React.ComponentType", - "description": "" - } - }, - "NavigableOption": { - "polaris-react/src/utilities/listbox/types.ts": { - "filePath": "polaris-react/src/utilities/listbox/types.ts", - "name": "NavigableOption", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/utilities/listbox/types.ts", - "syntaxKind": "PropertySignature", - "name": "domId", - "value": "string", - "description": "" - }, - { - "filePath": "polaris-react/src/utilities/listbox/types.ts", - "syntaxKind": "PropertySignature", - "name": "value", - "value": "string", - "description": "" }, { - "filePath": "polaris-react/src/utilities/listbox/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "element", - "value": "HTMLElement", - "description": "" + "name": "onMouseUp", + "value": "MouseEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/listbox/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "" + "name": "onMouseUpCapture", + "value": "MouseEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/listbox/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "isAction", - "value": "boolean", + "name": "onSelect", + "value": "ReactEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/listbox/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "index", - "value": "number", + "name": "onSelectCapture", + "value": "ReactEventHandler", "description": "", "isOptional": true - } - ], - "value": "export interface NavigableOption {\n domId: string;\n value: string;\n element: HTMLElement;\n disabled: boolean;\n isAction?: boolean;\n index?: number;\n}" - } - }, - "ListboxContextType": { - "polaris-react/src/utilities/listbox/context.ts": { - "filePath": "polaris-react/src/utilities/listbox/context.ts", - "name": "ListboxContextType", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/utilities/listbox/context.ts", - "syntaxKind": "MethodSignature", - "name": "onOptionSelect", - "value": "(option: NavigableOption) => void", - "description": "" }, { - "filePath": "polaris-react/src/utilities/listbox/context.ts", - "syntaxKind": "MethodSignature", - "name": "setLoading", - "value": "(label?: string) => void", - "description": "" - } - ], - "value": "export interface ListboxContextType {\n onOptionSelect(option: NavigableOption): void;\n setLoading(label?: string): void;\n}" - } - }, - "ResourceListSelectedItems": { - "polaris-react/src/utilities/resource-list/types.ts": { - "filePath": "polaris-react/src/utilities/resource-list/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "ResourceListSelectedItems", - "value": "string[] | 'All'", - "description": "" - } - }, - "ResourceListContextType": { - "polaris-react/src/utilities/resource-list/context.ts": { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", - "name": "ResourceListContextType", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "selectMode", - "value": "boolean", + "name": "onTouchCancel", + "value": "TouchEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "selectable", - "value": "boolean", + "name": "onTouchCancelCapture", + "value": "TouchEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "selectedItems", - "value": "ResourceListSelectedItems", + "name": "onTouchEnd", + "value": "TouchEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "resourceName", - "value": "{ singular: string; plural: string; }", + "name": "onTouchEndCapture", + "value": "TouchEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "loading", - "value": "boolean", + "name": "onTouchMove", + "value": "TouchEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/resource-list/context.ts", - "syntaxKind": "MethodSignature", - "name": "onSelectionChange", - "value": "(selected: boolean, id: string, sortNumber: number, shiftKey: boolean) => void", + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onTouchMoveCapture", + "value": "TouchEventHandler", "description": "", "isOptional": true - } - ], - "value": "export interface ResourceListContextType {\n selectMode?: boolean;\n selectable?: boolean;\n selectedItems?: ResourceListSelectedItems;\n resourceName?: {\n singular: string;\n plural: string;\n };\n loading?: boolean;\n onSelectionChange?(\n selected: boolean,\n id: string,\n sortNumber: number | undefined,\n shiftKey: boolean,\n ): void;\n}" - } - }, - "PortalsContainerElement": { - "polaris-react/src/utilities/portals/types.ts": { - "filePath": "polaris-react/src/utilities/portals/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "PortalsContainerElement", - "value": "HTMLDivElement | null", - "description": "" - } - }, - "StickyItem": { - "polaris-react/src/utilities/sticky-manager/sticky-manager.ts": { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", - "name": "StickyItem", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", - "syntaxKind": "PropertySignature", - "name": "stickyNode", - "value": "HTMLElement", - "description": "Node of the sticky element" + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onTouchStart", + "value": "TouchEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "placeHolderNode", - "value": "HTMLElement", - "description": "Placeholder element" + "name": "onTouchStartCapture", + "value": "TouchEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "boundingElement", - "value": "HTMLElement", - "description": "Element outlining the fixed position boundaries", + "name": "onPointerDown", + "value": "PointerEventHandler", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "offset", - "value": "boolean", - "description": "Offset vertical spacing from the top of the scrollable container" + "name": "onPointerDownCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "disableWhenStacked", - "value": "boolean", - "description": "Should the element remain in a fixed position when the layout is stacked (smaller screens)" + "name": "onPointerMove", + "value": "PointerEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", - "syntaxKind": "MethodSignature", - "name": "handlePositioning", - "value": "(stick: boolean, top?: number, left?: number, width?: string | number) => void", - "description": "Method to handle positioning" - } - ], - "value": "interface StickyItem {\n /** Node of the sticky element */\n stickyNode: HTMLElement;\n /** Placeholder element */\n placeHolderNode: HTMLElement;\n /** Element outlining the fixed position boundaries */\n boundingElement?: HTMLElement | null;\n /** Offset vertical spacing from the top of the scrollable container */\n offset: boolean;\n /** Should the element remain in a fixed position when the layout is stacked (smaller screens) */\n disableWhenStacked: boolean;\n /** Method to handle positioning */\n handlePositioning(\n stick: boolean,\n top?: number,\n left?: number,\n width?: string | number,\n ): void;\n}" - } - }, - "SortDirection": { - "polaris-react/src/components/DataTable/types.ts": { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "SortDirection", - "value": "'ascending' | 'descending' | 'none'", - "description": "" - } - }, - "VerticalAlign": { - "polaris-react/src/components/DataTable/types.ts": { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "VerticalAlign", - "value": "'top' | 'bottom' | 'middle' | 'baseline'", - "description": "" - } - }, - "ColumnVisibilityData": { - "polaris-react/src/components/DataTable/types.ts": { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "name": "ColumnVisibilityData", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "leftEdge", - "value": "number", - "description": "" + "name": "onPointerMoveCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "rightEdge", - "value": "number", - "description": "" + "name": "onPointerUp", + "value": "PointerEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "isVisible", - "value": "boolean", + "name": "onPointerUpCapture", + "value": "PointerEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "width", - "value": "number", - "description": "" + "name": "onPointerCancel", + "value": "PointerEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "index", - "value": "number", - "description": "" - } - ], - "value": "export interface ColumnVisibilityData {\n leftEdge: number;\n rightEdge: number;\n isVisible?: boolean;\n width: number;\n index: number;\n}" - } - }, - "DataTableState": { - "polaris-react/src/components/DataTable/types.ts": { - "filePath": "polaris-react/src/components/DataTable/types.ts", - "name": "DataTableState", - "description": "", - "members": [ + "name": "onPointerCancelCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true + }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "condensed", - "value": "boolean", - "description": "" + "name": "onPointerEnter", + "value": "PointerEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "columnVisibilityData", - "value": "ColumnVisibilityData[]", - "description": "" + "name": "onPointerEnterCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "previousColumn", - "value": "ColumnVisibilityData", + "name": "onPointerLeave", + "value": "PointerEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "currentColumn", - "value": "ColumnVisibilityData", + "name": "onPointerLeaveCapture", + "value": "PointerEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "sortedColumnIndex", - "value": "number", + "name": "onPointerOver", + "value": "PointerEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "sortDirection", - "value": "SortDirection", + "name": "onPointerOverCapture", + "value": "PointerEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "isScrolledFarthestLeft", - "value": "boolean", + "name": "onPointerOut", + "value": "PointerEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "isScrolledFarthestRight", - "value": "boolean", + "name": "onPointerOutCapture", + "value": "PointerEventHandler", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "rowHovered", - "value": "number", - "description": "" - } - ], - "value": "export interface DataTableState {\n condensed: boolean;\n columnVisibilityData: ColumnVisibilityData[];\n previousColumn?: ColumnVisibilityData;\n currentColumn?: ColumnVisibilityData;\n sortedColumnIndex?: number;\n sortDirection?: SortDirection;\n isScrolledFarthestLeft?: boolean;\n isScrolledFarthestRight?: boolean;\n rowHovered: number | undefined;\n}" - } - }, - "TableMeasurements": { - "polaris-react/src/components/DataTable/utilities.ts": { - "filePath": "polaris-react/src/components/DataTable/utilities.ts", - "name": "TableMeasurements", - "description": "", - "members": [ + "name": "onGotPointerCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true + }, { - "filePath": "polaris-react/src/components/DataTable/utilities.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "firstVisibleColumnIndex", - "value": "number", - "description": "" + "name": "onGotPointerCaptureCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/utilities.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "tableLeftVisibleEdge", - "value": "number", - "description": "" + "name": "onLostPointerCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/utilities.ts", - "syntaxKind": "PropertySignature", - "name": "tableRightVisibleEdge", - "value": "number", - "description": "" - } - ], - "value": "interface TableMeasurements {\n firstVisibleColumnIndex: number;\n tableLeftVisibleEdge: number;\n tableRightVisibleEdge: number;\n}" - } - }, - "DualValue": { - "polaris-react/src/components/RangeSlider/types.ts": { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "DualValue", - "value": "[number, number]", - "description": "" - } - }, - "RangeSliderValue": { - "polaris-react/src/components/RangeSlider/types.ts": { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "RangeSliderValue", - "value": "number | DualValue", - "description": "" - } - }, - "RangeSliderProps": { - "polaris-react/src/components/RangeSlider/types.ts": { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "name": "RangeSliderProps", - "description": "", - "members": [ + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "onLostPointerCaptureCapture", + "value": "PointerEventHandler", + "description": "", + "isOptional": true + }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "label", - "value": "ReactNode", - "description": "Label for the range input" + "name": "onScroll", + "value": "UIEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "labelAction", - "value": "Action", - "description": "Adds an action to the label", + "name": "onScrollCapture", + "value": "UIEventHandler", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "labelHidden", - "value": "boolean", - "description": "Visually hide the label", + "name": "onWheel", + "value": "WheelEventHandler", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "ID for range input", + "name": "onWheelCapture", + "value": "WheelEventHandler", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "value", - "value": "RangeSliderValue", - "description": "Initial value for range input" + "name": "onAnimationStart", + "value": "AnimationEventHandler", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "min", - "value": "number", - "description": "Minimum possible value for range input", + "name": "onAnimationStartCapture", + "value": "AnimationEventHandler", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "max", - "value": "number", - "description": "Maximum possible value for range input", + "name": "onAnimationEnd", + "value": "AnimationEventHandler", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "step", - "value": "number", - "description": "Increment value for range input changes", + "name": "onAnimationEndCapture", + "value": "AnimationEventHandler", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "output", - "value": "boolean", - "description": "Provide a tooltip while sliding, indicating the current value", + "name": "onAnimationIteration", + "value": "AnimationEventHandler", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "helpText", - "value": "ReactNode", - "description": "Additional text to aid in use", + "name": "onAnimationIterationCapture", + "value": "AnimationEventHandler", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "error", - "value": "any", - "description": "Display an error message", + "name": "onTransitionEnd", + "value": "TransitionEventHandler", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/link/types.ts", "syntaxKind": "PropertySignature", - "name": "disabled", + "name": "onTransitionEndCapture", + "value": "TransitionEventHandler", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "ref", + "value": "LegacyRef", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "PropertySignature", + "name": "key", + "value": "Key", + "description": "", + "isOptional": true + } + ], + "value": "export interface LinkLikeComponentProps\n extends React.HTMLProps {\n /** The url to link to */\n url: string;\n /**\tThe content to display inside the link */\n children?: React.ReactNode;\n /** Makes the link open in a new tab */\n external?: boolean;\n /** Makes the browser download the url instead of opening it. Provides a hint for the downloaded filename if it is a string value. */\n download?: string | boolean;\n [key: string]: any;\n}" + } + }, + "LinkLikeComponent": { + "polaris-react/src/utilities/link/types.ts": { + "filePath": "polaris-react/src/utilities/link/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "LinkLikeComponent", + "value": "React.ComponentType", + "description": "" + } + }, + "PortalsContainerElement": { + "polaris-react/src/utilities/portals/types.ts": { + "filePath": "polaris-react/src/utilities/portals/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "PortalsContainerElement", + "value": "HTMLDivElement | null", + "description": "" + } + }, + "ResourceListSelectedItems": { + "polaris-react/src/utilities/resource-list/types.ts": { + "filePath": "polaris-react/src/utilities/resource-list/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "ResourceListSelectedItems", + "value": "string[] | 'All'", + "description": "" + } + }, + "ResourceListContextType": { + "polaris-react/src/utilities/resource-list/context.ts": { + "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "name": "ResourceListContextType", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "syntaxKind": "PropertySignature", + "name": "selectMode", "value": "boolean", - "description": "Disable input", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/resource-list/context.ts", "syntaxKind": "PropertySignature", - "name": "prefix", - "value": "ReactNode", - "description": "Element to display before the input", + "name": "selectable", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/resource-list/context.ts", "syntaxKind": "PropertySignature", - "name": "suffix", - "value": "ReactNode", - "description": "Element to display after the input", + "name": "selectedItems", + "value": "ResourceListSelectedItems", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "MethodSignature", - "name": "onChange", - "value": "(value: RangeSliderValue, id: string) => void", - "description": "Callback when the range input is changed" + "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "syntaxKind": "PropertySignature", + "name": "resourceName", + "value": "{ singular: string; plural: string; }", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", - "syntaxKind": "MethodSignature", - "name": "onFocus", - "value": "() => void", - "description": "Callback when range input is focused", + "filePath": "polaris-react/src/utilities/resource-list/context.ts", + "syntaxKind": "PropertySignature", + "name": "loading", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/RangeSlider/types.ts", + "filePath": "polaris-react/src/utilities/resource-list/context.ts", "syntaxKind": "MethodSignature", - "name": "onBlur", - "value": "() => void", - "description": "Callback when focus is removed", + "name": "onSelectionChange", + "value": "(selected: boolean, id: string, sortNumber: number, shiftKey: boolean) => void", + "description": "", "isOptional": true } ], - "value": "export interface RangeSliderProps {\n /** Label for the range input */\n label: React.ReactNode;\n /** Adds an action to the label */\n labelAction?: LabelledProps['action'];\n /** Visually hide the label */\n labelHidden?: boolean;\n /** ID for range input */\n id?: string;\n /** Initial value for range input */\n value: RangeSliderValue;\n /** Minimum possible value for range input */\n min?: number;\n /** Maximum possible value for range input */\n max?: number;\n /** Increment value for range input changes */\n step?: number;\n /** Provide a tooltip while sliding, indicating the current value */\n output?: boolean;\n /** Additional text to aid in use */\n helpText?: React.ReactNode;\n /** Display an error message */\n error?: Error;\n /** Disable input */\n disabled?: boolean;\n /** Element to display before the input */\n prefix?: React.ReactNode;\n /** Element to display after the input */\n suffix?: React.ReactNode;\n /** Callback when the range input is changed */\n onChange(value: RangeSliderValue, id: string): void;\n /** Callback when range input is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n}" - } - }, - "ScrollToPositionFn": { - "polaris-react/src/components/Scrollable/context.ts": { - "filePath": "polaris-react/src/components/Scrollable/context.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "ScrollToPositionFn", - "value": "(scrollY: number) => void", - "description": "" + "value": "export interface ResourceListContextType {\n selectMode?: boolean;\n selectable?: boolean;\n selectedItems?: ResourceListSelectedItems;\n resourceName?: {\n singular: string;\n plural: string;\n };\n loading?: boolean;\n onSelectionChange?(\n selected: boolean,\n id: string,\n sortNumber: number | undefined,\n shiftKey: boolean,\n ): void;\n}" } }, - "TabDescriptor": { - "polaris-react/src/components/Tabs/types.ts": { - "filePath": "polaris-react/src/components/Tabs/types.ts", - "name": "TabDescriptor", + "StickyItem": { + "polaris-react/src/utilities/sticky-manager/sticky-manager.ts": { + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "name": "StickyItem", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Tabs/types.ts", + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "A unique identifier for the tab" + "name": "stickyNode", + "value": "HTMLElement", + "description": "Node of the sticky element" }, { - "filePath": "polaris-react/src/components/Tabs/types.ts", + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "A destination to link to", + "name": "placeHolderNode", + "value": "HTMLElement", + "description": "Placeholder element" + }, + { + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "syntaxKind": "PropertySignature", + "name": "boundingElement", + "value": "HTMLElement", + "description": "Element outlining the fixed position boundaries", "isOptional": true }, { - "filePath": "polaris-react/src/components/Tabs/types.ts", + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", "syntaxKind": "PropertySignature", - "name": "content", - "value": "ReactNode", - "description": "Content for the tab" + "name": "offset", + "value": "boolean", + "description": "Offset vertical spacing from the top of the scrollable container" }, { - "filePath": "polaris-react/src/components/Tabs/types.ts", + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", "syntaxKind": "PropertySignature", - "name": "panelID", - "value": "string", - "description": "A unique identifier for the panel", - "isOptional": true + "name": "disableWhenStacked", + "value": "boolean", + "description": "Should the element remain in a fixed position when the layout is stacked (smaller screens)" }, { - "filePath": "polaris-react/src/components/Tabs/types.ts", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Visually hidden text for screen readers", - "isOptional": true + "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", + "syntaxKind": "MethodSignature", + "name": "handlePositioning", + "value": "(stick: boolean, top?: number, left?: number, width?: string | number) => void", + "description": "Method to handle positioning" } ], - "value": "export interface TabDescriptor {\n /** A unique identifier for the tab */\n id: string;\n /** A destination to link to */\n url?: string;\n /** Content for the tab */\n content: React.ReactNode;\n /** A unique identifier for the panel */\n panelID?: string;\n /** Visually hidden text for screen readers */\n accessibilityLabel?: string;\n}" + "value": "interface StickyItem {\n /** Node of the sticky element */\n stickyNode: HTMLElement;\n /** Placeholder element */\n placeHolderNode: HTMLElement;\n /** Element outlining the fixed position boundaries */\n boundingElement?: HTMLElement | null;\n /** Offset vertical spacing from the top of the scrollable container */\n offset: boolean;\n /** Should the element remain in a fixed position when the layout is stacked (smaller screens) */\n disableWhenStacked: boolean;\n /** Method to handle positioning */\n handlePositioning(\n stick: boolean,\n top?: number,\n left?: number,\n width?: string | number,\n ): void;\n}" } }, "DropZoneEvent": { @@ -7645,54 +7645,55 @@ "value": "export interface AccountConnectionProps {\n /** Content to display as title */\n title?: React.ReactNode;\n /** Content to display as additional details */\n details?: React.ReactNode;\n /** Content to display as terms of service */\n termsOfService?: React.ReactNode;\n /** The name of the service */\n accountName?: string;\n /** URL for the user’s avatar image */\n avatarUrl?: string;\n /** Set if the account is connected */\n connected?: boolean;\n /** Action for account connection */\n action?: Action;\n}" } }, - "ActionMenuProps": { - "polaris-react/src/components/ActionMenu/ActionMenu.tsx": { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "name": "ActionMenuProps", + "ActionListProps": { + "polaris-react/src/components/ActionList/ActionList.tsx": { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "name": "ActionListProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "syntaxKind": "PropertySignature", - "name": "actions", - "value": "MenuActionDescriptor[]", - "description": "Collection of page-level secondary actions", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", "syntaxKind": "PropertySignature", - "name": "groups", - "value": "MenuGroupDescriptor[]", - "description": "Collection of page-level action groups", + "name": "items", + "value": "readonly ActionListItemDescriptor[]", + "description": "Collection of actions for list", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", "syntaxKind": "PropertySignature", - "name": "rollup", - "value": "boolean", - "description": "Roll up all actions into a Popover > ActionList", + "name": "sections", + "value": "readonly ActionListSection[]", + "description": "Collection of sectioned action items", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", "syntaxKind": "PropertySignature", - "name": "rollupActionsLabel", + "name": "actionRole", "value": "string", - "description": "Label for rolled up actions activator", + "description": "Defines a specific role attribute for each action in the list", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "syntaxKind": "MethodSignature", - "name": "onActionRollup", - "value": "(hasRolledUp: boolean) => void", - "description": "Callback that returns true when secondary actions are rolled up into action groups, and false when not", + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "syntaxKind": "PropertySignature", + "name": "onActionAnyItem", + "value": "() => void", + "description": "Callback when any item is clicked or keypressed", "isOptional": true } ], - "value": "export interface ActionMenuProps {\n /** Collection of page-level secondary actions */\n actions?: MenuActionDescriptor[];\n /** Collection of page-level action groups */\n groups?: MenuGroupDescriptor[];\n /** Roll up all actions into a Popover > ActionList */\n rollup?: boolean;\n /** Label for rolled up actions activator */\n rollupActionsLabel?: string;\n /** Callback that returns true when secondary actions are rolled up into action groups, and false when not */\n onActionRollup?(hasRolledUp: boolean): void;\n}" + "value": "export interface ActionListProps {\n /** Collection of actions for list */\n items?: readonly ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: readonly ActionListSection[];\n /** Defines a specific role attribute for each action in the list */\n actionRole?: 'menuitem' | string;\n /** Callback when any item is clicked or keypressed */\n onActionAnyItem?: ActionListItemDescriptor['onAction'];\n}" + } + }, + "ActionListItemProps": { + "polaris-react/src/components/ActionList/ActionList.tsx": { + "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "ActionListItemProps", + "value": "ItemProps", + "description": "" } }, "Props": { @@ -7979,57 +7980,6 @@ "value": "interface Props {\n /** Callback when the search is dismissed */\n onDismiss?(): void;\n /** Determines whether the overlay should be visible */\n visible: boolean;\n}" } }, - "ActionListProps": { - "polaris-react/src/components/ActionList/ActionList.tsx": { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "name": "ActionListProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "items", - "value": "readonly ActionListItemDescriptor[]", - "description": "Collection of actions for list", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "sections", - "value": "readonly ActionListSection[]", - "description": "Collection of sectioned action items", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "actionRole", - "value": "string", - "description": "Defines a specific role attribute for each action in the list", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "PropertySignature", - "name": "onActionAnyItem", - "value": "() => void", - "description": "Callback when any item is clicked or keypressed", - "isOptional": true - } - ], - "value": "export interface ActionListProps {\n /** Collection of actions for list */\n items?: readonly ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: readonly ActionListSection[];\n /** Defines a specific role attribute for each action in the list */\n actionRole?: 'menuitem' | string;\n /** Callback when any item is clicked or keypressed */\n onActionAnyItem?: ActionListItemDescriptor['onAction'];\n}" - } - }, - "ActionListItemProps": { - "polaris-react/src/components/ActionList/ActionList.tsx": { - "filePath": "polaris-react/src/components/ActionList/ActionList.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "ActionListItemProps", - "value": "ItemProps", - "description": "" - } - }, "ActionMenuProps": { "polaris-react/src/components/ActionMenu/ActionMenu.tsx": { "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", @@ -8063,15 +8013,7 @@ { "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", "syntaxKind": "PropertySignature", - "name": "gap", - "value": "Gap", - "description": "The spacing between children", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", - "syntaxKind": "PropertySignature", - "name": "id", + "name": "rollupActionsLabel", "value": "string", "description": "Label for rolled up actions activator", "isOptional": true @@ -8085,7 +8027,7 @@ "isOptional": true } ], - "value": "export interface AlphaStackProps extends React.AriaAttributes {\n children?: React.ReactNode;\n /** HTML Element type\n * @default 'div'\n */\n as?: Element;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Toggle children to be full width\n * @default false\n */\n fullWidth?: boolean;\n /** The spacing between children */\n gap?: Gap;\n /** HTML id attribute */\n id?: string;\n /** Reverse the render order of child items\n * @default false\n */\n reverseOrder?: boolean;\n}" + "value": "export interface ActionMenuProps {\n /** Collection of page-level secondary actions */\n actions?: MenuActionDescriptor[];\n /** Collection of page-level action groups */\n groups?: MenuGroupDescriptor[];\n /** Roll up all actions into a Popover > ActionList */\n rollup?: boolean;\n /** Label for rolled up actions activator */\n rollupActionsLabel?: string;\n /** Callback that returns true when secondary actions are rolled up into action groups, and false when not */\n onActionRollup?(hasRolledUp: boolean): void;\n}" } }, "CardBackgroundColorTokenScale": { @@ -8105,15 +8047,15 @@ "value": "ResponsiveProp", "description": "" }, - "polaris-react/src/components/Box/Box.tsx": { - "filePath": "polaris-react/src/components/Box/Box.tsx", + "polaris-react/src/components/Bleed/Bleed.tsx": { + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", "syntaxKind": "TypeAliasDeclaration", "name": "Spacing", "value": "ResponsiveProp", "description": "" }, - "polaris-react/src/components/Bleed/Bleed.tsx": { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", + "polaris-react/src/components/Box/Box.tsx": { + "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "TypeAliasDeclaration", "name": "Spacing", "value": "ResponsiveProp", @@ -8188,15 +8130,154 @@ "defaultValue": "{xs: '4', sm: '5'}" }, { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", + "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", + "syntaxKind": "PropertySignature", + "name": "roundedAbove", + "value": "BreakpointsAlias", + "description": "Border radius value above a set breakpoint", + "isOptional": true + } + ], + "value": "export interface AlphaCardProps {\n children?: React.ReactNode;\n /** Background color\n * @default 'surface'\n */\n background?: CardBackgroundColorTokenScale;\n /** The spacing around the card\n * @default {xs: '4', sm: '5'}\n * @example\n * padding='4'\n * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n padding?: Spacing;\n /** Border radius value above a set breakpoint */\n roundedAbove?: BreakpointsAlias;\n}" + } + }, + "Align": { + "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Align", + "value": "'start' | 'end' | 'center'", + "description": "" + }, + "polaris-react/src/components/Inline/Inline.tsx": { + "filePath": "polaris-react/src/components/Inline/Inline.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Align", + "value": "'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly'", + "description": "" + } + }, + "Element": { + "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Element", + "value": "'div' | 'ul' | 'ol' | 'fieldset'", + "description": "" + }, + "polaris-react/src/components/Box/Box.tsx": { + "filePath": "polaris-react/src/components/Box/Box.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Element", + "value": "'div' | 'span' | 'section' | 'legend' | 'ul' | 'li'", + "description": "" + }, + "polaris-react/src/components/Text/Text.tsx": { + "filePath": "polaris-react/src/components/Text/Text.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Element", + "value": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'legend'", + "description": "" + } + }, + "Gap": { + "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Gap", + "value": "ResponsiveProp", + "description": "" + }, + "polaris-react/src/components/Columns/Columns.tsx": { + "filePath": "polaris-react/src/components/Columns/Columns.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Gap", + "value": "ResponsiveProp", + "description": "" + }, + "polaris-react/src/components/Grid/Grid.tsx": { + "filePath": "polaris-react/src/components/Grid/Grid.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Gap", + "value": "{\n [Breakpoint in Breakpoints]?: string;\n}", + "description": "" + }, + "polaris-react/src/components/Inline/Inline.tsx": { + "filePath": "polaris-react/src/components/Inline/Inline.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Gap", + "value": "ResponsiveProp", + "description": "" + } + }, + "AlphaStackProps": { + "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "name": "AlphaStackProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "as", + "value": "Element", + "description": "HTML Element type", + "isOptional": true, + "defaultValue": "'div'" + }, + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "align", + "value": "Align", + "description": "Horizontal alignment of children", + "isOptional": true, + "defaultValue": "'start'" + }, + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "fullWidth", + "value": "boolean", + "description": "Toggle children to be full width", + "isOptional": true, + "defaultValue": "false" + }, + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "gap", + "value": "Gap", + "description": "The spacing between children", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", "syntaxKind": "PropertySignature", - "name": "roundedAbove", - "value": "BreakpointsAlias", - "description": "Border radius value above a set breakpoint", + "name": "id", + "value": "string", + "description": "HTML id attribute", "isOptional": true + }, + { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", + "syntaxKind": "PropertySignature", + "name": "reverseOrder", + "value": "boolean", + "description": "Reverse the render order of child items", + "isOptional": true, + "defaultValue": "false" } ], - "value": "export interface AlphaCardProps {\n children?: React.ReactNode;\n /** Background color\n * @default 'surface'\n */\n background?: CardBackgroundColorTokenScale;\n /** The spacing around the card\n * @default {xs: '4', sm: '5'}\n * @example\n * padding='4'\n * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n padding?: Spacing;\n /** Border radius value above a set breakpoint */\n roundedAbove?: BreakpointsAlias;\n}" + "value": "export interface AlphaStackProps extends React.AriaAttributes {\n children?: React.ReactNode;\n /** HTML Element type\n * @default 'div'\n */\n as?: Element;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Toggle children to be full width\n * @default false\n */\n fullWidth?: boolean;\n /** The spacing between children */\n gap?: Gap;\n /** HTML id attribute */\n id?: string;\n /** Reverse the render order of child items\n * @default false\n */\n reverseOrder?: boolean;\n}" } }, "State": { @@ -8714,91 +8795,6 @@ "value": "export interface AppProviderProps {\n /** A locale object or array of locale objects that overrides default translations. If specifying an array then your primary language dictionary should come first, followed by your fallback language dictionaries */\n i18n: ConstructorParameters[0];\n /** A custom component to use for all links used by Polaris components */\n linkComponent?: LinkLikeComponent;\n /** For toggling features */\n features?: FeaturesConfig;\n /** Inner content of the application */\n children?: React.ReactNode;\n}" } }, - "Shape": { - "polaris-react/src/components/Avatar/Avatar.tsx": { - "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Shape", - "value": "'square' | 'round'", - "description": "" - } - }, - "AvatarProps": { - "polaris-react/src/components/Avatar/Avatar.tsx": { - "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", - "name": "AvatarProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", - "syntaxKind": "PropertySignature", - "name": "size", - "value": "Size", - "description": "Size of avatar", - "isOptional": true, - "defaultValue": "'medium'" - }, - { - "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", - "syntaxKind": "PropertySignature", - "name": "shape", - "value": "Shape", - "description": "Shape of avatar", - "isOptional": true, - "defaultValue": "'round'" - }, - { - "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", - "syntaxKind": "PropertySignature", - "name": "name", - "value": "string", - "description": "The name of the person", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", - "syntaxKind": "PropertySignature", - "name": "initials", - "value": "string", - "description": "Initials of person to display", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", - "syntaxKind": "PropertySignature", - "name": "customer", - "value": "boolean", - "description": "Whether the avatar is for a customer", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", - "syntaxKind": "PropertySignature", - "name": "source", - "value": "string", - "description": "URL of the avatar image which falls back to initials if the image fails to load", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", - "syntaxKind": "MethodSignature", - "name": "onError", - "value": "() => void", - "description": "Callback fired when the image fails to load", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Accessible label for the avatar image", - "isOptional": true - } - ], - "value": "export interface AvatarProps {\n /**\n * Size of avatar\n * @default 'medium'\n */\n size?: Size;\n /**\n * Shape of avatar\n * @default 'round'\n */\n shape?: Shape;\n /** The name of the person */\n name?: string;\n /** Initials of person to display */\n initials?: string;\n /** Whether the avatar is for a customer */\n customer?: boolean;\n /** URL of the avatar image which falls back to initials if the image fails to load */\n source?: string;\n /** Callback fired when the image fails to load */\n onError?(): void;\n /** Accessible label for the avatar image */\n accessibilityLabel?: string;\n}" - } - }, "AutocompleteProps": { "polaris-react/src/components/Autocomplete/Autocomplete.tsx": { "filePath": "polaris-react/src/components/Autocomplete/Autocomplete.tsx", @@ -8909,6 +8905,91 @@ "value": "export interface AutocompleteProps {\n /** A unique identifier for the Autocomplete */\n id?: string;\n /** Collection of options to be listed */\n options: SectionDescriptor[] | OptionDescriptor[];\n /** The selected options */\n selected: string[];\n /** The text field component attached to the list of options */\n textField: React.ReactElement;\n /** The preferred direction to open the popover */\n preferredPosition?: PopoverProps['preferredPosition'];\n /** Title of the list of options */\n listTitle?: string;\n /** Allow more than one option to be selected */\n allowMultiple?: boolean;\n /** An action to render above the list of options */\n actionBefore?: ActionListItemDescriptor & {\n /** Specifies that if the label is too long it will wrap instead of being hidden */\n wrapOverflow?: boolean;\n };\n /** Display loading state */\n loading?: boolean;\n /** Indicates if more results will load dynamically */\n willLoadMoreResults?: boolean;\n /** Is rendered when there are no options */\n emptyState?: React.ReactNode;\n /** Callback when the selection of options is changed */\n onSelect(selected: string[]): void;\n /** Callback when the end of the list is reached */\n onLoadMoreResults?(): void;\n}" } }, + "Shape": { + "polaris-react/src/components/Avatar/Avatar.tsx": { + "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Shape", + "value": "'square' | 'round'", + "description": "" + } + }, + "AvatarProps": { + "polaris-react/src/components/Avatar/Avatar.tsx": { + "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", + "name": "AvatarProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", + "syntaxKind": "PropertySignature", + "name": "size", + "value": "Size", + "description": "Size of avatar", + "isOptional": true, + "defaultValue": "'medium'" + }, + { + "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", + "syntaxKind": "PropertySignature", + "name": "shape", + "value": "Shape", + "description": "Shape of avatar", + "isOptional": true, + "defaultValue": "'round'" + }, + { + "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", + "syntaxKind": "PropertySignature", + "name": "name", + "value": "string", + "description": "The name of the person", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", + "syntaxKind": "PropertySignature", + "name": "initials", + "value": "string", + "description": "Initials of person to display", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", + "syntaxKind": "PropertySignature", + "name": "customer", + "value": "boolean", + "description": "Whether the avatar is for a customer", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", + "syntaxKind": "PropertySignature", + "name": "source", + "value": "string", + "description": "URL of the avatar image which falls back to initials if the image fails to load", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", + "syntaxKind": "MethodSignature", + "name": "onError", + "value": "() => void", + "description": "Callback fired when the image fails to load", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Avatar/Avatar.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "Accessible label for the avatar image", + "isOptional": true + } + ], + "value": "export interface AvatarProps {\n /**\n * Size of avatar\n * @default 'medium'\n */\n size?: Size;\n /**\n * Shape of avatar\n * @default 'round'\n */\n shape?: Shape;\n /** The name of the person */\n name?: string;\n /** Initials of person to display */\n initials?: string;\n /** Whether the avatar is for a customer */\n customer?: boolean;\n /** URL of the avatar image which falls back to initials if the image fails to load */\n source?: string;\n /** Callback fired when the image fails to load */\n onError?(): void;\n /** Accessible label for the avatar image */\n accessibilityLabel?: string;\n}" + } + }, "BackdropProps": { "polaris-react/src/components/Backdrop/Backdrop.tsx": { "filePath": "polaris-react/src/components/Backdrop/Backdrop.tsx", @@ -9594,45 +9675,112 @@ "description": "", "members": [ { - "filePath": "polaris-react/src/components/Banner/Banner.tsx", + "filePath": "polaris-react/src/components/Banner/Banner.tsx", + "syntaxKind": "PropertySignature", + "name": "iconColor", + "value": "Color", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Banner/Banner.tsx", + "syntaxKind": "PropertySignature", + "name": "defaultIcon", + "value": "any", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Banner/Banner.tsx", + "syntaxKind": "PropertySignature", + "name": "ariaRoleType", + "value": "\"alert\" | \"status\"", + "description": "" + } + ], + "value": "interface BannerAttributes {\n iconColor: IconProps['color'];\n defaultIcon: IconProps['source'];\n ariaRoleType: 'status' | 'alert';\n}" + } + }, + "BannerHandles": { + "polaris-react/src/components/Banner/Banner.tsx": { + "filePath": "polaris-react/src/components/Banner/Banner.tsx", + "name": "BannerHandles", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Banner/Banner.tsx", + "syntaxKind": "MethodSignature", + "name": "focus", + "value": "() => void", + "description": "" + } + ], + "value": "export interface BannerHandles {\n focus(): void;\n}" + } + }, + "BleedProps": { + "polaris-react/src/components/Bleed/Bleed.tsx": { + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", + "name": "BleedProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", + "syntaxKind": "PropertySignature", + "name": "marginInline", + "value": "Spacing", + "description": "Negative horizontal space around children", + "isOptional": true, + "defaultValue": "'5'" + }, + { + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", + "syntaxKind": "PropertySignature", + "name": "marginBlock", + "value": "Spacing", + "description": "Negative vertical space around children", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", "syntaxKind": "PropertySignature", - "name": "iconColor", - "value": "Color", - "description": "" + "name": "marginBlockStart", + "value": "Spacing", + "description": "Negative top space around children", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Banner/Banner.tsx", + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", "syntaxKind": "PropertySignature", - "name": "defaultIcon", - "value": "any", - "description": "" + "name": "marginBlockEnd", + "value": "Spacing", + "description": "Negative bottom space around children", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Banner/Banner.tsx", + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", "syntaxKind": "PropertySignature", - "name": "ariaRoleType", - "value": "\"alert\" | \"status\"", - "description": "" - } - ], - "value": "interface BannerAttributes {\n iconColor: IconProps['color'];\n defaultIcon: IconProps['source'];\n ariaRoleType: 'status' | 'alert';\n}" - } - }, - "BannerHandles": { - "polaris-react/src/components/Banner/Banner.tsx": { - "filePath": "polaris-react/src/components/Banner/Banner.tsx", - "name": "BannerHandles", - "description": "", - "members": [ + "name": "marginInlineStart", + "value": "Spacing", + "description": "Negative left space around children", + "isOptional": true + }, { - "filePath": "polaris-react/src/components/Banner/Banner.tsx", - "syntaxKind": "MethodSignature", - "name": "focus", - "value": "() => void", - "description": "" + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", + "syntaxKind": "PropertySignature", + "name": "marginInlineEnd", + "value": "Spacing", + "description": "Negative right space around children", + "isOptional": true } ], - "value": "export interface BannerHandles {\n focus(): void;\n}" + "value": "export interface BleedProps {\n children?: React.ReactNode;\n /** Negative horizontal space around children\n * @default '5'\n */\n marginInline?: Spacing;\n /** Negative vertical space around children */\n marginBlock?: Spacing;\n /** Negative top space around children */\n marginBlockStart?: Spacing;\n /** Negative bottom space around children */\n marginBlockEnd?: Spacing;\n /** Negative left space around children */\n marginInlineStart?: Spacing;\n /** Negative right space around children */\n marginInlineEnd?: Spacing;\n}" } }, "Overflow": { @@ -10090,79 +10238,12 @@ { "filePath": "polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx", "syntaxKind": "PropertySignature", - "name": "breadcrumbs", - "value": "LinkAction | CallbackAction | (LinkAction | CallbackAction)[]", - "description": "Collection of breadcrumbs" - } - ], - "value": "export interface BreadcrumbsProps {\n /** Collection of breadcrumbs */\n breadcrumbs: (CallbackAction | LinkAction) | (CallbackAction | LinkAction)[];\n}" - } - }, - "BleedProps": { - "polaris-react/src/components/Bleed/Bleed.tsx": { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", - "name": "BleedProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", - "syntaxKind": "PropertySignature", - "name": "marginInline", - "value": "Spacing", - "description": "Negative horizontal space around children", - "isOptional": true, - "defaultValue": "'5'" - }, - { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", - "syntaxKind": "PropertySignature", - "name": "marginBlock", - "value": "Spacing", - "description": "Negative vertical space around children", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", - "syntaxKind": "PropertySignature", - "name": "marginBlockStart", - "value": "Spacing", - "description": "Negative top space around children", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", - "syntaxKind": "PropertySignature", - "name": "marginBlockEnd", - "value": "Spacing", - "description": "Negative bottom space around children", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", - "syntaxKind": "PropertySignature", - "name": "marginInlineStart", - "value": "Spacing", - "description": "Negative left space around children", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", - "syntaxKind": "PropertySignature", - "name": "marginInlineEnd", - "value": "Spacing", - "description": "Negative right space around children", - "isOptional": true + "name": "breadcrumb", + "value": "LinkAction | CallbackAction", + "description": "Breadcrumb link" } ], - "value": "export interface BleedProps {\n children?: React.ReactNode;\n /** Negative horizontal space around children\n * @default '5'\n */\n marginInline?: Spacing;\n /** Negative vertical space around children */\n marginBlock?: Spacing;\n /** Negative top space around children */\n marginBlockStart?: Spacing;\n /** Negative bottom space around children */\n marginBlockEnd?: Spacing;\n /** Negative left space around children */\n marginInlineStart?: Spacing;\n /** Negative right space around children */\n marginInlineEnd?: Spacing;\n}" + "value": "export interface BreadcrumbsProps {\n /** Breadcrumb link */\n breadcrumb: CallbackAction | LinkAction;\n}" } }, "BulkAction": { @@ -10379,64 +10460,6 @@ "description": "" } }, - "ButtonGroupProps": { - "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx": { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "name": "ButtonGroupProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "spacing", - "value": "Spacing", - "description": "Determines the space between button group items", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "segmented", - "value": "boolean", - "description": "Join buttons as segmented group", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "fullWidth", - "value": "boolean", - "description": "Buttons will stretch/shrink to occupy the full width", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "connectedTop", - "value": "boolean", - "description": "Remove top left and right border radius", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "noWrap", - "value": "boolean", - "description": "Prevent buttons in button group from wrapping to next line", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Button components", - "isOptional": true - } - ], - "value": "export interface ButtonGroupProps {\n /** Determines the space between button group items */\n spacing?: Spacing;\n /** Join buttons as segmented group */\n segmented?: boolean;\n /** Buttons will stretch/shrink to occupy the full width */\n fullWidth?: boolean;\n /** Remove top left and right border radius */\n connectedTop?: boolean;\n /** Prevent buttons in button group from wrapping to next line */\n noWrap?: boolean;\n /** Button components */\n children?: React.ReactNode;\n}" - } - }, "ButtonProps": { "polaris-react/src/components/Button/Button.tsx": { "filePath": "polaris-react/src/components/Button/Button.tsx", @@ -10773,25 +10796,83 @@ "isOptional": true } ], - "value": "interface CommonButtonProps\n extends Pick<\n ButtonProps,\n | 'id'\n | 'accessibilityLabel'\n | 'ariaDescribedBy'\n | 'role'\n | 'onClick'\n | 'onFocus'\n | 'onBlur'\n | 'onMouseEnter'\n | 'onTouchStart'\n > {\n className: UnstyledButtonProps['className'];\n onMouseUp: MouseUpBlurHandler;\n 'data-primary-link'?: boolean;\n}" - } - }, - "LinkButtonProps": { - "polaris-react/src/components/Button/Button.tsx": { - "filePath": "polaris-react/src/components/Button/Button.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "LinkButtonProps", - "value": "\"url\" | \"external\" | \"download\"", - "description": "" - } - }, - "ActionButtonProps": { - "polaris-react/src/components/Button/Button.tsx": { - "filePath": "polaris-react/src/components/Button/Button.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "ActionButtonProps", - "value": "\"submit\" | \"disabled\" | \"loading\" | \"ariaControls\" | \"ariaExpanded\" | \"ariaChecked\" | \"pressed\" | \"onKeyDown\" | \"onKeyUp\" | \"onKeyPress\" | \"onPointerDown\"", - "description": "" + "value": "interface CommonButtonProps\n extends Pick<\n ButtonProps,\n | 'id'\n | 'accessibilityLabel'\n | 'ariaDescribedBy'\n | 'role'\n | 'onClick'\n | 'onFocus'\n | 'onBlur'\n | 'onMouseEnter'\n | 'onTouchStart'\n > {\n className: UnstyledButtonProps['className'];\n onMouseUp: MouseUpBlurHandler;\n 'data-primary-link'?: boolean;\n}" + } + }, + "LinkButtonProps": { + "polaris-react/src/components/Button/Button.tsx": { + "filePath": "polaris-react/src/components/Button/Button.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "LinkButtonProps", + "value": "\"url\" | \"external\" | \"download\"", + "description": "" + } + }, + "ActionButtonProps": { + "polaris-react/src/components/Button/Button.tsx": { + "filePath": "polaris-react/src/components/Button/Button.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "ActionButtonProps", + "value": "\"submit\" | \"disabled\" | \"loading\" | \"ariaControls\" | \"ariaExpanded\" | \"ariaChecked\" | \"pressed\" | \"onKeyDown\" | \"onKeyUp\" | \"onKeyPress\" | \"onPointerDown\"", + "description": "" + } + }, + "ButtonGroupProps": { + "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx": { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "name": "ButtonGroupProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "spacing", + "value": "Spacing", + "description": "Determines the space between button group items", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "segmented", + "value": "boolean", + "description": "Join buttons as segmented group", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "fullWidth", + "value": "boolean", + "description": "Buttons will stretch/shrink to occupy the full width", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "connectedTop", + "value": "boolean", + "description": "Remove top left and right border radius", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "noWrap", + "value": "boolean", + "description": "Prevent buttons in button group from wrapping to next line", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Button components", + "isOptional": true + } + ], + "value": "export interface ButtonGroupProps {\n /** Determines the space between button group items */\n spacing?: Spacing;\n /** Join buttons as segmented group */\n segmented?: boolean;\n /** Buttons will stretch/shrink to occupy the full width */\n fullWidth?: boolean;\n /** Remove top left and right border radius */\n connectedTop?: boolean;\n /** Prevent buttons in button group from wrapping to next line */\n noWrap?: boolean;\n /** Button components */\n children?: React.ReactNode;\n}" } }, "CalloutCardProps": { @@ -10939,6 +11020,64 @@ "value": "export interface CardProps {\n /** Title content for the card */\n title?: React.ReactNode;\n /** Inner content of the card */\n children?: React.ReactNode;\n /** A less prominent card */\n subdued?: boolean;\n /** Auto wrap content in section */\n sectioned?: boolean;\n /** Card header actions */\n actions?: DisableableAction[];\n /** Primary action in the card footer */\n primaryFooterAction?: ComplexAction;\n /** Secondary actions in the card footer */\n secondaryFooterActions?: ComplexAction[];\n /** The content of the disclosure button rendered when there is more than one secondary footer action */\n secondaryFooterActionsDisclosureText?: string;\n /** Alignment of the footer actions on the card, defaults to right */\n footerActionAlignment?: 'right' | 'left';\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n}" } }, + "CheckableButtonProps": { + "polaris-react/src/components/CheckableButton/CheckableButton.tsx": { + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "name": "CheckableButtonProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "syntaxKind": "PropertySignature", + "name": "label", + "value": "string", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "syntaxKind": "PropertySignature", + "name": "selected", + "value": "boolean | \"indeterminate\"", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "syntaxKind": "PropertySignature", + "name": "disabled", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "syntaxKind": "MethodSignature", + "name": "onToggleAll", + "value": "() => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx", + "syntaxKind": "PropertySignature", + "name": "ariaLive", + "value": "\"off\" | \"polite\"", + "description": "", + "isOptional": true + } + ], + "value": "export interface CheckableButtonProps {\n accessibilityLabel?: string;\n label?: string;\n selected?: boolean | 'indeterminate';\n disabled?: boolean;\n onToggleAll?(): void;\n ariaLive?: 'off' | 'polite';\n}" + } + }, "CheckboxState": { "polaris-react/src/components/Checkbox/Checkbox.stories.tsx": { "filePath": "polaris-react/src/components/Checkbox/Checkbox.stories.tsx", @@ -11371,6 +11510,98 @@ "value": "export interface ChoiceListProps {\n /** Label for list of choices */\n title: React.ReactNode;\n /** Collection of choices */\n choices: Choice[];\n /** Collection of selected choices */\n selected: string[];\n /** Name for form input */\n name?: string;\n /** Allow merchants to select multiple options at once */\n allowMultiple?: boolean;\n /** Toggles display of the title */\n titleHidden?: boolean;\n /** Display an error message */\n error?: Error;\n /** Disable all choices **/\n disabled?: boolean;\n /** Callback when the selected choices change */\n onChange?(selected: string[], name: string): void;\n}" } }, + "Transition": { + "polaris-react/src/components/Collapsible/Collapsible.tsx": { + "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", + "name": "Transition", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", + "syntaxKind": "PropertySignature", + "name": "duration", + "value": "string", + "description": "Assign a transition duration to the collapsible animation.", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", + "syntaxKind": "PropertySignature", + "name": "timingFunction", + "value": "string", + "description": "Assign a transition timing function to the collapsible animation", + "isOptional": true + } + ], + "value": "interface Transition {\n /** Assign a transition duration to the collapsible animation. */\n duration?: string;\n /** Assign a transition timing function to the collapsible animation */\n timingFunction?: string;\n}" + } + }, + "CollapsibleProps": { + "polaris-react/src/components/Collapsible/Collapsible.tsx": { + "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", + "name": "CollapsibleProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", + "syntaxKind": "PropertySignature", + "name": "id", + "value": "string", + "description": "Assign a unique ID to the collapsible. For accessibility, pass this ID as the value of the triggering component’s aria-controls prop." + }, + { + "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", + "syntaxKind": "PropertySignature", + "name": "expandOnPrint", + "value": "boolean", + "description": "Option to show collapsible content when printing", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", + "syntaxKind": "PropertySignature", + "name": "open", + "value": "boolean", + "description": "Toggle whether the collapsible is expanded or not." + }, + { + "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", + "syntaxKind": "PropertySignature", + "name": "transition", + "value": "boolean | Transition", + "description": "Override transition properties. When set to false, disables transition completely.", + "isOptional": true, + "defaultValue": "transition={{duration: 'var(--p-duration-150)', timingFunction: 'var(--p-ease-in-out)'}}" + }, + { + "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", + "syntaxKind": "MethodSignature", + "name": "onAnimationEnd", + "value": "() => void", + "description": "Callback when the animation completes.", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "The content to display inside the collapsible.", + "isOptional": true + } + ], + "value": "export interface CollapsibleProps {\n /** Assign a unique ID to the collapsible. For accessibility, pass this ID as the value of the triggering component’s aria-controls prop. */\n id: string;\n /** Option to show collapsible content when printing */\n expandOnPrint?: boolean;\n /** Toggle whether the collapsible is expanded or not. */\n open: boolean;\n /** Override transition properties. When set to false, disables transition completely.\n * @default transition={{duration: 'var(--p-duration-150)', timingFunction: 'var(--p-ease-in-out)'}}\n */\n transition?: boolean | Transition;\n /** Callback when the animation completes. */\n onAnimationEnd?(): void;\n /** The content to display inside the collapsible. */\n children?: React.ReactNode;\n}" + } + }, + "AnimationState": { + "polaris-react/src/components/Collapsible/Collapsible.tsx": { + "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "AnimationState", + "value": "'idle' | 'measuring' | 'animating'", + "description": "" + } + }, "Color": { "polaris-react/src/components/ColorPicker/ColorPicker.tsx": { "filePath": "polaris-react/src/components/ColorPicker/ColorPicker.tsx", @@ -11569,115 +11800,14 @@ { "filePath": "polaris-react/src/components/Columns/Columns.tsx", "syntaxKind": "PropertySignature", - "name": "gap", - "value": "Gap", - "description": "The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.", - "isOptional": true, - "defaultValue": "'4'" - } - ], - "value": "export interface ColumnsProps {\n children?: React.ReactNode;\n /** The number of columns to display\n * @default {xs: 6, sm: 6, md: 6, lg: 6, xl: 6}\n */\n columns?: Columns;\n /** The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @default '4'\n * @example\n * gap='2'\n * gap={{xs: '1', sm: '2', md: '3', lg: '4', xl: '5'}}\n */\n gap?: Gap;\n}" - } - }, - "Transition": { - "polaris-react/src/components/Collapsible/Collapsible.tsx": { - "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "name": "Transition", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "syntaxKind": "PropertySignature", - "name": "duration", - "value": "string", - "description": "Assign a transition duration to the collapsible animation.", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "syntaxKind": "PropertySignature", - "name": "timingFunction", - "value": "string", - "description": "Assign a transition timing function to the collapsible animation", - "isOptional": true - } - ], - "value": "interface Transition {\n /** Assign a transition duration to the collapsible animation. */\n duration?: string;\n /** Assign a transition timing function to the collapsible animation */\n timingFunction?: string;\n}" - } - }, - "CollapsibleProps": { - "polaris-react/src/components/Collapsible/Collapsible.tsx": { - "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "name": "CollapsibleProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "Assign a unique ID to the collapsible. For accessibility, pass this ID as the value of the triggering component’s aria-controls prop." - }, - { - "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "syntaxKind": "PropertySignature", - "name": "expandOnPrint", - "value": "boolean", - "description": "Option to show collapsible content when printing", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "syntaxKind": "PropertySignature", - "name": "open", - "value": "boolean", - "description": "Toggle whether the collapsible is expanded or not." - }, - { - "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "syntaxKind": "PropertySignature", - "name": "transition", - "value": "boolean | Transition", - "description": "Override transition properties. When set to false, disables transition completely.", - "isOptional": true, - "defaultValue": "transition={{duration: 'var(--p-duration-150)', timingFunction: 'var(--p-ease-in-out)'}}" - }, - { - "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "syntaxKind": "PropertySignature", - "name": "preventMeasuringOnChildrenUpdate", - "value": "boolean", - "description": "", - "isOptional": true, - "deprecationMessage": "Re-measuring is no longer necessary on children update *" - }, - { - "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "syntaxKind": "MethodSignature", - "name": "onAnimationEnd", - "value": "() => void", - "description": "Callback when the animation completes.", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to display inside the collapsible.", - "isOptional": true + "name": "gap", + "value": "Gap", + "description": "The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.", + "isOptional": true, + "defaultValue": "'4'" } ], - "value": "export interface CollapsibleProps {\n /** Assign a unique ID to the collapsible. For accessibility, pass this ID as the value of the triggering component’s aria-controls prop. */\n id: string;\n /** Option to show collapsible content when printing */\n expandOnPrint?: boolean;\n /** Toggle whether the collapsible is expanded or not. */\n open: boolean;\n /** Override transition properties. When set to false, disables transition completely.\n * @default transition={{duration: 'var(--p-duration-150)', timingFunction: 'var(--p-ease-in-out)'}}\n */\n transition?: boolean | Transition;\n /** @deprecated Re-measuring is no longer necessary on children update **/\n preventMeasuringOnChildrenUpdate?: boolean;\n /** Callback when the animation completes. */\n onAnimationEnd?(): void;\n /** The content to display inside the collapsible. */\n children?: React.ReactNode;\n}" - } - }, - "AnimationState": { - "polaris-react/src/components/Collapsible/Collapsible.tsx": { - "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "AnimationState", - "value": "'idle' | 'measuring' | 'animating'", - "description": "" + "value": "export interface ColumnsProps {\n children?: React.ReactNode;\n /** The number of columns to display\n * @default {xs: 6, sm: 6, md: 6, lg: 6, xl: 6}\n */\n columns?: Columns;\n /** The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @default '4'\n * @example\n * gap='2'\n * gap={{xs: '1', sm: '2', md: '3', lg: '4', xl: '5'}}\n */\n gap?: Gap;\n}" } }, "ComboboxProps": { @@ -12783,6 +12913,32 @@ "value": "export interface EventListenerProps extends BaseEventProps {\n passive?: boolean;\n}" } }, + "Description": { + "polaris-react/src/components/ExceptionList/ExceptionList.tsx": { + "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Description", + "value": "string | React.ReactElement | (string | React.ReactElement)[]", + "description": "" + } + }, + "ExceptionListProps": { + "polaris-react/src/components/ExceptionList/ExceptionList.tsx": { + "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", + "name": "ExceptionListProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", + "syntaxKind": "PropertySignature", + "name": "items", + "value": "Item[]", + "description": "Collection of items for list" + } + ], + "value": "export interface ExceptionListProps {\n /** Collection of items for list */\n items: Item[];\n}" + } + }, "AppliedFilterInterface": { "polaris-react/src/components/Filters/Filters.tsx": { "filePath": "polaris-react/src/components/Filters/Filters.tsx", @@ -13024,32 +13180,6 @@ ] } }, - "Description": { - "polaris-react/src/components/ExceptionList/ExceptionList.tsx": { - "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Description", - "value": "string | React.ReactElement | (string | React.ReactElement)[]", - "description": "" - } - }, - "ExceptionListProps": { - "polaris-react/src/components/ExceptionList/ExceptionList.tsx": { - "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", - "name": "ExceptionListProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", - "syntaxKind": "PropertySignature", - "name": "items", - "value": "Item[]", - "description": "Collection of items for list" - } - ], - "value": "export interface ExceptionListProps {\n /** Collection of items for list */\n items: Item[];\n}" - } - }, "FocusProps": { "polaris-react/src/components/Focus/Focus.tsx": { "filePath": "polaris-react/src/components/Focus/Focus.tsx", @@ -13260,31 +13390,6 @@ "value": "export interface FormLayoutProps {\n /** The content to display inside the layout. */\n children?: React.ReactNode;\n}" } }, - "FullscreenBarProps": { - "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx": { - "filePath": "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx", - "name": "FullscreenBarProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx", - "syntaxKind": "PropertySignature", - "name": "onAction", - "value": "() => void", - "description": "Callback when back button is clicked" - }, - { - "filePath": "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Render child elements", - "isOptional": true - } - ], - "value": "export interface FullscreenBarProps {\n /** Callback when back button is clicked */\n onAction: () => void;\n /** Render child elements */\n children?: React.ReactNode;\n}" - } - }, "FrameProps": { "polaris-react/src/components/Frame/Frame.tsx": { "filePath": "polaris-react/src/components/Frame/Frame.tsx", @@ -13368,6 +13473,31 @@ "value": "export interface FrameProps {\n /** Sets the logo for the TopBar, Navigation, and ContextualSaveBar components */\n logo?: Logo;\n /** A horizontal offset that pushes the frame to the right, leaving empty space on the left */\n offset?: string;\n /** The content to display inside the frame. */\n children?: React.ReactNode;\n /** Accepts a top bar component that will be rendered at the top-most portion of an application frame */\n topBar?: React.ReactNode;\n /** Accepts a navigation component that will be rendered in the left sidebar of an application frame */\n navigation?: React.ReactNode;\n /** Accepts a global ribbon component that will be rendered fixed to the bottom of an application frame */\n globalRibbon?: React.ReactNode;\n /** A boolean property indicating whether the mobile navigation is currently visible\n * @default false\n */\n showMobileNavigation?: boolean;\n /** Accepts a ref to the html anchor element you wish to focus when clicking the skip to content link */\n skipToContentTarget?: React.RefObject;\n /** A callback function to handle clicking the mobile navigation dismiss button */\n onNavigationDismiss?(): void;\n}" } }, + "FullscreenBarProps": { + "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx": { + "filePath": "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx", + "name": "FullscreenBarProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx", + "syntaxKind": "PropertySignature", + "name": "onAction", + "value": "() => void", + "description": "Callback when back button is clicked" + }, + { + "filePath": "polaris-react/src/components/FullscreenBar/FullscreenBar.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Render child elements", + "isOptional": true + } + ], + "value": "export interface FullscreenBarProps {\n /** Callback when back button is clicked */\n onAction: () => void;\n /** Render child elements */\n children?: React.ReactNode;\n}" + } + }, "Breakpoints": { "polaris-react/src/components/Grid/Grid.tsx": { "filePath": "polaris-react/src/components/Grid/Grid.tsx", @@ -13435,6 +13565,47 @@ "value": "export interface GridProps {\n /* Set grid-template-areas */\n areas?: Areas;\n /* Number of columns */\n columns?: Columns;\n /* Grid gap */\n gap?: Gap;\n children?: React.ReactNode;\n}" } }, + "IconProps": { + "polaris-react/src/components/Icon/Icon.tsx": { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "name": "IconProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "syntaxKind": "PropertySignature", + "name": "source", + "value": "any", + "description": "The SVG contents to display in the icon (icons should fit in a 20 Γ— 20 pixel viewBox)" + }, + { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "syntaxKind": "PropertySignature", + "name": "color", + "value": "Color", + "description": "Set the color for the SVG fill", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "syntaxKind": "PropertySignature", + "name": "backdrop", + "value": "boolean", + "description": "Show a backdrop behind the icon", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "Descriptive text to be read to screenreaders", + "isOptional": true + } + ], + "value": "export interface IconProps {\n /** The SVG contents to display in the icon (icons should fit in a 20 Γ— 20 pixel viewBox) */\n source: IconSource;\n /** Set the color for the SVG fill */\n color?: Color;\n /** Show a backdrop behind the icon */\n backdrop?: boolean;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n}" + } + }, "SourceSet": { "polaris-react/src/components/Image/Image.tsx": { "filePath": "polaris-react/src/components/Image/Image.tsx", @@ -14101,45 +14272,22 @@ "value": "export interface IndexTableProps\n extends IndexTableBaseProps,\n IndexProviderProps {}" } }, - "IconProps": { - "polaris-react/src/components/Icon/Icon.tsx": { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "name": "IconProps", + "IndicatorProps": { + "polaris-react/src/components/Indicator/Indicator.tsx": { + "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", + "name": "IndicatorProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "syntaxKind": "PropertySignature", - "name": "source", - "value": "any", - "description": "The SVG contents to display in the icon (icons should fit in a 20 Γ— 20 pixel viewBox)" - }, - { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "syntaxKind": "PropertySignature", - "name": "color", - "value": "Color", - "description": "Set the color for the SVG fill", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", + "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", "syntaxKind": "PropertySignature", - "name": "backdrop", + "name": "pulse", "value": "boolean", - "description": "Show a backdrop behind the icon", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Icon/Icon.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Descriptive text to be read to screenreaders", + "description": "", "isOptional": true } ], - "value": "export interface IconProps {\n /** The SVG contents to display in the icon (icons should fit in a 20 Γ— 20 pixel viewBox) */\n source: IconSource;\n /** Set the color for the SVG fill */\n color?: Color;\n /** Show a backdrop behind the icon */\n backdrop?: boolean;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n}" + "value": "export interface IndicatorProps {\n pulse?: boolean;\n}" } }, "BlockAlign": { @@ -14205,24 +14353,6 @@ "value": "export interface InlineProps {\n children?: React.ReactNode;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Vertical alignment of children\n * @default 'center'\n */\n blockAlign?: BlockAlign;\n /** The spacing between elements. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @default '4'\n * @example\n * gap='2'\n * gap={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n gap?: Gap;\n /** Wrap stack elements to additional rows as needed on small screens\n * @default true\n */\n wrap?: boolean;\n}" } }, - "IndicatorProps": { - "polaris-react/src/components/Indicator/Indicator.tsx": { - "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", - "name": "IndicatorProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", - "syntaxKind": "PropertySignature", - "name": "pulse", - "value": "boolean", - "description": "", - "isOptional": true - } - ], - "value": "export interface IndicatorProps {\n pulse?: boolean;\n}" - } - }, "InlineCodeProps": { "polaris-react/src/components/InlineCode/InlineCode.tsx": { "filePath": "polaris-react/src/components/InlineCode/InlineCode.tsx", @@ -14264,6 +14394,24 @@ "value": "export interface InlineErrorProps {\n /** Content briefly explaining how to resolve the invalid form field input. */\n message: Error;\n /** Unique identifier of the invalid form field that the message describes */\n fieldID: string;\n}" } }, + "KeyboardKeyProps": { + "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx": { + "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx", + "name": "KeyboardKeyProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "string", + "description": "The content to display inside the key", + "isOptional": true + } + ], + "value": "export interface KeyboardKeyProps {\n /** The content to display inside the key */\n children?: string;\n}" + } + }, "KeypressListenerProps": { "polaris-react/src/components/KeypressListener/KeypressListener.tsx": { "filePath": "polaris-react/src/components/KeypressListener/KeypressListener.tsx", @@ -14282,22 +14430,45 @@ "description": "" } }, - "KeyboardKeyProps": { - "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx": { - "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx", - "name": "KeyboardKeyProps", + "LabelProps": { + "polaris-react/src/components/Label/Label.tsx": { + "filePath": "polaris-react/src/components/Label/Label.tsx", + "name": "LabelProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx", + "filePath": "polaris-react/src/components/Label/Label.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Label content", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Label/Label.tsx", + "syntaxKind": "PropertySignature", + "name": "id", + "value": "string", + "description": "A unique identifier for the label" + }, + { + "filePath": "polaris-react/src/components/Label/Label.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "string", - "description": "The content to display inside the key", + "name": "hidden", + "value": "boolean", + "description": "Visually hide the label", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Label/Label.tsx", + "syntaxKind": "PropertySignature", + "name": "requiredIndicator", + "value": "boolean", + "description": "Visual required indicator for the label", "isOptional": true } ], - "value": "export interface KeyboardKeyProps {\n /** The content to display inside the key */\n children?: string;\n}" + "value": "export interface LabelProps {\n /** Label content */\n children?: React.ReactNode;\n /** A unique identifier for the label */\n id: string;\n /** Visually hide the label */\n hidden?: boolean;\n /** Visual required indicator for the label */\n requiredIndicator?: boolean;\n}" } }, "LabelledProps": { @@ -14372,243 +14543,120 @@ "value": "export interface LabelledProps {\n /** A unique identifier for the label */\n id: LabelProps['id'];\n /** Text for the label */\n label: React.ReactNode;\n /** Error to display beneath the label */\n error?: Error | boolean;\n /** An action */\n action?: Action;\n /** Additional hint text to display */\n helpText?: React.ReactNode;\n /** Content to display inside the connected */\n children?: React.ReactNode;\n /** Visually hide the label */\n labelHidden?: boolean;\n /** Visual required indicator for the label */\n requiredIndicator?: boolean;\n}" } }, - "LabelProps": { - "polaris-react/src/components/Label/Label.tsx": { - "filePath": "polaris-react/src/components/Label/Label.tsx", - "name": "LabelProps", + "LayoutProps": { + "polaris-react/src/components/Layout/Layout.tsx": { + "filePath": "polaris-react/src/components/Layout/Layout.tsx", + "name": "LayoutProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Label/Label.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Label content", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Label/Label.tsx", - "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "A unique identifier for the label" - }, - { - "filePath": "polaris-react/src/components/Label/Label.tsx", + "filePath": "polaris-react/src/components/Layout/Layout.tsx", "syntaxKind": "PropertySignature", - "name": "hidden", + "name": "sectioned", "value": "boolean", - "description": "Visually hide the label", + "description": "Automatically adds sections to layout.", "isOptional": true }, { - "filePath": "polaris-react/src/components/Label/Label.tsx", + "filePath": "polaris-react/src/components/Layout/Layout.tsx", "syntaxKind": "PropertySignature", - "name": "requiredIndicator", - "value": "boolean", - "description": "Visual required indicator for the label", + "name": "children", + "value": "React.ReactNode", + "description": "The content to display inside the layout.", "isOptional": true } ], - "value": "export interface LabelProps {\n /** Label content */\n children?: React.ReactNode;\n /** A unique identifier for the label */\n id: string;\n /** Visually hide the label */\n hidden?: boolean;\n /** Visual required indicator for the label */\n requiredIndicator?: boolean;\n}" + "value": "export interface LayoutProps {\n /** Automatically adds sections to layout. */\n sectioned?: boolean;\n /** The content to display inside the layout. */\n children?: React.ReactNode;\n}" } }, - "LinkProps": { - "polaris-react/src/components/Link/Link.tsx": { - "filePath": "polaris-react/src/components/Link/Link.tsx", - "name": "LinkProps", + "LegacyCardProps": { + "polaris-react/src/components/LegacyCard/LegacyCard.tsx": { + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "name": "LegacyCardProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Link/Link.tsx", - "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "ID for the link", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "The url to link to", + "name": "title", + "value": "React.ReactNode", + "description": "Title content for the card", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", "name": "children", "value": "React.ReactNode", - "description": "The content to display inside the link", + "description": "Inner content of the card", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "external", + "name": "subdued", "value": "boolean", - "description": "Makes the link open in a new tab", + "description": "A less prominent card", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "monochrome", + "name": "sectioned", "value": "boolean", - "description": "Makes the link color the same as the current text color and adds an underline", + "description": "Auto wrap content in section", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "removeUnderline", - "value": "boolean", - "description": "Removes text decoration underline to the link", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Link/Link.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", - "description": "Callback when a link is clicked", + "name": "actions", + "value": "DisableableAction[]", + "description": "Card header actions", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Descriptive text to be read to screenreaders", + "name": "primaryFooterAction", + "value": "ComplexAction", + "description": "Primary action in the card footer", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", - "syntaxKind": "PropertySignature", - "name": "dataPrimaryLink", - "value": "boolean", - "description": "Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row`", - "isOptional": true - } - ], - "value": "export interface LinkProps {\n /** ID for the link */\n id?: string;\n /** The url to link to */\n url?: string;\n /** The content to display inside the link */\n children?: React.ReactNode;\n /** Makes the link open in a new tab */\n external?: boolean;\n /** Makes the link color the same as the current text color and adds an underline */\n monochrome?: boolean;\n /** Removes text decoration underline to the link*/\n removeUnderline?: boolean;\n /** Callback when a link is clicked */\n onClick?(): void;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n /** Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row` */\n dataPrimaryLink?: boolean;\n}" - } - }, - "LayoutProps": { - "polaris-react/src/components/Layout/Layout.tsx": { - "filePath": "polaris-react/src/components/Layout/Layout.tsx", - "name": "LayoutProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Layout/Layout.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "sectioned", - "value": "boolean", - "description": "Automatically adds sections to layout.", + "name": "secondaryFooterActions", + "value": "ComplexAction[]", + "description": "Secondary actions in the card footer", "isOptional": true }, { - "filePath": "polaris-react/src/components/Layout/Layout.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to display inside the layout.", + "name": "secondaryFooterActionsDisclosureText", + "value": "string", + "description": "The content of the disclosure button rendered when there is more than one secondary footer action", "isOptional": true - } - ], - "value": "export interface LayoutProps {\n /** Automatically adds sections to layout. */\n sectioned?: boolean;\n /** The content to display inside the layout. */\n children?: React.ReactNode;\n}" - } - }, - "Type": { - "polaris-react/src/components/List/List.tsx": { - "filePath": "polaris-react/src/components/List/List.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Type", - "value": "'bullet' | 'number'", - "description": "" - }, - "polaris-react/src/components/TextField/TextField.tsx": { - "filePath": "polaris-react/src/components/TextField/TextField.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Type", - "value": "'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency'", - "description": "" - } - }, - "ListProps": { - "polaris-react/src/components/List/List.tsx": { - "filePath": "polaris-react/src/components/List/List.tsx", - "name": "ListProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/List/List.tsx", - "syntaxKind": "PropertySignature", - "name": "spacing", - "value": "Spacing", - "description": "Determines the space between list items", - "isOptional": true, - "defaultValue": "'loose'" - }, - { - "filePath": "polaris-react/src/components/List/List.tsx", - "syntaxKind": "PropertySignature", - "name": "type", - "value": "Type", - "description": "Type of list to display", - "isOptional": true, - "defaultValue": "'bullet'" }, { - "filePath": "polaris-react/src/components/List/List.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "List item elements", + "name": "footerActionAlignment", + "value": "\"left\" | \"right\"", + "description": "Alignment of the footer actions on the card, defaults to right", "isOptional": true - } - ], - "value": "export interface ListProps {\n /**\n * Determines the space between list items\n * @default 'loose'\n */\n spacing?: Spacing;\n /**\n * Type of list to display\n * @default 'bullet'\n */\n type?: Type;\n /** List item elements */\n children?: React.ReactNode;\n}" - }, - "polaris-react/src/components/Tabs/components/List/List.tsx": { - "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", - "name": "ListProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", - "syntaxKind": "PropertySignature", - "name": "focusIndex", - "value": "number", - "description": "" }, { - "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", + "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", "syntaxKind": "PropertySignature", - "name": "disclosureTabs", - "value": "TabDescriptor[]", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "(id: string) => void", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", - "syntaxKind": "MethodSignature", - "name": "onKeyPress", - "value": "(event: React.KeyboardEvent) => void", - "description": "", + "name": "hideOnPrint", + "value": "boolean", + "description": "Allow the card to be hidden when printing", "isOptional": true } ], - "value": "export interface ListProps {\n focusIndex: number;\n disclosureTabs: TabDescriptor[];\n onClick?(id: string): void;\n onKeyPress?(event: React.KeyboardEvent): void;\n}" + "value": "export interface LegacyCardProps {\n /** Title content for the card */\n title?: React.ReactNode;\n /** Inner content of the card */\n children?: React.ReactNode;\n /** A less prominent card */\n subdued?: boolean;\n /** Auto wrap content in section */\n sectioned?: boolean;\n /** Card header actions */\n actions?: DisableableAction[];\n /** Primary action in the card footer */\n primaryFooterAction?: ComplexAction;\n /** Secondary actions in the card footer */\n secondaryFooterActions?: ComplexAction[];\n /** The content of the disclosure button rendered when there is more than one secondary footer action */\n secondaryFooterActionsDisclosureText?: string;\n /** Alignment of the footer actions on the card, defaults to right */\n footerActionAlignment?: 'right' | 'left';\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n}" } }, "Alignment": { @@ -14736,126 +14784,86 @@ "value": "export interface LegacyStackProps {\n /** Elements to display inside stack */\n children?: React.ReactNode;\n /** Wrap stack elements to additional rows as needed on small screens (Defaults to true) */\n wrap?: boolean;\n /** Stack the elements vertically */\n vertical?: boolean;\n /** Adjust spacing between elements */\n spacing?: Spacing;\n /** Adjust vertical alignment of elements */\n alignment?: Alignment;\n /** Adjust horizontal alignment of elements */\n distribution?: Distribution;\n}" } }, - "LegacyCardProps": { - "polaris-react/src/components/LegacyCard/LegacyCard.tsx": { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", - "name": "LegacyCardProps", + "LinkProps": { + "polaris-react/src/components/Link/Link.tsx": { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "name": "LinkProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "title", - "value": "React.ReactNode", - "description": "Title content for the card", + "name": "id", + "value": "string", + "description": "ID for the link", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Inner content of the card", + "name": "url", + "value": "string", + "description": "The url to link to", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "subdued", - "value": "boolean", - "description": "A less prominent card", + "name": "children", + "value": "React.ReactNode", + "description": "The content to display inside the link", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "sectioned", + "name": "external", "value": "boolean", - "description": "Auto wrap content in section", + "description": "Makes the link open in a new tab", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "actions", - "value": "DisableableAction[]", - "description": "Card header actions", + "name": "monochrome", + "value": "boolean", + "description": "Makes the link color the same as the current text color and adds an underline", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "primaryFooterAction", - "value": "ComplexAction", - "description": "Primary action in the card footer", + "name": "removeUnderline", + "value": "boolean", + "description": "Removes text decoration underline to the link", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", - "syntaxKind": "PropertySignature", - "name": "secondaryFooterActions", - "value": "ComplexAction[]", - "description": "Secondary actions in the card footer", + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", + "description": "Callback when a link is clicked", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "secondaryFooterActionsDisclosureText", + "name": "accessibilityLabel", "value": "string", - "description": "The content of the disclosure button rendered when there is more than one secondary footer action", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", - "syntaxKind": "PropertySignature", - "name": "footerActionAlignment", - "value": "\"left\" | \"right\"", - "description": "Alignment of the footer actions on the card, defaults to right", + "description": "Descriptive text to be read to screenreaders", "isOptional": true }, { - "filePath": "polaris-react/src/components/LegacyCard/LegacyCard.tsx", + "filePath": "polaris-react/src/components/Link/Link.tsx", "syntaxKind": "PropertySignature", - "name": "hideOnPrint", + "name": "dataPrimaryLink", "value": "boolean", - "description": "Allow the card to be hidden when printing", - "isOptional": true - } - ], - "value": "export interface LegacyCardProps {\n /** Title content for the card */\n title?: React.ReactNode;\n /** Inner content of the card */\n children?: React.ReactNode;\n /** A less prominent card */\n subdued?: boolean;\n /** Auto wrap content in section */\n sectioned?: boolean;\n /** Card header actions */\n actions?: DisableableAction[];\n /** Primary action in the card footer */\n primaryFooterAction?: ComplexAction;\n /** Secondary actions in the card footer */\n secondaryFooterActions?: ComplexAction[];\n /** The content of the disclosure button rendered when there is more than one secondary footer action */\n secondaryFooterActionsDisclosureText?: string;\n /** Alignment of the footer actions on the card, defaults to right */\n footerActionAlignment?: 'right' | 'left';\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n}" - } - }, - "LoadingProps": { - "polaris-react/src/components/Loading/Loading.tsx": { - "filePath": "polaris-react/src/components/Loading/Loading.tsx", - "name": "LoadingProps", - "description": "", - "members": [], - "value": "export interface LoadingProps {}" - }, - "polaris-react/src/components/Listbox/components/Loading/Loading.tsx": { - "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", - "name": "LoadingProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", + "description": "Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row`", "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "" } ], - "value": "export interface LoadingProps {\n children?: React.ReactNode;\n accessibilityLabel: string;\n}" + "value": "export interface LinkProps {\n /** ID for the link */\n id?: string;\n /** The url to link to */\n url?: string;\n /** The content to display inside the link */\n children?: React.ReactNode;\n /** Makes the link open in a new tab */\n external?: boolean;\n /** Makes the link color the same as the current text color and adds an underline */\n monochrome?: boolean;\n /** Removes text decoration underline to the link*/\n removeUnderline?: boolean;\n /** Callback when a link is clicked */\n onClick?(): void;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n /** Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row` */\n dataPrimaryLink?: boolean;\n}" } }, "AutoSelection": { @@ -14958,229 +14966,225 @@ "description": "" } }, - "MediaCardProps": { - "polaris-react/src/components/MediaCard/MediaCard.tsx": { - "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", - "name": "MediaCardProps", + "Type": { + "polaris-react/src/components/List/List.tsx": { + "filePath": "polaris-react/src/components/List/List.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Type", + "value": "'bullet' | 'number'", + "description": "" + }, + "polaris-react/src/components/TextField/TextField.tsx": { + "filePath": "polaris-react/src/components/TextField/TextField.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Type", + "value": "'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency'", + "description": "" + } + }, + "ListProps": { + "polaris-react/src/components/List/List.tsx": { + "filePath": "polaris-react/src/components/List/List.tsx", + "name": "ListProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", + "filePath": "polaris-react/src/components/List/List.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The visual media to display in the card" + "name": "spacing", + "value": "Spacing", + "description": "Determines the space between list items", + "isOptional": true, + "defaultValue": "'loose'" }, { - "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", + "filePath": "polaris-react/src/components/List/List.tsx", "syntaxKind": "PropertySignature", - "name": "title", - "value": "React.ReactNode", - "description": "Heading content" + "name": "type", + "value": "Type", + "description": "Type of list to display", + "isOptional": true, + "defaultValue": "'bullet'" }, { - "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", + "filePath": "polaris-react/src/components/List/List.tsx", "syntaxKind": "PropertySignature", - "name": "description", - "value": "string", - "description": "Body content" - }, + "name": "children", + "value": "React.ReactNode", + "description": "List item elements", + "isOptional": true + } + ], + "value": "export interface ListProps {\n /**\n * Determines the space between list items\n * @default 'loose'\n */\n spacing?: Spacing;\n /**\n * Type of list to display\n * @default 'bullet'\n */\n type?: Type;\n /** List item elements */\n children?: React.ReactNode;\n}" + }, + "polaris-react/src/components/Tabs/components/List/List.tsx": { + "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", + "name": "ListProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", + "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", "syntaxKind": "PropertySignature", - "name": "primaryAction", - "value": "ComplexAction", - "description": "Main call to action, rendered as a basic button", - "isOptional": true + "name": "focusIndex", + "value": "number", + "description": "" }, { - "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", + "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", "syntaxKind": "PropertySignature", - "name": "secondaryAction", - "value": "ComplexAction", - "description": "Secondary call to action, rendered as a plain button", - "isOptional": true + "name": "disclosureTabs", + "value": "TabDescriptor[]", + "description": "" }, { - "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", - "syntaxKind": "PropertySignature", - "name": "popoverActions", - "value": "ActionListItemDescriptor[]", - "description": "Action list items to render in ellipsis popover", + "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "(id: string) => void", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", + "filePath": "polaris-react/src/components/Tabs/components/List/List.tsx", + "syntaxKind": "MethodSignature", + "name": "onKeyPress", + "value": "(event: React.KeyboardEvent) => void", + "description": "", + "isOptional": true + } + ], + "value": "export interface ListProps {\n focusIndex: number;\n disclosureTabs: TabDescriptor[];\n onClick?(id: string): void;\n onKeyPress?(event: React.KeyboardEvent): void;\n}" + } + }, + "LoadingProps": { + "polaris-react/src/components/Loading/Loading.tsx": { + "filePath": "polaris-react/src/components/Loading/Loading.tsx", + "name": "LoadingProps", + "description": "", + "members": [], + "value": "export interface LoadingProps {}" + }, + "polaris-react/src/components/Listbox/components/Loading/Loading.tsx": { + "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", + "name": "LoadingProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", "syntaxKind": "PropertySignature", - "name": "portrait", - "value": "boolean", - "description": "Whether or not card content should be laid out vertically", - "isOptional": true, - "defaultValue": "false" + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", + "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", "syntaxKind": "PropertySignature", - "name": "size", - "value": "Size", - "description": "Size of the visual media in the card", - "isOptional": true, - "defaultValue": "'medium'" + "name": "accessibilityLabel", + "value": "string", + "description": "" } ], - "value": "interface MediaCardProps {\n /** The visual media to display in the card */\n children: React.ReactNode;\n /** Heading content */\n title: React.ReactNode;\n /** Body content */\n description: string;\n /** Main call to action, rendered as a basic button */\n primaryAction?: ComplexAction;\n /** Secondary call to action, rendered as a plain button */\n secondaryAction?: ComplexAction;\n /** Action list items to render in ellipsis popover */\n popoverActions?: ActionListItemDescriptor[];\n /** Whether or not card content should be laid out vertically\n * @default false\n */\n portrait?: boolean;\n /** Size of the visual media in the card\n * @default 'medium'\n */\n size?: Size;\n}" + "value": "export interface LoadingProps {\n children?: React.ReactNode;\n accessibilityLabel: string;\n}" } }, - "NavigationProps": { - "polaris-react/src/components/Navigation/Navigation.tsx": { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", - "name": "NavigationProps", + "MediaCardProps": { + "polaris-react/src/components/MediaCard/MediaCard.tsx": { + "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", + "name": "MediaCardProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", - "syntaxKind": "PropertySignature", - "name": "location", - "value": "string", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", "syntaxKind": "PropertySignature", "name": "children", "value": "React.ReactNode", - "description": "", - "isOptional": true + "description": "The visual media to display in the card" }, { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", "syntaxKind": "PropertySignature", - "name": "contextControl", + "name": "title", "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", - "syntaxKind": "MethodSignature", - "name": "onDismiss", - "value": "() => void", - "description": "", - "isOptional": true + "description": "Heading content" }, { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", "syntaxKind": "PropertySignature", - "name": "ariaLabelledBy", + "name": "description", "value": "string", - "description": "id of the element used as aria-labelledby", - "isOptional": true + "description": "Body content" }, { - "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", "syntaxKind": "PropertySignature", - "name": "logoSuffix", - "value": "React.ReactNode", - "description": "Accepts a component that is used to supplement the logo markup", + "name": "primaryAction", + "value": "ComplexAction", + "description": "Main call to action, rendered as a basic button", "isOptional": true - } - ], - "value": "export interface NavigationProps {\n location: string;\n children?: React.ReactNode;\n contextControl?: React.ReactNode;\n onDismiss?(): void;\n /** id of the element used as aria-labelledby */\n ariaLabelledBy?: string;\n /** Accepts a component that is used to supplement the logo markup */\n logoSuffix?: React.ReactNode;\n}" - }, - "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx": { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", - "name": "NavigationProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", - "syntaxKind": "PropertySignature", - "name": "columnVisibilityData", - "value": "ColumnVisibilityData[]", - "description": "" }, { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", "syntaxKind": "PropertySignature", - "name": "isScrolledFarthestLeft", - "value": "boolean", - "description": "", + "name": "secondaryAction", + "value": "ComplexAction", + "description": "Secondary call to action, rendered as a plain button", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", "syntaxKind": "PropertySignature", - "name": "isScrolledFarthestRight", - "value": "boolean", - "description": "", + "name": "popoverActions", + "value": "ActionListItemDescriptor[]", + "description": "Action list items to render in ellipsis popover", "isOptional": true }, { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", "syntaxKind": "PropertySignature", - "name": "fixedFirstColumns", - "value": "number", - "description": "" - }, - { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", - "syntaxKind": "MethodSignature", - "name": "navigateTableLeft", - "value": "() => void", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", - "syntaxKind": "MethodSignature", - "name": "navigateTableRight", - "value": "() => void", - "description": "", - "isOptional": true + "name": "portrait", + "value": "boolean", + "description": "Whether or not card content should be laid out vertically", + "isOptional": true, + "defaultValue": "false" }, { - "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", "syntaxKind": "PropertySignature", - "name": "setRef", - "value": "(ref: HTMLDivElement) => void", - "description": "", - "isOptional": true + "name": "size", + "value": "Size", + "description": "Size of the visual media in the card", + "isOptional": true, + "defaultValue": "'medium'" } ], - "value": "export interface NavigationProps {\n columnVisibilityData: ColumnVisibilityData[];\n isScrolledFarthestLeft?: boolean;\n isScrolledFarthestRight?: boolean;\n fixedFirstColumns: number;\n navigateTableLeft?(): void;\n navigateTableRight?(): void;\n setRef?: (ref: HTMLDivElement | null) => void;\n}" + "value": "interface MediaCardProps {\n /** The visual media to display in the card */\n children: React.ReactNode;\n /** Heading content */\n title: React.ReactNode;\n /** Body content */\n description: string;\n /** Main call to action, rendered as a basic button */\n primaryAction?: ComplexAction;\n /** Secondary call to action, rendered as a plain button */\n secondaryAction?: ComplexAction;\n /** Action list items to render in ellipsis popover */\n popoverActions?: ActionListItemDescriptor[];\n /** Whether or not card content should be laid out vertically\n * @default false\n */\n portrait?: boolean;\n /** Size of the visual media in the card\n * @default 'medium'\n */\n size?: Size;\n}" } }, - "NavigationContextType": { - "polaris-react/src/components/Navigation/context.tsx": { - "filePath": "polaris-react/src/components/Navigation/context.tsx", - "name": "NavigationContextType", + "MessageIndicatorProps": { + "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx": { + "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", + "name": "MessageIndicatorProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Navigation/context.tsx", + "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", "syntaxKind": "PropertySignature", - "name": "location", - "value": "string", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Navigation/context.tsx", - "syntaxKind": "MethodSignature", - "name": "onNavigationDismiss", - "value": "() => void", + "name": "children", + "value": "React.ReactNode", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/context.tsx", + "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", "syntaxKind": "PropertySignature", - "name": "withinContentContainer", + "name": "active", "value": "boolean", "description": "", "isOptional": true } ], - "value": "interface NavigationContextType {\n location: string;\n onNavigationDismiss?(): void;\n withinContentContainer?: boolean;\n}" + "value": "export interface MessageIndicatorProps {\n children?: React.ReactNode;\n active?: boolean;\n}" } }, "ModalProps": { @@ -15356,41 +15360,167 @@ "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/Modal.tsx", + "filePath": "polaris-react/src/components/Modal/Modal.tsx", + "syntaxKind": "PropertySignature", + "name": "secondaryActions", + "value": "ComplexAction[]", + "description": "Collection of secondary actions", + "isOptional": true + } + ], + "value": "export interface ModalProps extends FooterProps {\n /** Whether the modal is open or not */\n open: boolean;\n /** The url that will be loaded as the content of the modal */\n src?: string;\n /** The name of the modal content iframe */\n iFrameName?: string;\n /** The content for the title of the modal */\n title: string | React.ReactNode;\n /**\n * Hide the title in the modal\n * @default false\n */\n titleHidden?: boolean;\n /** The content to display inside modal */\n children?: React.ReactNode;\n /** Inner content of the footer */\n footer?: React.ReactNode;\n /** Disable animations and open modal instantly */\n instant?: boolean;\n /** Automatically adds sections to modal */\n sectioned?: boolean;\n /** Increases the modal width */\n large?: boolean;\n /** Decreases the modal width */\n small?: boolean;\n /** Limits modal height on large sceens with scrolling */\n limitHeight?: boolean;\n /** Replaces modal content with a spinner while a background action is being performed */\n loading?: boolean;\n /** Callback when the modal is closed */\n onClose(): void;\n /** Callback when iframe has loaded */\n onIFrameLoad?(evt: React.SyntheticEvent): void;\n /** Callback when modal transition animation has ended */\n onTransitionEnd?(): void;\n /** Callback when the bottom of the modal content is reached */\n onScrolledToBottom?(): void;\n /** The element or the RefObject that activates the Modal */\n activator?: React.RefObject | React.ReactElement;\n /** Removes Scrollable container from the modal content */\n noScroll?: boolean;\n /** Sets modal to the height of the viewport on small screens */\n fullScreen?: boolean;\n}" + } + }, + "NavigationProps": { + "polaris-react/src/components/Navigation/Navigation.tsx": { + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "name": "NavigationProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "location", + "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "contextControl", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "syntaxKind": "MethodSignature", + "name": "onDismiss", + "value": "() => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "ariaLabelledBy", + "value": "string", + "description": "id of the element used as aria-labelledby", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "logoSuffix", + "value": "React.ReactNode", + "description": "Accepts a component that is used to supplement the logo markup", + "isOptional": true + } + ], + "value": "export interface NavigationProps {\n location: string;\n children?: React.ReactNode;\n contextControl?: React.ReactNode;\n onDismiss?(): void;\n /** id of the element used as aria-labelledby */\n ariaLabelledBy?: string;\n /** Accepts a component that is used to supplement the logo markup */\n logoSuffix?: React.ReactNode;\n}" + }, + "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx": { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "name": "NavigationProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "columnVisibilityData", + "value": "ColumnVisibilityData[]", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "isScrolledFarthestLeft", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "isScrolledFarthestRight", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "PropertySignature", + "name": "fixedFirstColumns", + "value": "number", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "MethodSignature", + "name": "navigateTableLeft", + "value": "() => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", + "syntaxKind": "MethodSignature", + "name": "navigateTableRight", + "value": "() => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx", "syntaxKind": "PropertySignature", - "name": "secondaryActions", - "value": "ComplexAction[]", - "description": "Collection of secondary actions", + "name": "setRef", + "value": "(ref: HTMLDivElement) => void", + "description": "", "isOptional": true } ], - "value": "export interface ModalProps extends FooterProps {\n /** Whether the modal is open or not */\n open: boolean;\n /** The url that will be loaded as the content of the modal */\n src?: string;\n /** The name of the modal content iframe */\n iFrameName?: string;\n /** The content for the title of the modal */\n title: string | React.ReactNode;\n /**\n * Hide the title in the modal\n * @default false\n */\n titleHidden?: boolean;\n /** The content to display inside modal */\n children?: React.ReactNode;\n /** Inner content of the footer */\n footer?: React.ReactNode;\n /** Disable animations and open modal instantly */\n instant?: boolean;\n /** Automatically adds sections to modal */\n sectioned?: boolean;\n /** Increases the modal width */\n large?: boolean;\n /** Decreases the modal width */\n small?: boolean;\n /** Limits modal height on large sceens with scrolling */\n limitHeight?: boolean;\n /** Replaces modal content with a spinner while a background action is being performed */\n loading?: boolean;\n /** Callback when the modal is closed */\n onClose(): void;\n /** Callback when iframe has loaded */\n onIFrameLoad?(evt: React.SyntheticEvent): void;\n /** Callback when modal transition animation has ended */\n onTransitionEnd?(): void;\n /** Callback when the bottom of the modal content is reached */\n onScrolledToBottom?(): void;\n /** The element or the RefObject that activates the Modal */\n activator?: React.RefObject | React.ReactElement;\n /** Removes Scrollable container from the modal content */\n noScroll?: boolean;\n /** Sets modal to the height of the viewport on small screens */\n fullScreen?: boolean;\n}" + "value": "export interface NavigationProps {\n columnVisibilityData: ColumnVisibilityData[];\n isScrolledFarthestLeft?: boolean;\n isScrolledFarthestRight?: boolean;\n fixedFirstColumns: number;\n navigateTableLeft?(): void;\n navigateTableRight?(): void;\n setRef?: (ref: HTMLDivElement | null) => void;\n}" } }, - "MessageIndicatorProps": { - "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx": { - "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", - "name": "MessageIndicatorProps", + "NavigationContextType": { + "polaris-react/src/components/Navigation/context.tsx": { + "filePath": "polaris-react/src/components/Navigation/context.tsx", + "name": "NavigationContextType", "description": "", "members": [ { - "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", + "filePath": "polaris-react/src/components/Navigation/context.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", + "name": "location", + "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/context.tsx", + "syntaxKind": "MethodSignature", + "name": "onNavigationDismiss", + "value": "() => void", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", + "filePath": "polaris-react/src/components/Navigation/context.tsx", "syntaxKind": "PropertySignature", - "name": "active", + "name": "withinContentContainer", "value": "boolean", "description": "", "isOptional": true } ], - "value": "export interface MessageIndicatorProps {\n children?: React.ReactNode;\n active?: boolean;\n}" + "value": "interface NavigationContextType {\n location: string;\n onNavigationDismiss?(): void;\n withinContentContainer?: boolean;\n}" } }, "OptionListProps": { @@ -15628,234 +15758,46 @@ "value": "export interface PageProps extends HeaderProps {\n /** The contents of the page */\n children?: React.ReactNode;\n /** Remove the normal max-width on the page */\n fullWidth?: boolean;\n /** Decreases the maximum layout width. Intended for single-column layouts */\n narrowWidth?: boolean;\n /** Displays a divider between the page header and the page content */\n divider?: boolean;\n}" } }, - "PageActionsProps": { - "polaris-react/src/components/PageActions/PageActions.tsx": { - "filePath": "polaris-react/src/components/PageActions/PageActions.tsx", - "name": "PageActionsProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/PageActions/PageActions.tsx", - "syntaxKind": "PropertySignature", - "name": "primaryAction", - "value": "any", - "description": "The primary action for the page", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/PageActions/PageActions.tsx", - "syntaxKind": "PropertySignature", - "name": "secondaryActions", - "value": "any", - "description": "The secondary actions for the page", - "isOptional": true - } - ], - "value": "export interface PageActionsProps {\n /** The primary action for the page */\n primaryAction?: (DisableableAction & LoadableAction) | React.ReactNode;\n /** The secondary actions for the page */\n secondaryActions?: ComplexAction[] | React.ReactNode;\n}" - } - }, - "MaybeJSX": { - "polaris-react/src/components/PageActions/PageActions.tsx": { - "filePath": "polaris-react/src/components/PageActions/PageActions.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "MaybeJSX", - "value": "JSX.Element | null", - "description": "" - }, - "polaris-react/src/components/Page/components/Header/Header.tsx": { - "filePath": "polaris-react/src/components/Page/components/Header/Header.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "MaybeJSX", - "value": "JSX.Element | null", - "description": "" - } - }, - "PopoverProps": { - "polaris-react/src/components/Popover/Popover.tsx": { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "name": "PopoverProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to display inside the popover", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "preferredPosition", - "value": "PreferredPosition", - "description": "The preferred direction to open the popover", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "preferredAlignment", - "value": "PreferredAlignment", - "description": "The preferred alignment of the popover relative to its activator", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "active", - "value": "boolean", - "description": "Show or hide the Popover" - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "activator", - "value": "React.ReactElement", - "description": "The element to activate the Popover" - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "preferInputActivator", - "value": "boolean", - "description": "Use the activator's input element to calculate the Popover position", - "isOptional": true, - "defaultValue": "true" - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "activatorWrapper", - "value": "string", - "description": "The element type to wrap the activator with", - "isOptional": true, - "defaultValue": "'div'" - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "zIndexOverride", - "value": "number", - "description": "Override on the default z-index of 400", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "preventFocusOnClose", - "value": "boolean", - "description": "Prevents focusing the activator or the next focusable element when the popover is deactivated", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "sectioned", - "value": "boolean", - "description": "Automatically add wrap content in a section", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "fullWidth", - "value": "boolean", - "description": "Allow popover to stretch to the full width of its activator", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "fullHeight", - "value": "boolean", - "description": "Allow popover to stretch to fit content vertically", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "fluidContent", - "value": "boolean", - "description": "Allow popover content to determine the overlay width and height", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "fixed", - "value": "boolean", - "description": "Remains in a fixed position", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "ariaHaspopup", - "value": "boolean | \"false\" | \"true\" | \"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\"", - "description": "Used to illustrate the type of popover element", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "hideOnPrint", - "value": "boolean", - "description": "Allow the popover overlay to be hidden when printing", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "MethodSignature", - "name": "onClose", - "value": "(source: PopoverCloseSource) => void", - "description": "Callback when popover is closed" - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "autofocusTarget", - "value": "PopoverAutofocusTarget", - "description": "The preferred auto focus target defaulting to the popover container", - "isOptional": true, - "defaultValue": "'container'" - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "preventCloseOnChildOverlayClick", - "value": "boolean", - "description": "Prevents closing the popover when other overlays are clicked", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "PropertySignature", - "name": "captureOverscroll", - "value": "boolean", - "description": "Prevents page scrolling when the end of the scrollable Popover overlay content is reached - applied to Pane subcomponent", - "isOptional": true, - "defaultValue": "false" - } - ], - "value": "export interface PopoverProps {\n /** The content to display inside the popover */\n children?: React.ReactNode;\n /** The preferred direction to open the popover */\n preferredPosition?: PopoverOverlayProps['preferredPosition'];\n /** The preferred alignment of the popover relative to its activator */\n preferredAlignment?: PopoverOverlayProps['preferredAlignment'];\n /** Show or hide the Popover */\n active: boolean;\n /** The element to activate the Popover */\n activator: React.ReactElement;\n /**\n * Use the activator's input element to calculate the Popover position\n * @default true\n */\n preferInputActivator?: PopoverOverlayProps['preferInputActivator'];\n /**\n * The element type to wrap the activator with\n * @default 'div'\n */\n activatorWrapper?: string;\n /** Override on the default z-index of 400 */\n zIndexOverride?: number;\n /** Prevents focusing the activator or the next focusable element when the popover is deactivated */\n preventFocusOnClose?: boolean;\n /** Automatically add wrap content in a section */\n sectioned?: boolean;\n /** Allow popover to stretch to the full width of its activator */\n fullWidth?: boolean;\n /** Allow popover to stretch to fit content vertically */\n fullHeight?: boolean;\n /** Allow popover content to determine the overlay width and height */\n fluidContent?: boolean;\n /** Remains in a fixed position */\n fixed?: boolean;\n /** Used to illustrate the type of popover element */\n ariaHaspopup?: AriaAttributes['aria-haspopup'];\n /** Allow the popover overlay to be hidden when printing */\n hideOnPrint?: boolean;\n /** Callback when popover is closed */\n onClose(source: PopoverCloseSource): void;\n /**\n * The preferred auto focus target defaulting to the popover container\n * @default 'container'\n */\n autofocusTarget?: PopoverAutofocusTarget;\n /** Prevents closing the popover when other overlays are clicked */\n preventCloseOnChildOverlayClick?: boolean;\n /**\n * Prevents page scrolling when the end of the scrollable Popover overlay content is reached - applied to Pane subcomponent\n * @default false\n */\n captureOverscroll?: boolean;\n}" - } - }, - "PopoverPublicAPI": { - "polaris-react/src/components/Popover/Popover.tsx": { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "name": "PopoverPublicAPI", + "PageActionsProps": { + "polaris-react/src/components/PageActions/PageActions.tsx": { + "filePath": "polaris-react/src/components/PageActions/PageActions.tsx", + "name": "PageActionsProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "MethodSignature", - "name": "forceUpdatePosition", - "value": "() => void", - "description": "" + "filePath": "polaris-react/src/components/PageActions/PageActions.tsx", + "syntaxKind": "PropertySignature", + "name": "primaryAction", + "value": "any", + "description": "The primary action for the page", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/PageActions/PageActions.tsx", + "syntaxKind": "PropertySignature", + "name": "secondaryActions", + "value": "any", + "description": "The secondary actions for the page", + "isOptional": true } ], - "value": "export interface PopoverPublicAPI {\n forceUpdatePosition(): void;\n}" + "value": "export interface PageActionsProps {\n /** The primary action for the page */\n primaryAction?: (DisableableAction & LoadableAction) | React.ReactNode;\n /** The secondary actions for the page */\n secondaryActions?: ComplexAction[] | React.ReactNode;\n}" + } + }, + "MaybeJSX": { + "polaris-react/src/components/PageActions/PageActions.tsx": { + "filePath": "polaris-react/src/components/PageActions/PageActions.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "MaybeJSX", + "value": "JSX.Element | null", + "description": "" + }, + "polaris-react/src/components/Page/components/Header/Header.tsx": { + "filePath": "polaris-react/src/components/Page/components/Header/Header.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "MaybeJSX", + "value": "JSX.Element | null", + "description": "" } }, "AccessibilityLabels": { @@ -16108,31 +16050,253 @@ "isOptional": true }, { - "filePath": "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx", + "filePath": "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx", + "syntaxKind": "PropertySignature", + "name": "mediaQuery", + "value": "Partial", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx", + "syntaxKind": "PropertySignature", + "name": "features", + "value": "FeaturesConfig", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx", + "syntaxKind": "PropertySignature", + "name": "frame", + "value": "Partial", + "description": "", + "isOptional": true + } + ], + "value": "export interface PolarisTestProviderProps\n extends WithPolarisTestProviderOptions {\n children: React.ReactElement;\n strict?: boolean;\n}" + } + }, + "PopoverProps": { + "polaris-react/src/components/Popover/Popover.tsx": { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "name": "PopoverProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "The content to display inside the popover", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "preferredPosition", + "value": "PreferredPosition", + "description": "The preferred direction to open the popover", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "preferredAlignment", + "value": "PreferredAlignment", + "description": "The preferred alignment of the popover relative to its activator", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "active", + "value": "boolean", + "description": "Show or hide the Popover" + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "activator", + "value": "React.ReactElement", + "description": "The element to activate the Popover" + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "preferInputActivator", + "value": "boolean", + "description": "Use the activator's input element to calculate the Popover position", + "isOptional": true, + "defaultValue": "true" + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "activatorWrapper", + "value": "string", + "description": "The element type to wrap the activator with", + "isOptional": true, + "defaultValue": "'div'" + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "zIndexOverride", + "value": "number", + "description": "Override on the default z-index of 400", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "preventFocusOnClose", + "value": "boolean", + "description": "Prevents focusing the activator or the next focusable element when the popover is deactivated", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "sectioned", + "value": "boolean", + "description": "Automatically add wrap content in a section", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "fullWidth", + "value": "boolean", + "description": "Allow popover to stretch to the full width of its activator", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "fullHeight", + "value": "boolean", + "description": "Allow popover to stretch to fit content vertically", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "fluidContent", + "value": "boolean", + "description": "Allow popover content to determine the overlay width and height", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "fixed", + "value": "boolean", + "description": "Remains in a fixed position", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "ariaHaspopup", + "value": "boolean | \"false\" | \"true\" | \"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\"", + "description": "Used to illustrate the type of popover element", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "hideOnPrint", + "value": "boolean", + "description": "Allow the popover overlay to be hidden when printing", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "MethodSignature", + "name": "onClose", + "value": "(source: PopoverCloseSource) => void", + "description": "Callback when popover is closed" + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "autofocusTarget", + "value": "PopoverAutofocusTarget", + "description": "The preferred auto focus target defaulting to the popover container", + "isOptional": true, + "defaultValue": "'container'" + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "preventCloseOnChildOverlayClick", + "value": "boolean", + "description": "Prevents closing the popover when other overlays are clicked", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "PropertySignature", + "name": "captureOverscroll", + "value": "boolean", + "description": "Prevents page scrolling when the end of the scrollable Popover overlay content is reached - applied to Pane subcomponent", + "isOptional": true, + "defaultValue": "false" + } + ], + "value": "export interface PopoverProps {\n /** The content to display inside the popover */\n children?: React.ReactNode;\n /** The preferred direction to open the popover */\n preferredPosition?: PopoverOverlayProps['preferredPosition'];\n /** The preferred alignment of the popover relative to its activator */\n preferredAlignment?: PopoverOverlayProps['preferredAlignment'];\n /** Show or hide the Popover */\n active: boolean;\n /** The element to activate the Popover */\n activator: React.ReactElement;\n /**\n * Use the activator's input element to calculate the Popover position\n * @default true\n */\n preferInputActivator?: PopoverOverlayProps['preferInputActivator'];\n /**\n * The element type to wrap the activator with\n * @default 'div'\n */\n activatorWrapper?: string;\n /** Override on the default z-index of 400 */\n zIndexOverride?: number;\n /** Prevents focusing the activator or the next focusable element when the popover is deactivated */\n preventFocusOnClose?: boolean;\n /** Automatically add wrap content in a section */\n sectioned?: boolean;\n /** Allow popover to stretch to the full width of its activator */\n fullWidth?: boolean;\n /** Allow popover to stretch to fit content vertically */\n fullHeight?: boolean;\n /** Allow popover content to determine the overlay width and height */\n fluidContent?: boolean;\n /** Remains in a fixed position */\n fixed?: boolean;\n /** Used to illustrate the type of popover element */\n ariaHaspopup?: AriaAttributes['aria-haspopup'];\n /** Allow the popover overlay to be hidden when printing */\n hideOnPrint?: boolean;\n /** Callback when popover is closed */\n onClose(source: PopoverCloseSource): void;\n /**\n * The preferred auto focus target defaulting to the popover container\n * @default 'container'\n */\n autofocusTarget?: PopoverAutofocusTarget;\n /** Prevents closing the popover when other overlays are clicked */\n preventCloseOnChildOverlayClick?: boolean;\n /**\n * Prevents page scrolling when the end of the scrollable Popover overlay content is reached - applied to Pane subcomponent\n * @default false\n */\n captureOverscroll?: boolean;\n}" + } + }, + "PopoverPublicAPI": { + "polaris-react/src/components/Popover/Popover.tsx": { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "name": "PopoverPublicAPI", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "MethodSignature", + "name": "forceUpdatePosition", + "value": "() => void", + "description": "" + } + ], + "value": "export interface PopoverPublicAPI {\n forceUpdatePosition(): void;\n}" + } + }, + "PortalProps": { + "polaris-react/src/components/Portal/Portal.tsx": { + "filePath": "polaris-react/src/components/Portal/Portal.tsx", + "name": "PortalProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Portal/Portal.tsx", "syntaxKind": "PropertySignature", - "name": "mediaQuery", - "value": "Partial", + "name": "children", + "value": "React.ReactNode", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx", + "filePath": "polaris-react/src/components/Portal/Portal.tsx", "syntaxKind": "PropertySignature", - "name": "features", - "value": "FeaturesConfig", + "name": "idPrefix", + "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx", - "syntaxKind": "PropertySignature", - "name": "frame", - "value": "Partial", + "filePath": "polaris-react/src/components/Portal/Portal.tsx", + "syntaxKind": "MethodSignature", + "name": "onPortalCreated", + "value": "() => void", "description": "", "isOptional": true } ], - "value": "export interface PolarisTestProviderProps\n extends WithPolarisTestProviderOptions {\n children: React.ReactElement;\n strict?: boolean;\n}" + "value": "export interface PortalProps {\n children?: React.ReactNode;\n idPrefix?: string;\n onPortalCreated?(): void;\n}" } }, "PortalsManagerProps": { @@ -16326,40 +16490,6 @@ "value": "export interface PositionedOverlayProps {\n active: boolean;\n activator: HTMLElement;\n preferInputActivator?: boolean;\n preferredPosition?: PreferredPosition;\n preferredAlignment?: PreferredAlignment;\n fullWidth?: boolean;\n fixed?: boolean;\n preventInteraction?: boolean;\n classNames?: string;\n zIndexOverride?: number;\n render(overlayDetails: OverlayDetails): React.ReactNode;\n onScrollOut?(): void;\n}" } }, - "PortalProps": { - "polaris-react/src/components/Portal/Portal.tsx": { - "filePath": "polaris-react/src/components/Portal/Portal.tsx", - "name": "PortalProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Portal/Portal.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Portal/Portal.tsx", - "syntaxKind": "PropertySignature", - "name": "idPrefix", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Portal/Portal.tsx", - "syntaxKind": "MethodSignature", - "name": "onPortalCreated", - "value": "() => void", - "description": "", - "isOptional": true - } - ], - "value": "export interface PortalProps {\n children?: React.ReactNode;\n idPrefix?: string;\n onPortalCreated?(): void;\n}" - } - }, "ProgressBarProps": { "polaris-react/src/components/ProgressBar/ProgressBar.tsx": { "filePath": "polaris-react/src/components/ProgressBar/ProgressBar.tsx", @@ -17153,6 +17283,74 @@ "value": "export interface ResourceListProps<\n TItemType extends ResourceListItemData = ResourceListItemData,\n> {\n /** Item data; each item is passed to renderItem */\n items: TItemType[];\n filterControl?: React.ReactNode;\n /** The markup to display when no resources exist yet. Renders when set and items is empty. */\n emptyState?: React.ReactNode;\n /** The markup to display when no results are returned on search or filter of the list. Renders when `filterControl` is set, items are empty, and `emptyState` is not set.\n * @default EmptySearchResult\n */\n emptySearchState?: React.ReactNode;\n /** Name of the resource, such as customers or products */\n resourceName?: {\n singular: string;\n plural: string;\n };\n /** Up to 2 bulk actions that will be given more prominence */\n promotedBulkActions?: BulkActionsProps['promotedActions'];\n /** Actions available on the currently selected items */\n bulkActions?: BulkActionsProps['actions'];\n /** Collection of IDs for the currently selected items */\n selectedItems?: ResourceListSelectedItems;\n /** Whether or not the list has filter(s) applied */\n isFiltered?: boolean;\n /** Renders a Select All button at the top of the list and checkboxes in front of each list item. For use when bulkActions aren't provided. **/\n selectable?: boolean;\n /** Whether or not there are more items than currently set on the items prop. Determines whether or not to set the paginatedSelectAllAction and paginatedSelectAllText props on the BulkActions component. */\n hasMoreItems?: boolean;\n /** Overlays item list with a spinner while a background action is being performed */\n loading?: boolean;\n /** Boolean to show or hide the header */\n showHeader?: boolean;\n /** Total number of resources */\n totalItemsCount?: number;\n /** Current value of the sort control */\n sortValue?: string;\n /** Collection of sort options to choose from */\n sortOptions?: SelectOption[];\n /** ReactNode to display instead of the sort control */\n alternateTool?: React.ReactNode;\n /** Custom header text displayed above the list instead of the resource count. */\n headerContent?: string;\n /** Callback when sort option is changed */\n onSortChange?(selected: string, id: string): void;\n /** Callback when selection is changed */\n onSelectionChange?(selectedItems: ResourceListSelectedItems): void;\n /** Function to render each list item, must return a ResourceItem component */\n renderItem(item: TItemType, id: string, index: number): React.ReactNode;\n /** Function to customize the unique ID for each item */\n idForItem?(item: TItemType, index: number): string;\n /** Function to resolve the ids of items */\n resolveItemId?(item: TItemType): string;\n}" } }, + "ScrollableProps": { + "polaris-react/src/components/Scrollable/Scrollable.tsx": { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "name": "ScrollableProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Content to display in scrollable area", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "vertical", + "value": "boolean", + "description": "Scroll content vertically", + "isOptional": true, + "defaultValue": "true" + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "horizontal", + "value": "boolean", + "description": "Scroll content horizontally", + "isOptional": true, + "defaultValue": "true" + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "shadow", + "value": "boolean", + "description": "Add a shadow when content is scrollable", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "hint", + "value": "boolean", + "description": "Slightly hints content upon mounting when scrollable", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "PropertySignature", + "name": "focusable", + "value": "boolean", + "description": "Adds a tabIndex to scrollable when children are not focusable", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "syntaxKind": "MethodSignature", + "name": "onScrolledToBottom", + "value": "() => void", + "description": "Called when scrolled to the bottom of the scroll area", + "isOptional": true + } + ], + "value": "export interface ScrollableProps extends React.HTMLProps {\n /** Content to display in scrollable area */\n children?: React.ReactNode;\n /** Scroll content vertically\n * @default true\n * */\n vertical?: boolean;\n /** Scroll content horizontally\n * @default true\n * */\n horizontal?: boolean;\n /** Add a shadow when content is scrollable */\n shadow?: boolean;\n /** Slightly hints content upon mounting when scrollable */\n hint?: boolean;\n /** Adds a tabIndex to scrollable when children are not focusable */\n focusable?: boolean;\n /** Called when scrolled to the bottom of the scroll area */\n onScrolledToBottom?(): void;\n}" + } + }, "StrictOption": { "polaris-react/src/components/Select/Select.tsx": { "filePath": "polaris-react/src/components/Select/Select.tsx", @@ -17341,226 +17539,98 @@ "name": "labelInline", "value": "boolean", "description": "Show the label to the left of the value, inside the control", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "Disable input", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "PropertySignature", - "name": "helpText", - "value": "React.ReactNode", - "description": "Additional text to aide in use", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "PropertySignature", - "name": "placeholder", - "value": "string", - "description": "Example text to display as placeholder", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "ID for form input", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "PropertySignature", - "name": "name", - "value": "string", - "description": "Name for form input", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "PropertySignature", - "name": "value", - "value": "string", - "description": "Value for form input", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "PropertySignature", - "name": "error", - "value": "any", - "description": "Display an error state", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "MethodSignature", - "name": "onChange", - "value": "(selected: string, id: string) => void", - "description": "Callback when selection is changed", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "MethodSignature", - "name": "onFocus", - "value": "() => void", - "description": "Callback when select is focused", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "MethodSignature", - "name": "onBlur", - "value": "() => void", - "description": "Callback when focus is removed", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Select/Select.tsx", - "syntaxKind": "PropertySignature", - "name": "requiredIndicator", - "value": "boolean", - "description": "Visual required indicator, add an asterisk to label", - "isOptional": true - } - ], - "value": "export interface SelectProps {\n /** List of options or option groups to choose from */\n options?: (SelectOption | SelectGroup)[];\n /** Label for the select */\n label: React.ReactNode;\n /** Adds an action to the label */\n labelAction?: LabelledProps['action'];\n /** Visually hide the label */\n labelHidden?: boolean;\n /** Show the label to the left of the value, inside the control */\n labelInline?: boolean;\n /** Disable input */\n disabled?: boolean;\n /** Additional text to aide in use */\n helpText?: React.ReactNode;\n /** Example text to display as placeholder */\n placeholder?: string;\n /** ID for form input */\n id?: string;\n /** Name for form input */\n name?: string;\n /** Value for form input */\n value?: string;\n /** Display an error state */\n error?: Error | boolean;\n /** Callback when selection is changed */\n onChange?(selected: string, id: string): void;\n /** Callback when select is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n /** Visual required indicator, add an asterisk to label */\n requiredIndicator?: boolean;\n}" - } - }, - "ScrollableProps": { - "polaris-react/src/components/Scrollable/Scrollable.tsx": { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "name": "ScrollableProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Content to display in scrollable area", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "vertical", - "value": "boolean", - "description": "Scroll content vertically", - "isOptional": true, - "defaultValue": "true" - }, - { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "PropertySignature", - "name": "horizontal", - "value": "boolean", - "description": "Scroll content horizontally", - "isOptional": true, - "defaultValue": "true" + "isOptional": true }, { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "filePath": "polaris-react/src/components/Select/Select.tsx", "syntaxKind": "PropertySignature", - "name": "shadow", + "name": "disabled", "value": "boolean", - "description": "Add a shadow when content is scrollable", + "description": "Disable input", "isOptional": true }, { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "filePath": "polaris-react/src/components/Select/Select.tsx", "syntaxKind": "PropertySignature", - "name": "hint", - "value": "boolean", - "description": "Slightly hints content upon mounting when scrollable", + "name": "helpText", + "value": "React.ReactNode", + "description": "Additional text to aide in use", "isOptional": true }, { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", + "filePath": "polaris-react/src/components/Select/Select.tsx", "syntaxKind": "PropertySignature", - "name": "focusable", - "value": "boolean", - "description": "Adds a tabIndex to scrollable when children are not focusable", + "name": "placeholder", + "value": "string", + "description": "Example text to display as placeholder", "isOptional": true }, { - "filePath": "polaris-react/src/components/Scrollable/Scrollable.tsx", - "syntaxKind": "MethodSignature", - "name": "onScrolledToBottom", - "value": "() => void", - "description": "Called when scrolled to the bottom of the scroll area", + "filePath": "polaris-react/src/components/Select/Select.tsx", + "syntaxKind": "PropertySignature", + "name": "id", + "value": "string", + "description": "ID for form input", "isOptional": true - } - ], - "value": "export interface ScrollableProps extends React.HTMLProps {\n /** Content to display in scrollable area */\n children?: React.ReactNode;\n /** Scroll content vertically\n * @default true\n * */\n vertical?: boolean;\n /** Scroll content horizontally\n * @default true\n * */\n horizontal?: boolean;\n /** Add a shadow when content is scrollable */\n shadow?: boolean;\n /** Slightly hints content upon mounting when scrollable */\n hint?: boolean;\n /** Adds a tabIndex to scrollable when children are not focusable */\n focusable?: boolean;\n /** Called when scrolled to the bottom of the scroll area */\n onScrolledToBottom?(): void;\n}" - } - }, - "SettingActionProps": { - "polaris-react/src/components/SettingAction/SettingAction.tsx": { - "filePath": "polaris-react/src/components/SettingAction/SettingAction.tsx", - "name": "SettingActionProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/SettingAction/SettingAction.tsx", + "filePath": "polaris-react/src/components/Select/Select.tsx", "syntaxKind": "PropertySignature", - "name": "action", - "value": "React.ReactNode", - "description": "", + "name": "name", + "value": "string", + "description": "Name for form input", "isOptional": true }, { - "filePath": "polaris-react/src/components/SettingAction/SettingAction.tsx", + "filePath": "polaris-react/src/components/Select/Select.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", + "name": "value", + "value": "string", + "description": "Value for form input", "isOptional": true - } - ], - "value": "export interface SettingActionProps {\n action?: React.ReactNode;\n children?: React.ReactNode;\n}" - } - }, - "SettingToggleProps": { - "polaris-react/src/components/SettingToggle/SettingToggle.tsx": { - "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", - "name": "SettingToggleProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", + "filePath": "polaris-react/src/components/Select/Select.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Inner content of the card", + "name": "error", + "value": "any", + "description": "Display an error state", "isOptional": true }, { - "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", - "syntaxKind": "PropertySignature", - "name": "action", - "value": "ComplexAction", - "description": "Card header actions", + "filePath": "polaris-react/src/components/Select/Select.tsx", + "syntaxKind": "MethodSignature", + "name": "onChange", + "value": "(selected: string, id: string) => void", + "description": "Callback when selection is changed", "isOptional": true }, { - "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", + "filePath": "polaris-react/src/components/Select/Select.tsx", + "syntaxKind": "MethodSignature", + "name": "onFocus", + "value": "() => void", + "description": "Callback when select is focused", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Select/Select.tsx", + "syntaxKind": "MethodSignature", + "name": "onBlur", + "value": "() => void", + "description": "Callback when focus is removed", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Select/Select.tsx", "syntaxKind": "PropertySignature", - "name": "enabled", + "name": "requiredIndicator", "value": "boolean", - "description": "Sets toggle state to activated or deactivated", + "description": "Visual required indicator, add an asterisk to label", "isOptional": true } ], - "value": "export interface SettingToggleProps {\n /** Inner content of the card */\n children?: React.ReactNode;\n /** Card header actions */\n action?: ComplexAction;\n /** Sets toggle state to activated or deactivated */\n enabled?: boolean;\n}" + "value": "export interface SelectProps {\n /** List of options or option groups to choose from */\n options?: (SelectOption | SelectGroup)[];\n /** Label for the select */\n label: React.ReactNode;\n /** Adds an action to the label */\n labelAction?: LabelledProps['action'];\n /** Visually hide the label */\n labelHidden?: boolean;\n /** Show the label to the left of the value, inside the control */\n labelInline?: boolean;\n /** Disable input */\n disabled?: boolean;\n /** Additional text to aide in use */\n helpText?: React.ReactNode;\n /** Example text to display as placeholder */\n placeholder?: string;\n /** ID for form input */\n id?: string;\n /** Name for form input */\n name?: string;\n /** Value for form input */\n value?: string;\n /** Display an error state */\n error?: Error | boolean;\n /** Callback when selection is changed */\n onChange?(selected: string, id: string): void;\n /** Callback when select is focused */\n onFocus?(): void;\n /** Callback when focus is removed */\n onBlur?(): void;\n /** Visual required indicator, add an asterisk to label */\n requiredIndicator?: boolean;\n}" } }, "AriaLive": { @@ -17646,23 +17716,64 @@ "value": "export interface SelectAllActionsProps {\n /** Visually hidden text for screen readers */\n accessibilityLabel?: string;\n /** Label for the bulk actions */\n label?: string;\n /** State of the bulk actions checkbox */\n selected?: boolean | 'indeterminate';\n /** List is in a selectable state */\n selectMode?: boolean;\n /** Text to select all across pages */\n paginatedSelectAllText?: string;\n /** Action for selecting all across pages */\n paginatedSelectAllAction?: Action;\n /** Disables bulk actions */\n disabled?: boolean;\n /** Callback when the select all checkbox is clicked */\n onToggleAll?(): void;\n}" } }, - "SkeletonBodyTextProps": { - "polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx": { - "filePath": "polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx", - "name": "SkeletonBodyTextProps", + "SettingActionProps": { + "polaris-react/src/components/SettingAction/SettingAction.tsx": { + "filePath": "polaris-react/src/components/SettingAction/SettingAction.tsx", + "name": "SettingActionProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx", + "filePath": "polaris-react/src/components/SettingAction/SettingAction.tsx", "syntaxKind": "PropertySignature", - "name": "lines", - "value": "number", - "description": "Number of lines to display", - "isOptional": true, - "defaultValue": "3" + "name": "action", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/SettingAction/SettingAction.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true } ], - "value": "export interface SkeletonBodyTextProps {\n /**\n * Number of lines to display\n * @default 3\n */\n lines?: number;\n}" + "value": "export interface SettingActionProps {\n action?: React.ReactNode;\n children?: React.ReactNode;\n}" + } + }, + "SettingToggleProps": { + "polaris-react/src/components/SettingToggle/SettingToggle.tsx": { + "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", + "name": "SettingToggleProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "Inner content of the card", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", + "syntaxKind": "PropertySignature", + "name": "action", + "value": "ComplexAction", + "description": "Card header actions", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/SettingToggle/SettingToggle.tsx", + "syntaxKind": "PropertySignature", + "name": "enabled", + "value": "boolean", + "description": "Sets toggle state to activated or deactivated", + "isOptional": true + } + ], + "value": "export interface SettingToggleProps {\n /** Inner content of the card */\n children?: React.ReactNode;\n /** Card header actions */\n action?: ComplexAction;\n /** Sets toggle state to activated or deactivated */\n enabled?: boolean;\n}" } }, "SheetProps": { @@ -17727,22 +17838,42 @@ "value": "export interface SheetProps {\n /** Whether or not the sheet is open */\n open: boolean;\n /** The child elements to render in the sheet */\n children: React.ReactNode;\n /** Callback when the backdrop is clicked or `ESC` is pressed */\n onClose(): void;\n /** Callback when the sheet has completed entering */\n onEntered?(): void;\n /** Callback when the sheet has started to exit */\n onExit?(): void;\n /** ARIA label for sheet */\n accessibilityLabel: string;\n /** The element or the RefObject that activates the Sheet */\n activator?: React.RefObject | React.ReactElement;\n}" } }, - "SkeletonTabsProps": { - "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx": { - "filePath": "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx", - "name": "SkeletonTabsProps", + "SkeletonBodyTextProps": { + "polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx": { + "filePath": "polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx", + "name": "SkeletonBodyTextProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx", + "filePath": "polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx", "syntaxKind": "PropertySignature", - "name": "count", + "name": "lines", "value": "number", - "description": "", - "isOptional": true + "description": "Number of lines to display", + "isOptional": true, + "defaultValue": "3" } ], - "value": "export interface SkeletonTabsProps {\n count?: number;\n}" + "value": "export interface SkeletonBodyTextProps {\n /**\n * Number of lines to display\n * @default 3\n */\n lines?: number;\n}" + } + }, + "SkeletonDisplayTextProps": { + "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx": { + "filePath": "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx", + "name": "SkeletonDisplayTextProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx", + "syntaxKind": "PropertySignature", + "name": "size", + "value": "Size", + "description": "Size of the text", + "isOptional": true, + "defaultValue": "'medium'" + } + ], + "value": "export interface SkeletonDisplayTextProps {\n /**\n * Size of the text\n * @default 'medium'\n */\n size?: Size;\n}" } }, "SkeletonPageProps": { @@ -17803,23 +17934,22 @@ "value": "export interface SkeletonPageProps {\n /** Page title, in large type */\n title?: string;\n /** Remove the normal max-width on the page */\n fullWidth?: boolean;\n /** Decreases the maximum layout width. Intended for single-column layouts */\n narrowWidth?: boolean;\n /** Shows a skeleton over the primary action */\n primaryAction?: boolean;\n /** Shows a skeleton over the breadcrumb */\n breadcrumbs?: boolean;\n /** The child elements to render in the skeleton page. */\n children?: React.ReactNode;\n}" } }, - "SkeletonDisplayTextProps": { - "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx": { - "filePath": "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx", - "name": "SkeletonDisplayTextProps", + "SkeletonTabsProps": { + "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx": { + "filePath": "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx", + "name": "SkeletonTabsProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx", + "filePath": "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx", "syntaxKind": "PropertySignature", - "name": "size", - "value": "Size", - "description": "Size of the text", - "isOptional": true, - "defaultValue": "'medium'" + "name": "count", + "value": "number", + "description": "", + "isOptional": true } ], - "value": "export interface SkeletonDisplayTextProps {\n /**\n * Size of the text\n * @default 'medium'\n */\n size?: Size;\n}" + "value": "export interface SkeletonTabsProps {\n count?: number;\n}" } }, "SkeletonThumbnailProps": { @@ -18609,28 +18739,11 @@ "syntaxKind": "PropertySignature", "name": "logoSuffix", "value": "React.ReactNode", - "description": "Accepts a component that is used to supplement the logo markup", - "isOptional": true - } - ], - "value": "export interface TopBarProps {\n /** Toggles whether or not a navigation component has been provided. Controls the presence of the mobile nav toggle button */\n showNavigationToggle?: boolean;\n /** Accepts a user component that is made available as a static member of the top bar component and renders as the primary menu */\n userMenu?: React.ReactNode;\n /** Accepts a menu component that is made available as a static member of the top bar component */\n secondaryMenu?: React.ReactNode;\n /** Accepts a component that is used to help users switch between different contexts */\n contextControl?: React.ReactNode;\n /** Accepts a search field component that is made available as a `TextField` static member of the top bar component */\n searchField?: React.ReactNode;\n /** Accepts a search results component that is ideally composed of a card component containing a list of actionable search results */\n searchResults?: React.ReactNode;\n /** A boolean property indicating whether search results are currently visible. */\n searchResultsVisible?: boolean;\n /** Whether or not the search results overlay has a visible backdrop */\n searchResultsOverlayVisible?: boolean;\n /** A callback function that handles the dismissal of search results */\n onSearchResultsDismiss?: SearchProps['onDismiss'];\n /** A callback function that handles hiding and showing mobile navigation */\n onNavigationToggle?(): void;\n /** Accepts a component that is used to supplement the logo markup */\n logoSuffix?: React.ReactNode;\n}" - } - }, - "TruncateProps": { - "polaris-react/src/components/Truncate/Truncate.tsx": { - "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", - "name": "TruncateProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "" + "description": "Accepts a component that is used to supplement the logo markup", + "isOptional": true } ], - "value": "export interface TruncateProps {\n children: React.ReactNode;\n}" + "value": "export interface TopBarProps {\n /** Toggles whether or not a navigation component has been provided. Controls the presence of the mobile nav toggle button */\n showNavigationToggle?: boolean;\n /** Accepts a user component that is made available as a static member of the top bar component and renders as the primary menu */\n userMenu?: React.ReactNode;\n /** Accepts a menu component that is made available as a static member of the top bar component */\n secondaryMenu?: React.ReactNode;\n /** Accepts a component that is used to help users switch between different contexts */\n contextControl?: React.ReactNode;\n /** Accepts a search field component that is made available as a `TextField` static member of the top bar component */\n searchField?: React.ReactNode;\n /** Accepts a search results component that is ideally composed of a card component containing a list of actionable search results */\n searchResults?: React.ReactNode;\n /** A boolean property indicating whether search results are currently visible. */\n searchResultsVisible?: boolean;\n /** Whether or not the search results overlay has a visible backdrop */\n searchResultsOverlayVisible?: boolean;\n /** A callback function that handles the dismissal of search results */\n onSearchResultsDismiss?: SearchProps['onDismiss'];\n /** A callback function that handles hiding and showing mobile navigation */\n onNavigationToggle?(): void;\n /** Accepts a component that is used to supplement the logo markup */\n logoSuffix?: React.ReactNode;\n}" } }, "TrapFocusProps": { @@ -18659,6 +18772,23 @@ "value": "export interface TrapFocusProps {\n trapping?: boolean;\n children?: React.ReactNode;\n}" } }, + "TruncateProps": { + "polaris-react/src/components/Truncate/Truncate.tsx": { + "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", + "name": "TruncateProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "" + } + ], + "value": "export interface TruncateProps {\n children: React.ReactNode;\n}" + } + }, "UnstyledButtonProps": { "polaris-react/src/components/UnstyledButton/UnstyledButton.tsx": { "filePath": "polaris-react/src/components/UnstyledButton/UnstyledButton.tsx", @@ -20115,7 +20245,7 @@ "filePath": "polaris-react/src/components/UnstyledLink/UnstyledLink.tsx", "syntaxKind": "PropertySignature", "name": "aria-autocomplete", - "value": "\"list\" | \"none\" | \"inline\" | \"both\"", + "value": "\"none\" | \"list\" | \"inline\" | \"both\"", "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.", "isOptional": true }, @@ -20203,7 +20333,7 @@ "filePath": "polaris-react/src/components/UnstyledLink/UnstyledLink.tsx", "syntaxKind": "PropertySignature", "name": "aria-dropeffect", - "value": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", + "value": "\"none\" | \"link\" | \"copy\" | \"execute\" | \"move\" | \"popup\"", "description": "Indicates what functions can be performed when a dragged object is released on the drop target.", "isOptional": true, "deprecationMessage": "in ARIA 1.1" @@ -20445,7 +20575,7 @@ "filePath": "polaris-react/src/components/UnstyledLink/UnstyledLink.tsx", "syntaxKind": "PropertySignature", "name": "aria-sort", - "value": "\"none\" | \"ascending\" | \"descending\" | \"other\"", + "value": "\"ascending\" | \"descending\" | \"none\" | \"other\"", "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", "isOptional": true }, @@ -22073,620 +22203,607 @@ "value": "export interface PortalsManager {\n container: PortalsContainerElement;\n}" } }, - "MeasuredActions": { - "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx": { - "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx", - "name": "MeasuredActions", + "ItemProps": { + "polaris-react/src/components/ActionList/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/ActionList/components/Item/Item.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "ItemProps", + "value": "ActionListItemDescriptor", + "description": "" + }, + "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx", + "name": "ItemProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx", - "syntaxKind": "PropertySignature", - "name": "showable", - "value": "MenuActionDescriptor[]", - "description": "" - }, - { - "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx", + "filePath": "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "rolledUp", - "value": "(MenuActionDescriptor | MenuGroupDescriptor)[]", + "name": "button", + "value": "React.ReactElement", "description": "" } ], - "value": "interface MeasuredActions {\n showable: MenuActionDescriptor[];\n rolledUp: (MenuActionDescriptor | MenuGroupDescriptor)[];\n}" - } - }, - "MenuGroupProps": { - "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx": { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", - "name": "MenuGroupProps", + "value": "export interface ItemProps {\n button: React.ReactElement;\n}" + }, + "polaris-react/src/components/Connected/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", + "name": "ItemProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Visually hidden menu description for screen readers", - "isOptional": true + "name": "position", + "value": "ItemPosition", + "description": "Position of the item" }, { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "active", - "value": "boolean", - "description": "Whether or not the menu is open", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "(openActions: () => void) => void", - "description": "Callback when the menu is clicked", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", - "syntaxKind": "MethodSignature", - "name": "onOpen", - "value": "(title: string) => void", - "description": "Callback for opening the MenuGroup by title" - }, - { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", - "syntaxKind": "MethodSignature", - "name": "onClose", - "value": "(title: string) => void", - "description": "Callback for closing the MenuGroup by title" - }, - { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", - "syntaxKind": "MethodSignature", - "name": "getOffsetWidth", - "value": "(width: number) => void", - "description": "Callback for getting the offsetWidth of the MenuGroup", + "name": "children", + "value": "React.ReactNode", + "description": "Item content", "isOptional": true - }, + } + ], + "value": "export interface ItemProps {\n /** Position of the item */\n position: ItemPosition;\n /** Item content */\n children?: React.ReactNode;\n}" + }, + "polaris-react/src/components/FormLayout/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/FormLayout/components/Item/Item.tsx", + "name": "ItemProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "filePath": "polaris-react/src/components/FormLayout/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "sections", - "value": "readonly ActionListSection[]", - "description": "Collection of sectioned action items", + "name": "children", + "value": "React.ReactNode", + "description": "", "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", - "syntaxKind": "PropertySignature", - "name": "title", - "value": "string", - "description": "Menu group title" - }, + } + ], + "value": "export interface ItemProps {\n children?: React.ReactNode;\n}" + }, + "polaris-react/src/components/List/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/List/components/Item/Item.tsx", + "name": "ItemProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "filePath": "polaris-react/src/components/List/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "actions", - "value": "ActionListItemDescriptor[]", - "description": "List of actions" - }, + "name": "children", + "value": "React.ReactNode", + "description": "Content to display inside the item", + "isOptional": true + } + ], + "value": "export interface ItemProps {\n /** Content to display inside the item */\n children?: React.ReactNode;\n}" + }, + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "ItemProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", "name": "icon", "value": "any", - "description": "Icon to display", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "details", - "value": "React.ReactNode", - "description": "Action details", + "name": "badge", + "value": "ReactNode", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "label", + "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", "name": "disabled", "value": "boolean", - "description": "Disables action button", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "index", - "value": "number", - "description": "Zero-indexed numerical position. Overrides the group's order in the menu.", + "name": "accessibilityLabel", + "value": "string", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "onActionAnyItem", - "value": "() => void", - "description": "Callback when any action takes place", + "name": "selected", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "badge", - "value": "{ status: \"new\"; content: string; }", + "name": "exactMatch", + "value": "boolean", "description": "", "isOptional": true - } - ], - "value": "export interface MenuGroupProps extends MenuGroupDescriptor {\n /** Visually hidden menu description for screen readers */\n accessibilityLabel?: string;\n /** Whether or not the menu is open */\n active?: boolean;\n /** Callback when the menu is clicked */\n onClick?(openActions: () => void): void;\n /** Callback for opening the MenuGroup by title */\n onOpen(title: string): void;\n /** Callback for closing the MenuGroup by title */\n onClose(title: string): void;\n /** Callback for getting the offsetWidth of the MenuGroup */\n getOffsetWidth?(width: number): void;\n /** Collection of sectioned action items */\n sections?: readonly ActionListSection[];\n}" - } - }, - "RollupActionsProps": { - "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx": { - "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", - "name": "RollupActionsProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Accessibilty label", + "name": "new", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "items", - "value": "ActionListItemDescriptor[]", - "description": "Collection of actions for the list", + "name": "subNavigationItems", + "value": "SubNavigationItem[]", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "sections", - "value": "ActionListSection[]", - "description": "Collection of sectioned action items", - "isOptional": true - } - ], - "value": "export interface RollupActionsProps {\n /** Accessibilty label */\n accessibilityLabel?: string;\n /** Collection of actions for the list */\n items?: ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: ActionListSection[];\n}" - } - }, - "SecondaryAction": { - "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx": { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "name": "SecondaryAction", - "description": "", - "members": [ + "name": "secondaryAction", + "value": "SecondaryAction", + "description": "", + "isOptional": true, + "deprecationMessage": "Use secondaryActions instead." + }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "helpText", - "value": "React.ReactNode", + "name": "secondaryActions", + "value": "SecondaryActions", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "syntaxKind": "MethodSignature", - "name": "onAction", - "value": "() => void", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "displayActionsOnHover", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "MethodSignature", - "name": "getOffsetWidth", - "value": "(width: number) => void", + "name": "onClick", + "value": "() => void", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "string | string[]", - "description": "The content to display inside the button", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "MethodSignature", + "name": "onToggleExpandedState", + "value": "() => void", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "primary", + "name": "expanded", "value": "boolean", - "description": "Provides extra visual weight and identifies the primary action in a set of buttons", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "destructive", + "name": "shouldResizeIcon", "value": "boolean", - "description": "Indicates a dangerous or potentially negative action", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "size", - "value": "\"medium\" | \"large\" | \"slim\"", - "description": "Changes the size of the button, giving it more or less padding", - "isOptional": true, - "defaultValue": "'medium'" + "name": "truncateText", + "value": "boolean", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "textAlign", - "value": "\"start\" | \"end\" | \"center\" | \"left\" | \"right\"", - "description": "Changes the inner text alignment of the button", + "name": "url", + "value": "string", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "outline", + "name": "matches", "value": "boolean", - "description": "Gives the button a subtle alternative to the default button styling, appropriate for certain backdrops", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "fullWidth", - "value": "boolean", - "description": "Allows the button to grow to the width of its container", + "name": "matchPaths", + "value": "string[]", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "disclosure", - "value": "boolean | \"up\" | \"down\" | \"select\"", - "description": "Displays the button with a disclosure icon. Defaults to `down` when set to true", + "name": "excludePaths", + "value": "string[]", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "plain", + "name": "external", "value": "boolean", - "description": "Renders a button that looks like a link", + "description": "", "isOptional": true - }, + } + ], + "value": "export interface ItemProps extends ItemURLDetails {\n icon?: IconProps['source'];\n badge?: ReactNode;\n label: string;\n disabled?: boolean;\n accessibilityLabel?: string;\n selected?: boolean;\n exactMatch?: boolean;\n new?: boolean;\n subNavigationItems?: SubNavigationItem[];\n /** @deprecated Use secondaryActions instead. */\n secondaryAction?: SecondaryAction;\n secondaryActions?: SecondaryActions;\n displayActionsOnHover?: boolean;\n onClick?(): void;\n onToggleExpandedState?(): void;\n expanded?: boolean;\n shouldResizeIcon?: boolean;\n truncateText?: boolean;\n}" + }, + "polaris-react/src/components/Stack/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", + "name": "ItemProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "monochrome", - "value": "boolean", - "description": "Makes `plain` and `outline` Button colors (text, borders, icons) the same as the current text color. Also adds an underline to `plain` Buttons", + "name": "children", + "value": "React.ReactNode", + "description": "Elements to display inside item", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "removeUnderline", + "name": "fill", "value": "boolean", - "description": "Removes underline from button text (including on interaction) when `monochrome` and `plain` are true", + "description": "Fill the remaining horizontal space in the stack with the item", "isOptional": true - }, + } + ], + "value": "export interface ItemProps {\n /** Elements to display inside item */\n children?: React.ReactNode;\n /** Fill the remaining horizontal space in the stack with the item */\n fill?: boolean;\n /**\n * @default false\n */\n}" + }, + "polaris-react/src/components/Tabs/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "name": "ItemProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "icon", - "value": "any", - "description": "Icon to display to the left of the button content", - "isOptional": true + "name": "id", + "value": "string", + "description": "" }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "connectedDisclosure", - "value": "ConnectedDisclosure", - "description": "Disclosure button connected right of the button. Toggles a popover action list.", - "isOptional": true + "name": "focused", + "value": "boolean", + "description": "" }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "dataPrimaryLink", - "value": "boolean", - "description": "Indicates whether or not the button is the primary navigation link when rendered inside of an `IndexTable.Row`", + "name": "panelID", + "value": "string", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "A unique identifier for the button", + "name": "children", + "value": "React.ReactNode", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", "syntaxKind": "PropertySignature", "name": "url", "value": "string", - "description": "A destination to link to, rendered in the href attribute of a link", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "external", - "value": "boolean", - "description": "Forces url to open in a new tab", + "name": "accessibilityLabel", + "value": "string", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "syntaxKind": "PropertySignature", - "name": "download", - "value": "string | boolean", - "description": "Tells the browser to download the url instead of opening it. Provides a hint for the downloaded filename if it is a string value", + "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", + "description": "", "isOptional": true - }, + } + ], + "value": "export interface ItemProps {\n id: string;\n focused: boolean;\n panelID?: string;\n children?: React.ReactNode;\n url?: string;\n accessibilityLabel?: string;\n onClick?(): void;\n}" + }, + "polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx", + "name": "ItemProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "submit", - "value": "boolean", - "description": "Allows the button to submit a form", + "name": "children", + "value": "React.ReactNode", + "description": "", "isOptional": true - }, + } + ], + "value": "interface ItemProps {\n children?: React.ReactNode;\n}" + } + }, + "SectionProps": { + "polaris-react/src/components/ActionList/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", + "name": "SectionProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "Disables the button, disallowing merchant interaction", - "isOptional": true + "name": "section", + "value": "ActionListSection", + "description": "Section of action items" }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "loading", + "name": "hasMultipleSections", "value": "boolean", - "description": "Replaces button text with a spinner while a background action is being performed", - "isOptional": true + "description": "Should there be multiple sections" }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "pressed", - "value": "boolean", - "description": "Sets the button in a pressed state", + "name": "actionRole", + "value": "string", + "description": "Defines a specific role attribute for each action in the list", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Visually hidden text for screen readers", + "name": "onActionAnyItem", + "value": "() => void", + "description": "Callback when any item is clicked or keypressed", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "role", - "value": "string", - "description": "A valid WAI-ARIA role to define the semantic value of this element", + "name": "isFirst", + "value": "boolean", + "description": "Whether it is the first in a group of sections", "isOptional": true - }, + } + ], + "value": "export interface SectionProps {\n /** Section of action items */\n section: ActionListSection;\n /** Should there be multiple sections */\n hasMultipleSections: boolean;\n /** Defines a specific role attribute for each action in the list */\n actionRole?: 'option' | 'menuitem' | string;\n /** Callback when any item is clicked or keypressed */\n onActionAnyItem?: ActionListItemDescriptor['onAction'];\n /** Whether it is the first in a group of sections */\n isFirst?: boolean;\n}" + }, + "polaris-react/src/components/Layout/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", + "name": "SectionProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "ariaControls", - "value": "string", - "description": "Id of the element the button controls", + "name": "children", + "value": "React.ReactNode", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "ariaExpanded", + "name": "secondary", "value": "boolean", - "description": "Tells screen reader the controlled element is expanded", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "ariaDescribedBy", - "value": "string", - "description": "Indicates the ID of the element that describes the button", + "name": "fullWidth", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "ariaChecked", - "value": "\"false\" | \"true\"", - "description": "Indicates the current checked state of the button when acting as a toggle or switch", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", - "description": "Callback when clicked", + "name": "oneHalf", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "syntaxKind": "MethodSignature", - "name": "onFocus", - "value": "() => void", - "description": "Callback when button becomes focussed", + "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "oneThird", + "value": "boolean", + "description": "", "isOptional": true - }, + } + ], + "value": "export interface SectionProps {\n children?: React.ReactNode;\n secondary?: boolean;\n fullWidth?: boolean;\n oneHalf?: boolean;\n oneThird?: boolean;\n}" + }, + "polaris-react/src/components/Listbox/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", + "name": "SectionProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "syntaxKind": "MethodSignature", - "name": "onBlur", - "value": "() => void", - "description": "Callback when focus leaves button", + "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "divider", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "syntaxKind": "MethodSignature", - "name": "onKeyPress", - "value": "(event: React.KeyboardEvent) => void", - "description": "Callback when a keypress event is registered on the button", + "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "ReactNode", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "syntaxKind": "MethodSignature", - "name": "onKeyUp", - "value": "(event: React.KeyboardEvent) => void", - "description": "Callback when a keyup event is registered on the button", - "isOptional": true - }, + "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "title", + "value": "ReactNode", + "description": "" + } + ], + "value": "interface SectionProps {\n divider?: boolean;\n children?: ReactNode;\n title: ReactNode;\n}" + }, + "polaris-react/src/components/Modal/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", + "name": "SectionProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "syntaxKind": "MethodSignature", - "name": "onKeyDown", - "value": "(event: React.KeyboardEvent) => void", - "description": "Callback when a keydown event is registered on the button", + "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "syntaxKind": "MethodSignature", - "name": "onMouseEnter", - "value": "() => void", - "description": "Callback when mouse enter", + "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "flush", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "syntaxKind": "MethodSignature", - "name": "onTouchStart", - "value": "() => void", - "description": "Callback when element is touched", + "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "subdued", + "value": "boolean", + "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", - "syntaxKind": "MethodSignature", - "name": "onPointerDown", - "value": "() => void", - "description": "Callback when pointerdown event is being triggered", + "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "titleHidden", + "value": "boolean", + "description": "", "isOptional": true } ], - "value": "interface SecondaryAction extends ButtonProps {\n helpText?: React.ReactNode;\n onAction?(): void;\n getOffsetWidth?(width: number): void;\n}" + "value": "export interface SectionProps {\n children?: React.ReactNode;\n flush?: boolean;\n subdued?: boolean;\n titleHidden?: boolean;\n}" }, - "polaris-react/src/components/Navigation/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "SecondaryAction", + "polaris-react/src/components/Navigation/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "name": "SectionProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", + "name": "items", + "value": "ItemProps[]", "description": "" }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", "syntaxKind": "PropertySignature", "name": "icon", "value": "any", - "description": "" + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "url", + "name": "title", "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "syntaxKind": "PropertySignature", + "name": "fill", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "tooltip", - "value": "TooltipProps", + "name": "rollup", + "value": "{ after: number; view: string; hide: string; activePath: string; }", "description": "", "isOptional": true - } - ], - "value": "interface SecondaryAction {\n accessibilityLabel: string;\n icon: IconProps['source'];\n url?: string;\n onClick?(): void;\n tooltip?: TooltipProps;\n}" - } - }, - "ItemProps": { - "polaris-react/src/components/ActionList/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/ActionList/components/Item/Item.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "ItemProps", - "value": "ActionListItemDescriptor", - "description": "" - }, - "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx", - "name": "ItemProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "button", - "value": "React.ReactElement", - "description": "" - } - ], - "value": "export interface ItemProps {\n button: React.ReactElement;\n}" - }, - "polaris-react/src/components/Connected/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", - "name": "ItemProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "position", - "value": "ItemPosition", - "description": "Position of the item" + "name": "action", + "value": "{ icon: any; accessibilityLabel: string; onClick(): void; tooltip?: TooltipProps; }", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Item content", + "name": "separator", + "value": "boolean", + "description": "", "isOptional": true } ], - "value": "export interface ItemProps {\n /** Position of the item */\n position: ItemPosition;\n /** Item content */\n children?: React.ReactNode;\n}" + "value": "export interface SectionProps {\n items: ItemProps[];\n icon?: IconProps['source'];\n title?: string;\n fill?: boolean;\n rollup?: {\n after: number;\n view: string;\n hide: string;\n activePath: string;\n };\n action?: {\n icon: IconProps['source'];\n accessibilityLabel: string;\n onClick(): void;\n tooltip?: TooltipProps;\n };\n separator?: boolean;\n}" }, - "polaris-react/src/components/FormLayout/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/FormLayout/components/Item/Item.tsx", - "name": "ItemProps", + "polaris-react/src/components/Popover/components/Section/Section.tsx": { + "filePath": "polaris-react/src/components/Popover/components/Section/Section.tsx", + "name": "SectionProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/FormLayout/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Popover/components/Section/Section.tsx", "syntaxKind": "PropertySignature", "name": "children", "value": "React.ReactNode", @@ -22694,555 +22811,568 @@ "isOptional": true } ], - "value": "export interface ItemProps {\n children?: React.ReactNode;\n}" - }, - "polaris-react/src/components/List/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/List/components/Item/Item.tsx", - "name": "ItemProps", + "value": "export interface SectionProps {\n children?: React.ReactNode;\n}" + } + }, + "MeasuredActions": { + "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx": { + "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx", + "name": "MeasuredActions", "description": "", "members": [ { - "filePath": "polaris-react/src/components/List/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx", + "syntaxKind": "PropertySignature", + "name": "showable", + "value": "MenuActionDescriptor[]", + "description": "" + }, + { + "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Content to display inside the item", - "isOptional": true + "name": "rolledUp", + "value": "(MenuActionDescriptor | MenuGroupDescriptor)[]", + "description": "" } ], - "value": "export interface ItemProps {\n /** Content to display inside the item */\n children?: React.ReactNode;\n}" - }, - "polaris-react/src/components/Navigation/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "ItemProps", + "value": "interface MeasuredActions {\n showable: MenuActionDescriptor[];\n rolledUp: (MenuActionDescriptor | MenuGroupDescriptor)[];\n}" + } + }, + "MenuGroupProps": { + "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx": { + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "name": "MenuGroupProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", "syntaxKind": "PropertySignature", - "name": "icon", - "value": "any", - "description": "", + "name": "accessibilityLabel", + "value": "string", + "description": "Visually hidden menu description for screen readers", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", "syntaxKind": "PropertySignature", - "name": "badge", - "value": "ReactNode", - "description": "", + "name": "active", + "value": "boolean", + "description": "Whether or not the menu is open", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "label", - "value": "string", - "description": "" + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "(openActions: () => void) => void", + "description": "Callback when the menu is clicked", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "syntaxKind": "MethodSignature", + "name": "onOpen", + "value": "(title: string) => void", + "description": "Callback for opening the MenuGroup by title" + }, + { + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "syntaxKind": "MethodSignature", + "name": "onClose", + "value": "(title: string) => void", + "description": "Callback for closing the MenuGroup by title" + }, + { + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "syntaxKind": "MethodSignature", + "name": "getOffsetWidth", + "value": "(width: number) => void", + "description": "Callback for getting the offsetWidth of the MenuGroup", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", "syntaxKind": "PropertySignature", - "name": "disabled", - "value": "boolean", - "description": "", + "name": "sections", + "value": "readonly ActionListSection[]", + "description": "Collection of sectioned action items", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", + "name": "title", "value": "string", - "description": "", - "isOptional": true + "description": "Menu group title" }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", "syntaxKind": "PropertySignature", - "name": "selected", - "value": "boolean", - "description": "", + "name": "actions", + "value": "ActionListItemDescriptor[]", + "description": "List of actions" + }, + { + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "icon", + "value": "any", + "description": "Icon to display", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", "syntaxKind": "PropertySignature", - "name": "exactMatch", - "value": "boolean", - "description": "", + "name": "details", + "value": "React.ReactNode", + "description": "Action details", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", "syntaxKind": "PropertySignature", - "name": "new", + "name": "disabled", "value": "boolean", - "description": "", + "description": "Disables action button", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", "syntaxKind": "PropertySignature", - "name": "subNavigationItems", - "value": "SubNavigationItem[]", - "description": "", + "name": "index", + "value": "number", + "description": "Zero-indexed numerical position. Overrides the group's order in the menu.", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", "syntaxKind": "PropertySignature", - "name": "secondaryAction", - "value": "SecondaryAction", - "description": "", - "isOptional": true, - "deprecationMessage": "Use secondaryActions instead." + "name": "onActionAnyItem", + "value": "() => void", + "description": "Callback when any action takes place", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", "syntaxKind": "PropertySignature", - "name": "secondaryActions", - "value": "SecondaryActions", + "name": "badge", + "value": "{ status: \"new\"; content: string; }", "description": "", "isOptional": true - }, + } + ], + "value": "export interface MenuGroupProps extends MenuGroupDescriptor {\n /** Visually hidden menu description for screen readers */\n accessibilityLabel?: string;\n /** Whether or not the menu is open */\n active?: boolean;\n /** Callback when the menu is clicked */\n onClick?(openActions: () => void): void;\n /** Callback for opening the MenuGroup by title */\n onOpen(title: string): void;\n /** Callback for closing the MenuGroup by title */\n onClose(title: string): void;\n /** Callback for getting the offsetWidth of the MenuGroup */\n getOffsetWidth?(width: number): void;\n /** Collection of sectioned action items */\n sections?: readonly ActionListSection[];\n}" + } + }, + "SecondaryAction": { + "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx": { + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "name": "SecondaryAction", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "displayActionsOnHover", - "value": "boolean", + "name": "helpText", + "value": "React.ReactNode", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "MethodSignature", - "name": "onClick", + "name": "onAction", "value": "() => void", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "MethodSignature", - "name": "onToggleExpandedState", - "value": "() => void", + "name": "getOffsetWidth", + "value": "(width: number) => void", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "expanded", - "value": "boolean", - "description": "", + "name": "children", + "value": "string | string[]", + "description": "The content to display inside the button", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "shouldResizeIcon", + "name": "primary", "value": "boolean", - "description": "", + "description": "Provides extra visual weight and identifies the primary action in a set of buttons", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "truncateText", + "name": "destructive", "value": "boolean", - "description": "", + "description": "Indicates a dangerous or potentially negative action", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "", + "name": "size", + "value": "\"medium\" | \"large\" | \"slim\"", + "description": "Changes the size of the button, giving it more or less padding", + "isOptional": true, + "defaultValue": "'medium'" + }, + { + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "syntaxKind": "PropertySignature", + "name": "textAlign", + "value": "\"start\" | \"end\" | \"center\" | \"left\" | \"right\"", + "description": "Changes the inner text alignment of the button", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "matches", + "name": "outline", "value": "boolean", - "description": "", + "description": "Gives the button a subtle alternative to the default button styling, appropriate for certain backdrops", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "matchPaths", - "value": "string[]", - "description": "", + "name": "fullWidth", + "value": "boolean", + "description": "Allows the button to grow to the width of its container", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "excludePaths", - "value": "string[]", - "description": "", + "name": "disclosure", + "value": "boolean | \"up\" | \"down\" | \"select\"", + "description": "Displays the button with a disclosure icon. Defaults to `down` when set to true", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "external", + "name": "plain", "value": "boolean", - "description": "", + "description": "Renders a button that looks like a link", "isOptional": true - } - ], - "value": "export interface ItemProps extends ItemURLDetails {\n icon?: IconProps['source'];\n badge?: ReactNode;\n label: string;\n disabled?: boolean;\n accessibilityLabel?: string;\n selected?: boolean;\n exactMatch?: boolean;\n new?: boolean;\n subNavigationItems?: SubNavigationItem[];\n /** @deprecated Use secondaryActions instead. */\n secondaryAction?: SecondaryAction;\n secondaryActions?: SecondaryActions;\n displayActionsOnHover?: boolean;\n onClick?(): void;\n onToggleExpandedState?(): void;\n expanded?: boolean;\n shouldResizeIcon?: boolean;\n truncateText?: boolean;\n}" - }, - "polaris-react/src/components/Tabs/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", - "name": "ItemProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "" + "name": "monochrome", + "value": "boolean", + "description": "Makes `plain` and `outline` Button colors (text, borders, icons) the same as the current text color. Also adds an underline to `plain` Buttons", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "focused", + "name": "removeUnderline", "value": "boolean", - "description": "" + "description": "Removes underline from button text (including on interaction) when `monochrome` and `plain` are true", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "panelID", - "value": "string", - "description": "", + "name": "icon", + "value": "any", + "description": "Icon to display to the left of the button content", "isOptional": true }, { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", + "name": "connectedDisclosure", + "value": "ConnectedDisclosure", + "description": "Disclosure button connected right of the button. Toggles a popover action list.", "isOptional": true }, { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "url", + "name": "dataPrimaryLink", + "value": "boolean", + "description": "Indicates whether or not the button is the primary navigation link when rendered inside of an `IndexTable.Row`", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "syntaxKind": "PropertySignature", + "name": "id", "value": "string", - "description": "", + "description": "A unique identifier for the button", "isOptional": true }, { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", + "name": "url", "value": "string", - "description": "", + "description": "A destination to link to, rendered in the href attribute of a link", "isOptional": true }, { - "filePath": "polaris-react/src/components/Tabs/components/Item/Item.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", - "description": "", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "syntaxKind": "PropertySignature", + "name": "external", + "value": "boolean", + "description": "Forces url to open in a new tab", "isOptional": true - } - ], - "value": "export interface ItemProps {\n id: string;\n focused: boolean;\n panelID?: string;\n children?: React.ReactNode;\n url?: string;\n accessibilityLabel?: string;\n onClick?(): void;\n}" - }, - "polaris-react/src/components/Stack/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", - "name": "ItemProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "Elements to display inside item", + "name": "download", + "value": "string | boolean", + "description": "Tells the browser to download the url instead of opening it. Provides a hint for the downloaded filename if it is a string value", "isOptional": true }, { - "filePath": "polaris-react/src/components/Stack/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "fill", + "name": "submit", "value": "boolean", - "description": "Fill the remaining horizontal space in the stack with the item", + "description": "Allows the button to submit a form", "isOptional": true - } - ], - "value": "export interface ItemProps {\n /** Elements to display inside item */\n children?: React.ReactNode;\n /** Fill the remaining horizontal space in the stack with the item */\n fill?: boolean;\n /**\n * @default false\n */\n}" - }, - "polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx", - "name": "ItemProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", + "name": "disabled", + "value": "boolean", + "description": "Disables the button, disallowing merchant interaction", "isOptional": true - } - ], - "value": "interface ItemProps {\n children?: React.ReactNode;\n}" - } - }, - "SectionProps": { - "polaris-react/src/components/ActionList/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", - "name": "SectionProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "section", - "value": "ActionListSection", - "description": "Section of action items" + "name": "loading", + "value": "boolean", + "description": "Replaces button text with a spinner while a background action is being performed", + "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "hasMultipleSections", + "name": "pressed", "value": "boolean", - "description": "Should there be multiple sections" + "description": "Sets the button in a pressed state", + "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "actionRole", + "name": "accessibilityLabel", "value": "string", - "description": "Defines a specific role attribute for each action in the list", + "description": "Visually hidden text for screen readers", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "onActionAnyItem", - "value": "() => void", - "description": "Callback when any item is clicked or keypressed", + "name": "role", + "value": "string", + "description": "A valid WAI-ARIA role to define the semantic value of this element", "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "isFirst", - "value": "boolean", - "description": "Whether it is the first in a group of sections", + "name": "ariaControls", + "value": "string", + "description": "Id of the element the button controls", "isOptional": true - } - ], - "value": "export interface SectionProps {\n /** Section of action items */\n section: ActionListSection;\n /** Should there be multiple sections */\n hasMultipleSections: boolean;\n /** Defines a specific role attribute for each action in the list */\n actionRole?: 'option' | 'menuitem' | string;\n /** Callback when any item is clicked or keypressed */\n onActionAnyItem?: ActionListItemDescriptor['onAction'];\n /** Whether it is the first in a group of sections */\n isFirst?: boolean;\n}" - }, - "polaris-react/src/components/Layout/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", - "name": "SectionProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", + "name": "ariaExpanded", + "value": "boolean", + "description": "Tells screen reader the controlled element is expanded", "isOptional": true }, { - "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "secondary", - "value": "boolean", - "description": "", + "name": "ariaDescribedBy", + "value": "string", + "description": "Indicates the ID of the element that describes the button", "isOptional": true }, { - "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", "syntaxKind": "PropertySignature", - "name": "fullWidth", - "value": "boolean", - "description": "", + "name": "ariaChecked", + "value": "\"false\" | \"true\"", + "description": "Indicates the current checked state of the button when acting as a toggle or switch", "isOptional": true }, { - "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "oneHalf", - "value": "boolean", - "description": "", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", + "description": "Callback when clicked", "isOptional": true }, { - "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "oneThird", - "value": "boolean", - "description": "", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "syntaxKind": "MethodSignature", + "name": "onFocus", + "value": "() => void", + "description": "Callback when button becomes focussed", "isOptional": true - } - ], - "value": "export interface SectionProps {\n children?: React.ReactNode;\n secondary?: boolean;\n fullWidth?: boolean;\n oneHalf?: boolean;\n oneThird?: boolean;\n}" - }, - "polaris-react/src/components/Listbox/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", - "name": "SectionProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "divider", - "value": "boolean", - "description": "", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "syntaxKind": "MethodSignature", + "name": "onBlur", + "value": "() => void", + "description": "Callback when focus leaves button", "isOptional": true }, { - "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "ReactNode", - "description": "", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "syntaxKind": "MethodSignature", + "name": "onKeyPress", + "value": "(event: React.KeyboardEvent) => void", + "description": "Callback when a keypress event is registered on the button", "isOptional": true }, { - "filePath": "polaris-react/src/components/Listbox/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "title", - "value": "ReactNode", - "description": "" - } - ], - "value": "interface SectionProps {\n divider?: boolean;\n children?: ReactNode;\n title: ReactNode;\n}" - }, - "polaris-react/src/components/Modal/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", - "name": "SectionProps", - "description": "", - "members": [ + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "syntaxKind": "MethodSignature", + "name": "onKeyUp", + "value": "(event: React.KeyboardEvent) => void", + "description": "Callback when a keyup event is registered on the button", + "isOptional": true + }, { - "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "syntaxKind": "MethodSignature", + "name": "onKeyDown", + "value": "(event: React.KeyboardEvent) => void", + "description": "Callback when a keydown event is registered on the button", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "flush", - "value": "boolean", - "description": "", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "syntaxKind": "MethodSignature", + "name": "onMouseEnter", + "value": "() => void", + "description": "Callback when mouse enter", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "subdued", - "value": "boolean", - "description": "", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "syntaxKind": "MethodSignature", + "name": "onTouchStart", + "value": "() => void", + "description": "Callback when element is touched", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "titleHidden", - "value": "boolean", - "description": "", + "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx", + "syntaxKind": "MethodSignature", + "name": "onPointerDown", + "value": "() => void", + "description": "Callback when pointerdown event is being triggered", "isOptional": true } ], - "value": "export interface SectionProps {\n children?: React.ReactNode;\n flush?: boolean;\n subdued?: boolean;\n titleHidden?: boolean;\n}" + "value": "interface SecondaryAction extends ButtonProps {\n helpText?: React.ReactNode;\n onAction?(): void;\n getOffsetWidth?(width: number): void;\n}" }, - "polaris-react/src/components/Navigation/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", - "name": "SectionProps", + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "SecondaryAction", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "items", - "value": "ItemProps[]", + "name": "accessibilityLabel", + "value": "string", "description": "" }, { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", "name": "icon", "value": "any", - "description": "", - "isOptional": true + "description": "" }, { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "title", + "name": "url", "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "fill", - "value": "boolean", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "rollup", - "value": "{ after: number; view: string; hide: string; activePath: string; }", + "name": "tooltip", + "value": "TooltipProps", "description": "", "isOptional": true - }, + } + ], + "value": "interface SecondaryAction {\n accessibilityLabel: string;\n icon: IconProps['source'];\n url?: string;\n onClick?(): void;\n tooltip?: TooltipProps;\n}" + } + }, + "RollupActionsProps": { + "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx": { + "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", + "name": "RollupActionsProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", "syntaxKind": "PropertySignature", - "name": "action", - "value": "{ icon: any; accessibilityLabel: string; onClick(): void; tooltip?: TooltipProps; }", - "description": "", + "name": "accessibilityLabel", + "value": "string", + "description": "Accessibilty label", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", "syntaxKind": "PropertySignature", - "name": "separator", - "value": "boolean", - "description": "", + "name": "items", + "value": "ActionListItemDescriptor[]", + "description": "Collection of actions for the list", "isOptional": true - } - ], - "value": "export interface SectionProps {\n items: ItemProps[];\n icon?: IconProps['source'];\n title?: string;\n fill?: boolean;\n rollup?: {\n after: number;\n view: string;\n hide: string;\n activePath: string;\n };\n action?: {\n icon: IconProps['source'];\n accessibilityLabel: string;\n onClick(): void;\n tooltip?: TooltipProps;\n };\n separator?: boolean;\n}" - }, - "polaris-react/src/components/Popover/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/Popover/components/Section/Section.tsx", - "name": "SectionProps", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/Popover/components/Section/Section.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", + "name": "sections", + "value": "ActionListSection[]", + "description": "Collection of sectioned action items", "isOptional": true } ], - "value": "export interface SectionProps {\n children?: React.ReactNode;\n}" + "value": "export interface RollupActionsProps {\n /** Accessibilty label */\n accessibilityLabel?: string;\n /** Collection of actions for the list */\n items?: ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: ActionListSection[];\n}" } }, "MappedAction": { @@ -23418,6 +23548,15 @@ "value": "interface MappedAction extends ActionListItemDescriptor {\n wrapOverflow?: boolean;\n}" } }, + "MappedOption": { + "polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx": { + "filePath": "polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "MappedOption", + "value": "ArrayElement & {\n selected: boolean;\n singleSelection: boolean;\n}", + "description": "" + } + }, "PipProps": { "polaris-react/src/components/Badge/components/Pip/Pip.tsx": { "filePath": "polaris-react/src/components/Badge/components/Pip/Pip.tsx", @@ -23762,6 +23901,15 @@ "value": "export interface SlidableProps {\n draggerX?: number;\n draggerY?: number;\n onChange(position: Position): void;\n onDraggerHeight?(height: number): void;\n}" } }, + "ItemPosition": { + "polaris-react/src/components/Connected/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "ItemPosition", + "value": "'left' | 'right' | 'primary'", + "description": "" + } + }, "CellProps": { "polaris-react/src/components/DataTable/components/Cell/Cell.tsx": { "filePath": "polaris-react/src/components/DataTable/components/Cell/Cell.tsx", @@ -23979,38 +24127,6 @@ ], "value": "export interface CellProps {\n content?: React.ReactNode;\n contentType?: string;\n nthColumn?: boolean;\n firstColumn?: boolean;\n truncate?: boolean;\n header?: boolean;\n total?: boolean;\n totalInFooter?: boolean;\n sorted?: boolean;\n sortable?: boolean;\n sortDirection?: SortDirection;\n defaultSortDirection?: SortDirection;\n verticalAlign?: VerticalAlign;\n onSort?(): void;\n colSpan?: number;\n setRef?: (ref: HTMLTableCellElement | null) => void;\n stickyHeadingCell?: boolean;\n stickyCellWidth?: number;\n hovered?: boolean;\n handleFocus?: FocusEventHandler;\n inFixedNthColumn?: boolean;\n hasFixedNthColumn?: boolean;\n fixedCellVisible?: boolean;\n firstColumnMinWidth?: string;\n style?: React.CSSProperties;\n lastFixedFirstColumn?: boolean;\n}" }, - "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx": { - "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", - "name": "CellProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", - "syntaxKind": "PropertySignature", - "name": "className", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", - "syntaxKind": "PropertySignature", - "name": "flush", - "value": "boolean", - "description": "", - "isOptional": true - } - ], - "value": "export interface CellProps {\n children?: ReactNode;\n className?: string;\n flush?: boolean;\n}" - }, "polaris-react/src/components/Grid/components/Cell/Cell.tsx": { "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx", "name": "CellProps", @@ -24058,46 +24174,38 @@ } ], "value": "export interface CellProps {\n area?: string;\n column?: Cell;\n columnSpan?: Columns;\n row?: Cell;\n children?: React.ReactNode;\n}" - } - }, - "ItemPosition": { - "polaris-react/src/components/Connected/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "ItemPosition", - "value": "'left' | 'right' | 'primary'", - "description": "" - } - }, - "WeekdayProps": { - "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx": { - "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", - "name": "WeekdayProps", + }, + "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx": { + "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", + "name": "CellProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", "syntaxKind": "PropertySignature", - "name": "label", - "value": "string", - "description": "" + "name": "children", + "value": "ReactNode", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", "syntaxKind": "PropertySignature", - "name": "title", + "name": "className", "value": "string", - "description": "" + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "filePath": "polaris-react/src/components/IndexTable/components/Cell/Cell.tsx", "syntaxKind": "PropertySignature", - "name": "current", + "name": "flush", "value": "boolean", - "description": "" + "description": "", + "isOptional": true } ], - "value": "export interface WeekdayProps {\n label: string;\n title: string;\n current: boolean;\n}" + "value": "export interface CellProps {\n children?: ReactNode;\n className?: string;\n flush?: boolean;\n}" } }, "DayProps": { @@ -24317,43 +24425,100 @@ { "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", "syntaxKind": "PropertySignature", - "name": "weekStartsOn", - "value": "number", + "name": "weekStartsOn", + "value": "number", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabelPrefixes", + "value": "[string, string]", + "description": "" + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "MethodSignature", + "name": "onChange", + "value": "(date: Range) => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "MethodSignature", + "name": "onHover", + "value": "(hoverEnd: Date) => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "syntaxKind": "MethodSignature", + "name": "onFocus", + "value": "(date: Date) => void", + "description": "", + "isOptional": true + } + ], + "value": "export interface MonthProps {\n focusedDate?: Date;\n selected?: Range;\n hoverDate?: Date;\n month: number;\n year: number;\n disableDatesBefore?: Date;\n disableDatesAfter?: Date;\n disableSpecificDates?: Date[];\n allowRange?: boolean;\n weekStartsOn: number;\n accessibilityLabelPrefixes: [string | undefined, string];\n onChange?(date: Range): void;\n onHover?(hoverEnd: Date): void;\n onFocus?(date: Date): void;\n}" + } + }, + "WeekdayProps": { + "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx": { + "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "name": "WeekdayProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "syntaxKind": "PropertySignature", + "name": "label", + "value": "string", "description": "" }, { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", + "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabelPrefixes", - "value": "[string, string]", + "name": "title", + "value": "string", "description": "" }, { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "MethodSignature", - "name": "onChange", - "value": "(date: Range) => void", - "description": "", - "isOptional": true - }, + "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx", + "syntaxKind": "PropertySignature", + "name": "current", + "value": "boolean", + "description": "" + } + ], + "value": "export interface WeekdayProps {\n label: string;\n title: string;\n current: boolean;\n}" + } + }, + "FileUploadProps": { + "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx": { + "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", + "name": "FileUploadProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "MethodSignature", - "name": "onHover", - "value": "(hoverEnd: Date) => void", + "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", + "syntaxKind": "PropertySignature", + "name": "actionTitle", + "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx", - "syntaxKind": "MethodSignature", - "name": "onFocus", - "value": "(date: Date) => void", + "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", + "syntaxKind": "PropertySignature", + "name": "actionHint", + "value": "string", "description": "", "isOptional": true } ], - "value": "export interface MonthProps {\n focusedDate?: Date;\n selected?: Range;\n hoverDate?: Date;\n month: number;\n year: number;\n disableDatesBefore?: Date;\n disableDatesAfter?: Date;\n disableSpecificDates?: Date[];\n allowRange?: boolean;\n weekStartsOn: number;\n accessibilityLabelPrefixes: [string | undefined, string];\n onChange?(date: Range): void;\n onHover?(hoverEnd: Date): void;\n onFocus?(date: Date): void;\n}" + "value": "export interface FileUploadProps {\n actionTitle?: string;\n actionHint?: string;\n}" } }, "PopoverableAction": { @@ -24537,32 +24702,6 @@ "value": "interface ComputedProperty {\n [key: string]: number;\n}" } }, - "FileUploadProps": { - "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx": { - "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", - "name": "FileUploadProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", - "syntaxKind": "PropertySignature", - "name": "actionTitle", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx", - "syntaxKind": "PropertySignature", - "name": "actionHint", - "value": "string", - "description": "", - "isOptional": true - } - ], - "value": "export interface FileUploadProps {\n actionTitle?: string;\n actionHint?: string;\n}" - } - }, "GroupProps": { "polaris-react/src/components/FormLayout/components/Group/Group.tsx": { "filePath": "polaris-react/src/components/FormLayout/components/Group/Group.tsx", @@ -24696,37 +24835,6 @@ "value": "interface CheckboxWrapperProps {\n children: ReactNode;\n}" } }, - "ScrollContainerProps": { - "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx": { - "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", - "name": "ScrollContainerProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "" - }, - { - "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", - "syntaxKind": "PropertySignature", - "name": "scrollableContainerRef", - "value": "React.RefObject", - "description": "" - }, - { - "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", - "syntaxKind": "MethodSignature", - "name": "onScroll", - "value": "(canScrollLeft: boolean, canScrollRight: boolean) => void", - "description": "" - } - ], - "value": "export interface ScrollContainerProps {\n children: React.ReactNode;\n scrollableContainerRef: React.RefObject;\n onScroll(canScrollLeft: boolean, canScrollRight: boolean): void;\n}" - } - }, "RowStatus": { "polaris-react/src/components/IndexTable/components/Row/Row.tsx": { "filePath": "polaris-react/src/components/IndexTable/components/Row/Row.tsx", @@ -24824,6 +24932,37 @@ "value": "export interface RowProps {\n children: React.ReactNode;\n id: string;\n selected?: boolean;\n position: number;\n subdued?: boolean;\n status?: RowStatus;\n disabled?: boolean;\n onNavigation?(id: string): void;\n onClick?(): void;\n}" } }, + "ScrollContainerProps": { + "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx": { + "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", + "name": "ScrollContainerProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "" + }, + { + "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", + "syntaxKind": "PropertySignature", + "name": "scrollableContainerRef", + "value": "React.RefObject", + "description": "" + }, + { + "filePath": "polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx", + "syntaxKind": "MethodSignature", + "name": "onScroll", + "value": "(canScrollLeft: boolean, canScrollRight: boolean) => void", + "description": "" + } + ], + "value": "export interface ScrollContainerProps {\n children: React.ReactNode;\n scrollableContainerRef: React.RefObject;\n onScroll(canScrollLeft: boolean, canScrollRight: boolean): void;\n}" + } + }, "AnnotatedSectionProps": { "polaris-react/src/components/Layout/components/AnnotatedSection/AnnotatedSection.tsx": { "filePath": "polaris-react/src/components/Layout/components/AnnotatedSection/AnnotatedSection.tsx", @@ -24966,6 +25105,24 @@ "value": "export interface LegacyCardSectionProps {\n title?: React.ReactNode;\n children?: React.ReactNode;\n subdued?: boolean;\n flush?: boolean;\n fullWidth?: boolean;\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n actions?: ComplexAction[];\n}" } }, + "LegacyCardSubsectionProps": { + "polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx": { + "filePath": "polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx", + "name": "LegacyCardSubsectionProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + } + ], + "value": "export interface LegacyCardSubsectionProps {\n children?: React.ReactNode;\n}" + } + }, "LegacyItemProps": { "polaris-react/src/components/LegacyStack/components/Item/Item.tsx": { "filePath": "polaris-react/src/components/LegacyStack/components/Item/Item.tsx", @@ -24992,24 +25149,6 @@ "value": "export interface LegacyItemProps {\n /** Elements to display inside item */\n children?: React.ReactNode;\n /** Fill the remaining horizontal space in the stack with the item */\n fill?: boolean;\n /**\n * @default false\n */\n}" } }, - "LegacyCardSubsectionProps": { - "polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx": { - "filePath": "polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx", - "name": "LegacyCardSubsectionProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - } - ], - "value": "export interface LegacyCardSubsectionProps {\n children?: React.ReactNode;\n}" - } - }, "ActionProps": { "polaris-react/src/components/Listbox/components/Action/Action.tsx": { "filePath": "polaris-react/src/components/Listbox/components/Action/Action.tsx", @@ -25167,9 +25306,9 @@ { "filePath": "polaris-react/src/components/Page/components/Header/Header.tsx", "syntaxKind": "PropertySignature", - "name": "breadcrumbs", - "value": "LinkAction | CallbackAction | (LinkAction | CallbackAction)[]", - "description": "Collection of breadcrumbs", + "name": "breadcrumb", + "value": "LinkAction | CallbackAction", + "description": "Breadcrumb link", "isOptional": true }, { @@ -25246,7 +25385,7 @@ "isOptional": true } ], - "value": "export interface HeaderProps extends TitleProps {\n /** Visually hide the title */\n titleHidden?: boolean;\n /** Primary page-level action */\n primaryAction?: PrimaryAction | React.ReactNode;\n /** Page-level pagination */\n pagination?: PaginationProps;\n /** Collection of breadcrumbs */\n breadcrumbs?: BreadcrumbsProps['breadcrumbs'];\n /** Collection of secondary page-level actions */\n secondaryActions?: MenuActionDescriptor[] | React.ReactNode;\n /** Collection of page-level groups of secondary actions */\n actionGroups?: MenuGroupDescriptor[];\n /** @deprecated Additional navigation markup */\n additionalNavigation?: React.ReactNode;\n // Additional meta data\n additionalMetadata?: React.ReactNode | string;\n /** Callback that returns true when secondary actions are rolled up into action groups, and false when not */\n onActionRollup?(hasRolledUp: boolean): void;\n}" + "value": "export interface HeaderProps extends TitleProps {\n /** Visually hide the title */\n titleHidden?: boolean;\n /** Primary page-level action */\n primaryAction?: PrimaryAction | React.ReactNode;\n /** Page-level pagination */\n pagination?: PaginationProps;\n /** Breadcrumb link */\n breadcrumb?: BreadcrumbsProps['breadcrumb'];\n /** Collection of secondary page-level actions */\n secondaryActions?: MenuActionDescriptor[] | React.ReactNode;\n /** Collection of page-level groups of secondary actions */\n actionGroups?: MenuGroupDescriptor[];\n /** @deprecated Additional navigation markup */\n additionalNavigation?: React.ReactNode;\n // Additional meta data\n additionalMetadata?: React.ReactNode | string;\n /** Callback that returns true when secondary actions are rolled up into action groups, and false when not */\n onActionRollup?(hasRolledUp: boolean): void;\n}" } }, "OptionProps": { @@ -25445,213 +25584,205 @@ "value": "export interface TextOptionProps {\n children: React.ReactNode;\n // Whether the option is selected\n selected?: boolean;\n // Whether the option is disabled\n disabled?: boolean;\n}" } }, - "ItemURLDetails": { - "polaris-react/src/components/Navigation/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "ItemURLDetails", + "CloseButtonProps": { + "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx": { + "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", + "name": "CloseButtonProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", "syntaxKind": "PropertySignature", - "name": "matches", + "name": "pressed", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", "syntaxKind": "PropertySignature", - "name": "exactMatch", + "name": "titleHidden", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "matchPaths", - "value": "string[]", - "description": "", - "isOptional": true - }, + "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", + "description": "" + } + ], + "value": "export interface CloseButtonProps {\n pressed?: boolean;\n titleHidden?: boolean;\n onClick(): void;\n}" + } + }, + "CSSTransitionProps": { + "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx": { + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "CSSTransitionProps", + "value": "React.ComponentProps", + "description": "" + } + }, + "DialogProps": { + "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx": { + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "name": "DialogProps", + "description": "", + "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "excludePaths", - "value": "string[]", + "name": "labelledBy", + "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "external", + "name": "instant", "value": "boolean", "description": "", "isOptional": true - } - ], - "value": "interface ItemURLDetails {\n url?: string;\n matches?: boolean;\n exactMatch?: boolean;\n matchPaths?: string[];\n excludePaths?: string[];\n external?: boolean;\n}" - } - }, - "SubNavigationItem": { - "polaris-react/src/components/Navigation/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "SubNavigationItem", - "description": "", - "members": [ + }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "" + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "label", - "value": "string", - "description": "" + "name": "limitHeight", + "value": "boolean", + "description": "", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "disabled", + "name": "large", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "new", + "name": "small", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "MethodSignature", - "name": "onClick", + "name": "onClose", "value": "() => void", - "description": "", - "isOptional": true + "description": "" }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "matches", - "value": "boolean", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "syntaxKind": "MethodSignature", + "name": "onEntered", + "value": "() => void", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "exactMatch", - "value": "boolean", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "syntaxKind": "MethodSignature", + "name": "onExited", + "value": "() => void", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "matchPaths", - "value": "string[]", + "name": "in", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "excludePaths", - "value": "string[]", + "name": "fullScreen", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", "syntaxKind": "PropertySignature", - "name": "external", - "value": "boolean", + "name": "setClosing", + "value": "Dispatch>", "description": "", "isOptional": true } ], - "value": "export interface SubNavigationItem extends ItemURLDetails {\n url: string;\n label: string;\n disabled?: boolean;\n new?: boolean;\n onClick?(): void;\n}" - } - }, - "SecondaryActions": { - "polaris-react/src/components/Navigation/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "SecondaryActions", - "value": "[SecondaryAction] | [SecondaryAction, SecondaryAction]", - "description": "" + "value": "export interface DialogProps {\n labelledBy?: string;\n instant?: boolean;\n children?: React.ReactNode;\n limitHeight?: boolean;\n large?: boolean;\n small?: boolean;\n onClose(): void;\n onEntered?(): void;\n onExited?(): void;\n in?: boolean;\n fullScreen?: boolean;\n setClosing?: Dispatch>;\n}" } }, - "MatchState": { - "polaris-react/src/components/Navigation/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "EnumDeclaration", - "name": "MatchState", - "value": "enum MatchState {\n MatchForced,\n MatchUrl,\n MatchPaths,\n Excluded,\n NoMatch,\n}", + "FooterProps": { + "polaris-react/src/components/Modal/components/Footer/Footer.tsx": { + "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", + "name": "FooterProps", + "description": "", "members": [ { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "MatchForced", - "value": 0 - }, - { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "MatchUrl", - "value": 1 - }, - { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "MatchPaths", - "value": 2 + "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", + "syntaxKind": "PropertySignature", + "name": "primaryAction", + "value": "ComplexAction", + "description": "Primary action", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "Excluded", - "value": 3 + "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", + "syntaxKind": "PropertySignature", + "name": "secondaryActions", + "value": "ComplexAction[]", + "description": "Collection of secondary actions", + "isOptional": true }, { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "NoMatch", - "value": 4 + "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "The content to display inside modal", + "isOptional": true } - ] + ], + "value": "export interface FooterProps {\n /** Primary action */\n primaryAction?: ComplexAction;\n /** Collection of secondary actions */\n secondaryActions?: ComplexAction[];\n /** The content to display inside modal */\n children?: React.ReactNode;\n}" } }, - "ItemSecondaryActionProps": { + "ItemURLDetails": { "polaris-react/src/components/Navigation/components/Item/Item.tsx": { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "name": "ItemSecondaryActionProps", + "name": "ItemURLDetails", "description": "", "members": [ { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "tabIndex", - "value": "number", - "description": "" + "name": "url", + "value": "string", + "description": "", + "isOptional": true }, { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "disabled", + "name": "matches", "value": "boolean", "description": "", "isOptional": true @@ -25659,224 +25790,232 @@ { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "icon", - "value": "any", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", + "name": "exactMatch", + "value": "boolean", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", + "syntaxKind": "PropertySignature", + "name": "matchPaths", + "value": "string[]", "description": "", "isOptional": true }, { "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "tooltip", - "value": "TooltipProps", - "description": "", - "isOptional": true - } - ], - "value": "interface ItemSecondaryActionProps extends SecondaryAction {\n tabIndex: number;\n disabled?: boolean;\n}" - } - }, - "CloseButtonProps": { - "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx": { - "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", - "name": "CloseButtonProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", - "syntaxKind": "PropertySignature", - "name": "pressed", - "value": "boolean", + "name": "excludePaths", + "value": "string[]", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "titleHidden", + "name": "external", "value": "boolean", "description": "", "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", - "description": "" } ], - "value": "export interface CloseButtonProps {\n pressed?: boolean;\n titleHidden?: boolean;\n onClick(): void;\n}" + "value": "interface ItemURLDetails {\n url?: string;\n matches?: boolean;\n exactMatch?: boolean;\n matchPaths?: string[];\n excludePaths?: string[];\n external?: boolean;\n}" } }, - "FooterProps": { - "polaris-react/src/components/Modal/components/Footer/Footer.tsx": { - "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", - "name": "FooterProps", + "SubNavigationItem": { + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "SubNavigationItem", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "primaryAction", - "value": "ComplexAction", - "description": "Primary action", - "isOptional": true + "name": "url", + "value": "string", + "description": "" }, { - "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "secondaryActions", - "value": "ComplexAction[]", - "description": "Collection of secondary actions", - "isOptional": true + "name": "label", + "value": "string", + "description": "" }, { - "filePath": "polaris-react/src/components/Modal/components/Footer/Footer.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "The content to display inside modal", - "isOptional": true - } - ], - "value": "export interface FooterProps {\n /** Primary action */\n primaryAction?: ComplexAction;\n /** Collection of secondary actions */\n secondaryActions?: ComplexAction[];\n /** The content to display inside modal */\n children?: React.ReactNode;\n}" - } - }, - "CSSTransitionProps": { - "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx": { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "CSSTransitionProps", - "value": "React.ComponentProps", - "description": "" - } - }, - "DialogProps": { - "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx": { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", - "name": "DialogProps", - "description": "", - "members": [ + "name": "disabled", + "value": "boolean", + "description": "", + "isOptional": true + }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "labelledBy", - "value": "string", + "name": "new", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "instant", + "name": "matches", "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", + "name": "exactMatch", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "limitHeight", - "value": "boolean", + "name": "matchPaths", + "value": "string[]", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "large", - "value": "boolean", + "name": "excludePaths", + "value": "string[]", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "small", + "name": "external", "value": "boolean", "description": "", "isOptional": true + } + ], + "value": "export interface SubNavigationItem extends ItemURLDetails {\n url: string;\n label: string;\n disabled?: boolean;\n new?: boolean;\n onClick?(): void;\n}" + } + }, + "SecondaryActions": { + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "SecondaryActions", + "value": "[SecondaryAction] | [SecondaryAction, SecondaryAction]", + "description": "" + } + }, + "MatchState": { + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "EnumDeclaration", + "name": "MatchState", + "value": "enum MatchState {\n MatchForced,\n MatchUrl,\n MatchPaths,\n Excluded,\n NoMatch,\n}", + "members": [ + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "MatchForced", + "value": 0 }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", - "syntaxKind": "MethodSignature", - "name": "onClose", - "value": "() => void", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "MatchUrl", + "value": 1 + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "MatchPaths", + "value": 2 + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "Excluded", + "value": 3 + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "NoMatch", + "value": 4 + } + ] + } + }, + "ItemSecondaryActionProps": { + "polaris-react/src/components/Navigation/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "name": "ItemSecondaryActionProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "tabIndex", + "value": "number", "description": "" }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", - "syntaxKind": "MethodSignature", - "name": "onEntered", - "value": "() => void", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "disabled", + "value": "boolean", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", - "syntaxKind": "MethodSignature", - "name": "onExited", - "value": "() => void", - "description": "", - "isOptional": true + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "" }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "in", - "value": "boolean", + "name": "icon", + "value": "any", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "url", + "value": "string", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", - "syntaxKind": "PropertySignature", - "name": "fullScreen", - "value": "boolean", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", "description": "", "isOptional": true }, { - "filePath": "polaris-react/src/components/Modal/components/Dialog/Dialog.tsx", + "filePath": "polaris-react/src/components/Navigation/components/Item/Item.tsx", "syntaxKind": "PropertySignature", - "name": "setClosing", - "value": "Dispatch>", + "name": "tooltip", + "value": "TooltipProps", "description": "", "isOptional": true } ], - "value": "export interface DialogProps {\n labelledBy?: string;\n instant?: boolean;\n children?: React.ReactNode;\n limitHeight?: boolean;\n large?: boolean;\n small?: boolean;\n onClose(): void;\n onEntered?(): void;\n onExited?(): void;\n in?: boolean;\n fullScreen?: boolean;\n setClosing?: Dispatch>;\n}" + "value": "interface ItemSecondaryActionProps extends SecondaryAction {\n tabIndex: number;\n disabled?: boolean;\n}" } }, "PrimaryAction": { @@ -26700,47 +26839,6 @@ "value": "export interface TabProps {\n id: string;\n focused?: boolean;\n siblingTabHasFocus?: boolean;\n selected?: boolean;\n panelID?: string;\n children?: React.ReactNode;\n url?: string;\n measuring?: boolean;\n accessibilityLabel?: string;\n onClick?(id: string): void;\n}" } }, - "ResizerProps": { - "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx": { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "name": "ResizerProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "syntaxKind": "PropertySignature", - "name": "contents", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "syntaxKind": "PropertySignature", - "name": "currentHeight", - "value": "number", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "syntaxKind": "PropertySignature", - "name": "minimumLines", - "value": "number", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "syntaxKind": "MethodSignature", - "name": "onHeightChange", - "value": "(height: number) => void", - "description": "" - } - ], - "value": "export interface ResizerProps {\n contents?: string;\n currentHeight?: number | null;\n minimumLines?: number;\n onHeightChange(height: number): void;\n}" - } - }, "TabMeasurements": { "polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx": { "filePath": "polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx", @@ -27236,6 +27334,37 @@ "value": "export interface UserMenuProps {\n /** An array of action objects that are rendered inside of a popover triggered by this menu */\n actions: {items: IconableAction[]}[];\n /** Accepts a message that facilitates direct, urgent communication with the merchant through the user menu */\n message?: MenuProps['message'];\n /** A string detailing the merchant’s full name to be displayed in the user menu */\n name: string;\n /** A string allowing further detail on the merchant’s name displayed in the user menu */\n detail?: string;\n /** A string that provides the accessibility labeling */\n accessibilityLabel?: string;\n /** The merchant’s initials, rendered in place of an avatar image when not provided */\n initials: AvatarProps['initials'];\n /** An avatar image representing the merchant */\n avatar?: AvatarProps['source'];\n /** A boolean property indicating whether the user menu is currently open */\n open: boolean;\n /** A callback function to handle opening and closing the user menu */\n onToggle(): void;\n}" } }, + "DiscardConfirmationModalProps": { + "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx": { + "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "name": "DiscardConfirmationModalProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "syntaxKind": "PropertySignature", + "name": "open", + "value": "boolean", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "syntaxKind": "MethodSignature", + "name": "onDiscard", + "value": "() => void", + "description": "" + }, + { + "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", + "syntaxKind": "MethodSignature", + "name": "onCancel", + "value": "() => void", + "description": "" + } + ], + "value": "export interface DiscardConfirmationModalProps {\n open: boolean;\n onDiscard(): void;\n onCancel(): void;\n}" + } + }, "SecondaryProps": { "polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx": { "filePath": "polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx", @@ -27269,37 +27398,6 @@ "value": "interface SecondaryProps {\n expanded: boolean;\n children?: React.ReactNode;\n id?: string;\n}" } }, - "DiscardConfirmationModalProps": { - "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx": { - "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", - "name": "DiscardConfirmationModalProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", - "syntaxKind": "PropertySignature", - "name": "open", - "value": "boolean", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", - "syntaxKind": "MethodSignature", - "name": "onDiscard", - "value": "() => void", - "description": "" - }, - { - "filePath": "polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx", - "syntaxKind": "MethodSignature", - "name": "onCancel", - "value": "() => void", - "description": "" - } - ], - "value": "export interface DiscardConfirmationModalProps {\n open: boolean;\n onDiscard(): void;\n onCancel(): void;\n}" - } - }, "TitleProps": { "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx": { "filePath": "polaris-react/src/components/Page/components/Header/components/Title/Title.tsx", @@ -27388,4 +27486,4 @@ "value": "export interface MessageProps {\n title: string;\n description: string;\n action: {onClick(): void; content: string};\n link: {to: string; content: string};\n badge?: {content: string; status: BadgeProps['status']};\n}" } } -} +} \ No newline at end of file From 5985838a4f5423d6650b15ac106203943f54dd5f Mon Sep 17 00:00:00 2001 From: Lo Kim Date: Wed, 22 Feb 2023 17:16:13 -0500 Subject: [PATCH 23/43] [Layout foundations] Replace Card with AlphaCard (#8468) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### WHY are these changes introduced? Resolves #8458, #8101, and #8376. Replaces `Card` with `AlphaCard`. ### WHAT is this pull request doing? - Replace Card with AlphaCard in polaris-react - Removes Card and examples in polaris.shopify.com - Updates any card links in style guide (links to content specifically in the `card.md` file was updated to point to `legacy-card.md`) - Removes temporary support for `Polaris-Card` class overrides in `LegacyCard` ### How to 🎩 πŸ–₯ [Local development instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development) πŸ—’ [General tophatting guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md) πŸ“„ [Changelog guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog) ### 🎩 checklist - [ ] Tested on [mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing) - [ ] Tested on [multiple browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers) - [ ] Tested for [accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md) - [ ] Updated the component's `README.md` with documentation changes - [x] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide --- .changeset/six-jokes-drum.md | 6 + .../AccountConnection/AccountConnection.tsx | 6 +- .../AlphaCard/AlphaCard.stories.tsx | 112 - .../src/components/AlphaCard/AlphaCard.tsx | 62 - .../src/components/AlphaCard/index.ts | 1 - .../AlphaCard/tests/AlphaCard.test.tsx | 46 - .../src/components/Bleed/Bleed.stories.tsx | 6 +- polaris-react/src/components/Card/Card.scss | 168 -- .../src/components/Card/Card.stories.tsx | 430 +--- polaris-react/src/components/Card/Card.tsx | 189 +- .../Card/components/Header/Header.tsx | 49 - .../Card/components/Header/index.ts | 1 - .../components/Header/tests/Header.test.tsx | 75 - .../Card/components/Section/Section.tsx | 80 - .../Card/components/Section/index.ts | 1 - .../components/Section/tests/Section.test.tsx | 90 - .../Card/components/Subsection/Subsection.tsx | 19 - .../Card/components/Subsection/index.ts | 1 - .../Subsection/tests/Subsection.test.tsx | 16 - .../src/components/Card/components/index.ts | 5 - .../src/components/Card/tests/Card.test.tsx | 250 +-- .../src/components/LegacyCard/LegacyCard.scss | 8 - polaris-react/src/index.ts | 10 +- .../content/components/deprecated/card.md | 237 -- .../content/components/deprecated/heading.md | 2 +- .../components/feedback-indicators/banner.md | 2 +- .../feedback-indicators/skeleton-body-text.md | 2 +- .../components/layout-and-structure/box.md | 2 +- .../layout-and-structure/callout-card.md | 2 +- .../{alpha-card.md => card.md} | 10 +- .../components/layout-and-structure/layout.md | 4 +- .../layout-and-structure/media-card.md | 2 +- .../components/utilities/collapsible.md | 2 +- .../components/utilities/scrollable.md | 2 +- .../content/patterns/page-layouts.md | 6 +- polaris.shopify.com/next.config.js | 10 +- .../alpha-card-with-subdued-background.tsx | 15 - .../pages/examples/card-default.tsx | 8 +- .../examples/card-with-a-subdued-section.tsx | 24 - .../pages/examples/card-with-all-elements.tsx | 96 - .../card-with-custom-footer-actions.tsx | 27 - .../card-with-custom-react-node-title.tsx | 28 - .../examples/card-with-destructive-action.tsx | 21 - .../card-with-destructive-footer-action.tsx | 22 - .../examples/card-with-flushed-sections.tsx | 25 - .../examples/card-with-footer-actions.tsx | 22 - .../examples/card-with-header-actions.tsx | 16 - .../card-with-multiple-footer-actions.tsx | 25 - .../examples/card-with-multiple-sections.tsx | 21 - .../card-with-multiple-titled-sections.tsx | 21 - ...ault.tsx => card-with-rounded-corners.tsx} | 10 +- .../card-with-sections-and-actions.tsx | 18 - .../examples/card-with-separate-header.tsx | 38 - ...s.tsx => card-with-subdued-background.tsx} | 10 +- ...ard-with-subdued-for-secondary-content.tsx | 16 - .../pages/examples/card-with-subsection.tsx | 36 - ...ding.tsx => card-with-varying-padding.tsx} | 22 +- .../layout-and-structure/alpha-card.png | Bin 16995 -> 0 bytes .../card.png | Bin polaris.shopify.com/src/data/props.json | 1994 ++++++++--------- 60 files changed, 1095 insertions(+), 3334 deletions(-) create mode 100644 .changeset/six-jokes-drum.md delete mode 100644 polaris-react/src/components/AlphaCard/AlphaCard.stories.tsx delete mode 100644 polaris-react/src/components/AlphaCard/AlphaCard.tsx delete mode 100644 polaris-react/src/components/AlphaCard/index.ts delete mode 100644 polaris-react/src/components/AlphaCard/tests/AlphaCard.test.tsx delete mode 100644 polaris-react/src/components/Card/Card.scss delete mode 100644 polaris-react/src/components/Card/components/Header/Header.tsx delete mode 100644 polaris-react/src/components/Card/components/Header/index.ts delete mode 100644 polaris-react/src/components/Card/components/Header/tests/Header.test.tsx delete mode 100644 polaris-react/src/components/Card/components/Section/Section.tsx delete mode 100644 polaris-react/src/components/Card/components/Section/index.ts delete mode 100644 polaris-react/src/components/Card/components/Section/tests/Section.test.tsx delete mode 100644 polaris-react/src/components/Card/components/Subsection/Subsection.tsx delete mode 100644 polaris-react/src/components/Card/components/Subsection/index.ts delete mode 100644 polaris-react/src/components/Card/components/Subsection/tests/Subsection.test.tsx delete mode 100644 polaris-react/src/components/Card/components/index.ts delete mode 100644 polaris.shopify.com/content/components/deprecated/card.md rename polaris.shopify.com/content/components/layout-and-structure/{alpha-card.md => card.md} (89%) delete mode 100644 polaris.shopify.com/pages/examples/alpha-card-with-subdued-background.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-a-subdued-section.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-all-elements.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-custom-footer-actions.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-custom-react-node-title.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-destructive-action.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-destructive-footer-action.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-flushed-sections.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-footer-actions.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-header-actions.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-multiple-footer-actions.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-multiple-sections.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-multiple-titled-sections.tsx rename polaris.shopify.com/pages/examples/{alpha-card-default.tsx => card-with-rounded-corners.tsx} (55%) delete mode 100644 polaris.shopify.com/pages/examples/card-with-sections-and-actions.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-separate-header.tsx rename polaris.shopify.com/pages/examples/{alpha-card-with-rounded-corners.tsx => card-with-subdued-background.tsx} (53%) delete mode 100644 polaris.shopify.com/pages/examples/card-with-subdued-for-secondary-content.tsx delete mode 100644 polaris.shopify.com/pages/examples/card-with-subsection.tsx rename polaris.shopify.com/pages/examples/{alpha-card-with-varying-padding.tsx => card-with-varying-padding.tsx} (70%) delete mode 100644 polaris.shopify.com/public/images/components/layout-and-structure/alpha-card.png rename polaris.shopify.com/public/images/components/{deprecated => layout-and-structure}/card.png (100%) diff --git a/.changeset/six-jokes-drum.md b/.changeset/six-jokes-drum.md new file mode 100644 index 00000000000..44ceb0da8fb --- /dev/null +++ b/.changeset/six-jokes-drum.md @@ -0,0 +1,6 @@ +--- +'@shopify/polaris': major +'polaris.shopify.com': minor +--- + +Replaced `Card` with `AlphaCard` diff --git a/polaris-react/src/components/AccountConnection/AccountConnection.tsx b/polaris-react/src/components/AccountConnection/AccountConnection.tsx index 2cceb7f2ff0..d9320509f46 100644 --- a/polaris-react/src/components/AccountConnection/AccountConnection.tsx +++ b/polaris-react/src/components/AccountConnection/AccountConnection.tsx @@ -4,7 +4,7 @@ import type {Action} from '../../types'; import {Avatar} from '../Avatar'; import {buttonFrom} from '../Button'; import {SettingAction} from '../SettingAction'; -import {AlphaCard} from '../AlphaCard'; +import {Card} from '../Card'; import {Box} from '../Box'; import {Inline} from '../Inline'; import {Text} from '../Text'; @@ -69,7 +69,7 @@ export function AccountConnection({ : null; return ( - + {avatarMarkup} @@ -80,6 +80,6 @@ export function AccountConnection({ {termsOfServiceMarkup} - + ); } diff --git a/polaris-react/src/components/AlphaCard/AlphaCard.stories.tsx b/polaris-react/src/components/AlphaCard/AlphaCard.stories.tsx deleted file mode 100644 index d0e3953b5ba..00000000000 --- a/polaris-react/src/components/AlphaCard/AlphaCard.stories.tsx +++ /dev/null @@ -1,112 +0,0 @@ -import React from 'react'; -import type {ComponentMeta} from '@storybook/react'; -import { - AlphaCard, - AlphaStack, - Bleed, - Box, - Divider, - List, - Text, -} from '@shopify/polaris'; - -export default { - component: AlphaCard, -} as ComponentMeta; - -export function Default() { - return ( - - - - Online store dashboard - - - View a summary of your online store’s performance. - - - - ); -} - -export function WithBackgroundSubdued() { - return ( - - - - Online store dashboard - - - View a summary of your online store’s performance. - - - - ); -} - -export function WithBorderRadiusRoundedAbove() { - return ( - - - - Online store dashboard - - - View a summary of your online store’s performance. - - - - ); -} - -export function WithResponsivePadding() { - return ( - - - - Online store dashboard - - - View a summary of your online store’s performance. - - - - ); -} - -export function WithSubduedSection() { - return ( - - - - Staff accounts - - - - Felix Crafford - Ezequiel Manno - - - - - - - - - Deactivated staff accounts - - - Felix Crafford - Ezequiel Manno - - - - - - ); -} diff --git a/polaris-react/src/components/AlphaCard/AlphaCard.tsx b/polaris-react/src/components/AlphaCard/AlphaCard.tsx deleted file mode 100644 index a4a76379985..00000000000 --- a/polaris-react/src/components/AlphaCard/AlphaCard.tsx +++ /dev/null @@ -1,62 +0,0 @@ -import type { - BreakpointsAlias, - ColorsTokenName, - ShapeBorderRadiusScale, - SpacingSpaceScale, -} from '@shopify/polaris-tokens'; -import React from 'react'; - -import {useBreakpoints} from '../../utilities/breakpoints'; -import type {ResponsiveProp} from '../../utilities/css'; -import {Box} from '../Box'; - -type CardBackgroundColorTokenScale = Extract< - ColorsTokenName, - 'surface' | 'surface-subdued' ->; - -type Spacing = ResponsiveProp; - -export interface AlphaCardProps { - children?: React.ReactNode; - /** Background color - * @default 'surface' - */ - background?: CardBackgroundColorTokenScale; - /** The spacing around the card - * @default {xs: '4', sm: '5'} - * @example - * padding='4' - * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}} - */ - padding?: Spacing; - /** Border radius value above a set breakpoint */ - roundedAbove?: BreakpointsAlias; -} - -export const AlphaCard = ({ - children, - background = 'surface', - padding = {xs: '4', sm: '5'}, - roundedAbove, -}: AlphaCardProps) => { - const breakpoints = useBreakpoints(); - const defaultBorderRadius = '2' as ShapeBorderRadiusScale; - - let hasBorderRadius = !roundedAbove; - - if (roundedAbove && breakpoints[`${roundedAbove}Up`]) { - hasBorderRadius = true; - } - - return ( - - {children} - - ); -}; diff --git a/polaris-react/src/components/AlphaCard/index.ts b/polaris-react/src/components/AlphaCard/index.ts deleted file mode 100644 index 48ec946eecf..00000000000 --- a/polaris-react/src/components/AlphaCard/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './AlphaCard'; diff --git a/polaris-react/src/components/AlphaCard/tests/AlphaCard.test.tsx b/polaris-react/src/components/AlphaCard/tests/AlphaCard.test.tsx deleted file mode 100644 index 8048d406b26..00000000000 --- a/polaris-react/src/components/AlphaCard/tests/AlphaCard.test.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import React from 'react'; -import {mountWithApp} from 'tests/utilities'; -import {matchMedia} from '@shopify/jest-dom-mocks'; -import {setMediaWidth} from 'tests/utilities/breakpoints'; - -import {AlphaCard} from '..'; - -const heading =

Online store dashboard

; -const subheading =

View a summary of your online store performance

; - -describe('AlphaCard', () => { - beforeEach(() => { - matchMedia.mock(); - }); - - afterEach(() => { - matchMedia.restore(); - }); - - it('renders children', () => { - const alphaCard = mountWithApp( - - {heading} - {subheading} - , - ); - - expect(alphaCard).toContainReactComponentTimes('p', 2); - }); - - it('sets default border radius when roundedAbove breakpoint passed in', () => { - setMediaWidth('breakpoints-sm'); - const alphaCard = mountWithApp( - - {heading} - {subheading} - , - ); - - expect(alphaCard).toContainReactComponent('div', { - style: expect.objectContaining({ - '--pc-box-border-radius': 'var(--p-border-radius-2)', - }), - }); - }); -}); diff --git a/polaris-react/src/components/Bleed/Bleed.stories.tsx b/polaris-react/src/components/Bleed/Bleed.stories.tsx index 8044a01d797..5761064d7fa 100644 --- a/polaris-react/src/components/Bleed/Bleed.stories.tsx +++ b/polaris-react/src/components/Bleed/Bleed.stories.tsx @@ -1,6 +1,6 @@ import React from 'react'; import type {ComponentMeta} from '@storybook/react'; -import {AlphaCard, Bleed, Box, Divider, Stack, Text} from '@shopify/polaris'; +import {Card, Bleed, Box, Divider, Stack, Text} from '@shopify/polaris'; export default { component: Bleed, @@ -15,7 +15,7 @@ const styles = { export function Default() { return ( - + Section 01 @@ -29,7 +29,7 @@ export function Default() { Section 02 - + ); } diff --git a/polaris-react/src/components/Card/Card.scss b/polaris-react/src/components/Card/Card.scss deleted file mode 100644 index bb24b165a29..00000000000 --- a/polaris-react/src/components/Card/Card.scss +++ /dev/null @@ -1,168 +0,0 @@ -@import '../../styles/common'; - -.Card { - background-color: var(--p-surface); - box-shadow: var(--p-shadow-card); - outline: var(--p-border-width-1) solid transparent; - - + .Card { - margin-top: var(--p-space-4); - - @media print { - margin-top: calc(-1 * var(--p-space-2)); - } - } - - + [class^='Polaris-LegacyCard'] { - margin-top: var(--p-space-4); - - @media print { - margin-top: calc(-1 * var(--p-space-2)); - } - } - - @media #{$p-breakpoints-sm-up} { - border-radius: var(--p-border-radius-2); - } - - @media print { - box-shadow: none; - } -} - -.subdued { - background-color: var(--p-surface-subdued); -} - -.Section-hideOnPrint, -.hideOnPrint { - @media print { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - display: none !important; - } -} - -.Header { - padding: var(--p-space-4) var(--p-space-4) 0; - - @media #{$p-breakpoints-sm-up} { - padding: var(--p-space-5) var(--p-space-5) 0; - } - - @media print and #{$p-breakpoints-sm-up} { - padding: var(--p-space-2) var(--p-space-4) 0; - } -} - -.Section { - padding: var(--p-space-4); - - @media #{$p-breakpoints-sm-up} { - padding: var(--p-space-5); - } - - + .Section { - border-top: var(--p-border-divider); - - @media print { - border-top: 0; - } - } - - @media print { - padding-top: var(--p-space-1); - padding-bottom: var(--p-space-1); - } -} - -.Section:first-child { - border-top-left-radius: var(--p-border-radius-2); - border-top-right-radius: var(--p-border-radius-2); -} - -.Section:last-child { - border-bottom-left-radius: var(--p-border-radius-2); - border-bottom-right-radius: var(--p-border-radius-2); -} - -.Section-fullWidth { - padding: var(--p-space-4) 0; - - @media #{$p-breakpoints-sm-up} { - padding: var(--p-space-5) 0; - } -} - -.Section-flush { - padding: 0; - - @media #{$p-breakpoints-sm-up} { - padding: 0; - } -} - -.Section-subdued { - background-color: var(--p-surface-subdued); - - @media (-ms-high-contrast: active) { - background-color: transparent; - } - - .Header + & { - border-top: var(--p-border-divider); - margin-top: var(--p-space-5); - } -} - -.SectionHeader { - padding-bottom: var(--p-space-2); - - .Section-fullWidth & { - padding-left: var(--p-space-4); - padding-right: var(--p-space-4); - - @media #{$p-breakpoints-sm-up} { - padding-left: var(--p-space-5); - padding-right: var(--p-space-5); - } - } -} - -.Subsection { - + .Subsection { - margin-top: var(--p-space-4); - padding-top: var(--p-space-4); - border-top: var(--p-border-divider); - - @media print { - border-top: 0; - } - } - - @media print { - padding-top: var(--p-space-1); - padding-bottom: var(--p-space-1); - } -} - -.Footer { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - display: flex; - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - justify-content: flex-end; - padding: 0 var(--p-space-4) var(--p-space-4); - - @media #{$p-breakpoints-sm-up} { - padding: 0 var(--p-space-5) var(--p-space-5); - } - - &.LeftJustified { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - justify-content: flex-start; - } - - .Section-subdued + & { - border-top: var(--p-border-divider); - padding: var(--p-space-5); - } -} diff --git a/polaris-react/src/components/Card/Card.stories.tsx b/polaris-react/src/components/Card/Card.stories.tsx index 2c4cc9a19e0..a34846385bc 100644 --- a/polaris-react/src/components/Card/Card.stories.tsx +++ b/polaris-react/src/components/Card/Card.stories.tsx @@ -1,20 +1,14 @@ import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import { - ActionList, - Button, - ButtonGroup, Card, - Icon, - Image, + AlphaStack, + Bleed, + Box, + Divider, List, - Popover, - ResourceList, - Stack, Text, - TextContainer, } from '@shopify/polaris'; -import {ProductsMajor} from '@shopify/polaris-icons'; export default { component: Card, @@ -22,377 +16,97 @@ export default { export function Default() { return ( - -

View a summary of your online store’s performance.

- - ); -} - -export function WithHeaderActions() { - return ( - -

- Add variants if this product comes in multiple versions, like different - sizes or colors. -

- - ); -} - -export function WithFooterActions() { - return ( - - - - 1 Γ— Oasis Glass, 4-Pack - 1 Γ— Anubis Cup, 2-Pack - - - - ); -} - -export function WithMultipleFooterActions() { - return ( - - - - 1 Γ— Oasis Glass, 4-Pack - 1 Γ— Anubis Cup, 2-Pack - - - - ); -} - -export function WithCustomFooterActions() { - return ( - - - -

- Two-step authentication adds an extra layer of security when logging - in to your account. A special code will be required each time you - log in, ensuring only you can access your account. -

- - - - - - - - - - ); -} - -export function WithDestructiveFooterAction() { - return ( - - - - 1 Γ— Oasis Glass, 4-Pack - 1 Γ— Anubis Cup, 2-Pack - - - - ); -} - -export function WithMultipleSections() { - return ( - - -

View a summary of your online store’s performance.

- - - -

- View a summary of your online store’s performance, including sales, - visitors, top products, and referrals. -

- - - ); -} - -export function WithMultipleTitledSections() { - return ( - - -

View a summary of your online store’s performance.

- - - -

- View a summary of your online store’s performance, including sales, - visitors, top products, and referrals. -

- - - ); -} - -export function WithSectionsAndActions() { - return ( - - -

John Smith

- - -

john.smith@example.com

- - - ); -} - -export function WithSubsection() { - return ( - - -

John Smith

- - - - 123 First St -
- Somewhere -
- The Universe - - - 123 Second St -
- Somewhere -
- The Universe - - - - - A single subsection without a sibling has no visual appearance - - + + + + Online store dashboard + + + View a summary of your online store’s performance. + + ); } -export function WithDestructiveAction() { +export function WithBackgroundSubdued() { return ( - - -

John Smith

- - -

john.smith@example.com

- + + + + Online store dashboard + + + View a summary of your online store’s performance. + + ); } -export function WithASubduedSection() { +export function WithBorderRadiusRoundedAbove() { return ( - - - - Felix Crafford - Ezequiel Manno - - - - - - Felix Crafford - Ezequiel Manno - - + + + + Online store dashboard + + + View a summary of your online store’s performance. + + ); } -export function WithSubduedForSecondaryContent() { +export function WithResponsivePadding() { return ( - - - Felix Crafford - Ezequiel Manno - + + + + Online store dashboard + + + View a summary of your online store’s performance. + + ); } -export function WithSeparateHeader() { +export function WithSubduedSection() { return ( - - - - Add account - - } - onClose={() => {}} + + + + Staff accounts + + + + Felix Crafford + Ezequiel Manno + + + + + + - - - - - - Felix Crafford - Ezequiel Manno - - - - ); -} - -export function WithCustomReactNodeTitle() { - return ( - - - + - New Products + Deactivated staff accounts - - } - > - - Socks - Super Shoes - - - - ); -} - -export function WithAllElements() { - return ( - - - - View Sales - - } - onClose={() => {}} - > - - - - - - You can use sales reports to see information about your customers’ - orders based on criteria such as sales over time, by channel, or by - staff. - - - - { - const {sales, amount, url} = item; - return ( - - - {sales} - {amount} - - - ); - }} - /> - - - - Payouts - Total Sales By Channel - - - - - The sales reports are available only if your store is on the Shopify - plan or higher. - - - - ); -} - -export function WithFlushedSections() { - return ( - - - a sheet with purple and orange stripes - - - - You can use sales reports to see information about your customers’ - orders based on criteria such as sales over time, by channel, or by - staff. - - + + Felix Crafford + Ezequiel Manno + + + + ); } diff --git a/polaris-react/src/components/Card/Card.tsx b/polaris-react/src/components/Card/Card.tsx index fa6ff91851e..94e07432a64 100644 --- a/polaris-react/src/components/Card/Card.tsx +++ b/polaris-react/src/components/Card/Card.tsx @@ -1,161 +1,62 @@ +import type { + BreakpointsAlias, + ColorsTokenName, + ShapeBorderRadiusScale, + SpacingSpaceScale, +} from '@shopify/polaris-tokens'; import React from 'react'; -import {useI18n} from '../../utilities/i18n'; -import {classNames} from '../../utilities/css'; -import {useToggle} from '../../utilities/use-toggle'; -import {WithinContentContext} from '../../utilities/within-content-context'; -import {ButtonGroup} from '../ButtonGroup'; -import type {DisableableAction, ComplexAction} from '../../types'; -import {ActionList} from '../ActionList'; -import {Button, buttonFrom} from '../Button'; -import {Popover} from '../Popover'; +import {useBreakpoints} from '../../utilities/breakpoints'; +import type {ResponsiveProp} from '../../utilities/css'; +import {Box} from '../Box'; -// eslint-disable-next-line import/no-deprecated -import {Header, Section, Subsection} from './components'; -import styles from './Card.scss'; +type CardBackgroundColorTokenScale = Extract< + ColorsTokenName, + 'surface' | 'surface-subdued' +>; -export type { - CardSectionProps, - CardHeaderProps, - CardSubsectionProps, -} from './components'; +type Spacing = ResponsiveProp; -/** @deprecated Use LegacyCard or AlphaCard instead. */ export interface CardProps { - /** Title content for the card */ - title?: React.ReactNode; - /** Inner content of the card */ children?: React.ReactNode; - /** A less prominent card */ - subdued?: boolean; - /** Auto wrap content in section */ - sectioned?: boolean; - /** Card header actions */ - actions?: DisableableAction[]; - /** Primary action in the card footer */ - primaryFooterAction?: ComplexAction; - /** Secondary actions in the card footer */ - secondaryFooterActions?: ComplexAction[]; - /** The content of the disclosure button rendered when there is more than one secondary footer action */ - secondaryFooterActionsDisclosureText?: string; - /** Alignment of the footer actions on the card, defaults to right */ - footerActionAlignment?: 'right' | 'left'; - /** Allow the card to be hidden when printing */ - hideOnPrint?: boolean; + /** Background color + * @default 'surface' + */ + background?: CardBackgroundColorTokenScale; + /** The spacing around the card + * @default {xs: '4', sm: '5'} + * @example + * padding='4' + * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}} + */ + padding?: Spacing; + /** Border radius value above a set breakpoint */ + roundedAbove?: BreakpointsAlias; } -// TypeScript can't generate types that correctly infer the typing of -// subcomponents so explicitly state the subcomponents in the type definition. -// Letting this be implicit works in this project but fails in projects that use -// generated *.d.ts files. - -export const Card: React.FunctionComponent & { - // eslint-disable-next-line import/no-deprecated - Header: typeof Header; - // eslint-disable-next-line import/no-deprecated - Section: typeof Section; - // eslint-disable-next-line import/no-deprecated - Subsection: typeof Subsection; -} = function Card({ +export const Card = ({ children, - hideOnPrint, - title, - subdued, - sectioned, - actions, - primaryFooterAction, - secondaryFooterActions, - secondaryFooterActionsDisclosureText, - footerActionAlignment = 'right', -}: CardProps) { - if (process.env.NODE_ENV === 'development') { - // eslint-disable-next-line no-console - console.warn( - 'Deprecation: is deprecated. This component will be removed in a future major version of Polaris. Use or instead.', - ); - } - - const i18n = useI18n(); - const { - value: secondaryActionsPopoverOpen, - toggle: toggleSecondaryActionsPopoverOpen, - } = useToggle(false); - - const className = classNames( - styles.Card, - subdued && styles.subdued, - hideOnPrint && styles.hideOnPrint, - ); + background = 'surface', + padding = {xs: '4', sm: '5'}, + roundedAbove, +}: CardProps) => { + const breakpoints = useBreakpoints(); + const defaultBorderRadius = '2' as ShapeBorderRadiusScale; - const headerMarkup = - title || actions ?
: null; + let hasBorderRadius = !roundedAbove; - const content = sectioned ?
{children}
: children; - - const primaryFooterActionMarkup = primaryFooterAction - ? buttonFrom(primaryFooterAction, {primary: true}) - : null; - - let secondaryFooterActionsMarkup = null; - if (secondaryFooterActions && secondaryFooterActions.length) { - if (secondaryFooterActions.length === 1) { - secondaryFooterActionsMarkup = buttonFrom(secondaryFooterActions[0]); - } else { - secondaryFooterActionsMarkup = ( - <> - - {secondaryFooterActionsDisclosureText || - i18n.translate('Polaris.Common.more')} - - } - onClose={toggleSecondaryActionsPopoverOpen} - > - - - - ); - } + if (roundedAbove && breakpoints[`${roundedAbove}Up`]) { + hasBorderRadius = true; } - const footerMarkup = - primaryFooterActionMarkup || secondaryFooterActionsMarkup ? ( -
- {footerActionAlignment === 'right' ? ( - - {secondaryFooterActionsMarkup} - {primaryFooterActionMarkup} - - ) : ( - - {primaryFooterActionMarkup} - {secondaryFooterActionsMarkup} - - )} -
- ) : null; - return ( - -
- {headerMarkup} - {content} - {footerMarkup} -
- + + {children} + ); }; - -// eslint-disable-next-line import/no-deprecated -Card.Header = Header; -// eslint-disable-next-line import/no-deprecated -Card.Section = Section; -// eslint-disable-next-line import/no-deprecated -Card.Subsection = Subsection; diff --git a/polaris-react/src/components/Card/components/Header/Header.tsx b/polaris-react/src/components/Card/components/Header/Header.tsx deleted file mode 100644 index a3a74d0b401..00000000000 --- a/polaris-react/src/components/Card/components/Header/Header.tsx +++ /dev/null @@ -1,49 +0,0 @@ -import React, {isValidElement} from 'react'; - -import type {DisableableAction} from '../../../../types'; -import {buttonsFrom} from '../../../Button'; -import {ButtonGroup} from '../../../ButtonGroup'; -import {Stack} from '../../../Stack'; -import {Text} from '../../../Text'; -import styles from '../../Card.scss'; - -export interface CardHeaderProps { - title?: React.ReactNode; - actions?: DisableableAction[]; - children?: React.ReactNode; -} - -/** @deprecated Use LegacyCard or AlphaCard instead. */ -export function Header({children, title, actions}: CardHeaderProps) { - if (process.env.NODE_ENV === 'development') { - // eslint-disable-next-line no-console - console.warn( - 'Deprecation: is deprecated. This component will be removed in a future major version of Polaris. Use or instead.', - ); - } - - const actionMarkup = actions ? ( - {buttonsFrom(actions, {plain: true})} - ) : null; - - const titleMarkup = isValidElement(title) ? ( - title - ) : ( - - {title} - - ); - - const headingMarkup = - actionMarkup || children ? ( - - {titleMarkup} - {actionMarkup} - {children} - - ) : ( - titleMarkup - ); - - return
{headingMarkup}
; -} diff --git a/polaris-react/src/components/Card/components/Header/index.ts b/polaris-react/src/components/Card/components/Header/index.ts deleted file mode 100644 index 266dec8a1bc..00000000000 --- a/polaris-react/src/components/Card/components/Header/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './Header'; diff --git a/polaris-react/src/components/Card/components/Header/tests/Header.test.tsx b/polaris-react/src/components/Card/components/Header/tests/Header.test.tsx deleted file mode 100644 index 374e49828b7..00000000000 --- a/polaris-react/src/components/Card/components/Header/tests/Header.test.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import React from 'react'; -import {mountWithApp} from 'tests/utilities'; - -import {buttonsFrom} from '../../../../Button'; -import {ButtonGroup} from '../../../../ButtonGroup'; -import {Text} from '../../../../Text'; -// eslint-disable-next-line import/no-deprecated -import {Header} from '../Header'; - -jest.mock('../../../../Button', () => ({ - ...(jest.requireActual('../../../../Button') as any), - buttonsFrom: jest.fn(), -})); - -const buttonsFromMock = buttonsFrom as jest.Mock; - -describe('
', () => { - describe('title', () => { - it('renders a heading when defined', () => { - const header = mountWithApp(
); - expect(header).toContainReactComponent(Text, {variant: 'headingMd'}); - }); - - it('renders the title directly if its a valid React element', () => { - const title =
Staff accounts
; - const header = mountWithApp(
); - expect(header).not.toContainReactComponent(Text, {variant: 'headingLg'}); - expect(header).toContainReactComponent('div', { - children: 'Staff accounts', - }); - }); - - it('is used as the content for the heading', () => { - const title = 'Staff accounts'; - const header = mountWithApp(
); - expect(header.find(Text, {variant: 'headingMd'})).toContainReactText( - title, - ); - }); - }); - - describe('actions', () => { - const mockActions = [{content: 'Preview'}]; - - it('renders a button group when defined', () => { - const header = mountWithApp(
); - expect(header).toContainReactComponent(ButtonGroup); - }); - - it('renders buttons for each action', () => { - mountWithApp(
); - expect(buttonsFromMock).toHaveBeenCalledWith( - mockActions, - expect.anything(), - ); - }); - - it('does not render a button group when not defined', () => { - const header = mountWithApp(
); - expect(header).not.toContainReactComponent(ButtonGroup); - }); - }); - - describe('children', () => { - it('renders when defined', () => { - const Children = () =>
Hello!
; - const header = mountWithApp( -
- -
, - ); - expect(header).toContainReactComponent(Children); - }); - }); -}); diff --git a/polaris-react/src/components/Card/components/Section/Section.tsx b/polaris-react/src/components/Card/components/Section/Section.tsx deleted file mode 100644 index 63f2d21b9e9..00000000000 --- a/polaris-react/src/components/Card/components/Section/Section.tsx +++ /dev/null @@ -1,80 +0,0 @@ -import React from 'react'; - -import {classNames} from '../../../../utilities/css'; -import type {ComplexAction} from '../../../../types'; -import {buttonsFrom} from '../../../Button'; -import {Stack} from '../../../Stack'; -import {ButtonGroup} from '../../../ButtonGroup'; -import {Text} from '../../../Text'; -import styles from '../../Card.scss'; - -export interface CardSectionProps { - title?: React.ReactNode; - children?: React.ReactNode; - subdued?: boolean; - flush?: boolean; - fullWidth?: boolean; - /** Allow the card to be hidden when printing */ - hideOnPrint?: boolean; - actions?: ComplexAction[]; -} - -/** @deprecated Use LegacyCard or AlphaCard instead. */ -export function Section({ - children, - title, - subdued, - flush, - fullWidth, - actions, - hideOnPrint, -}: CardSectionProps) { - if (process.env.NODE_ENV === 'development') { - // eslint-disable-next-line no-console - console.warn( - 'Deprecation: is deprecated. This component will be removed in a future major version of Polaris. Use or instead.', - ); - } - - const className = classNames( - styles.Section, - flush && styles['Section-flush'], - subdued && styles['Section-subdued'], - fullWidth && styles['Section-fullWidth'], - hideOnPrint && styles['Section-hideOnPrint'], - ); - - const actionMarkup = actions ? ( - {buttonsFrom(actions, {plain: true})} - ) : null; - - const titleMarkup = - typeof title === 'string' ? ( - - {title} - - ) : ( - title - ); - - const titleAreaMarkup = - titleMarkup || actionMarkup ? ( -
- {actionMarkup ? ( - - {titleMarkup} - {actionMarkup} - - ) : ( - titleMarkup - )} -
- ) : null; - - return ( -
- {titleAreaMarkup} - {children} -
- ); -} diff --git a/polaris-react/src/components/Card/components/Section/index.ts b/polaris-react/src/components/Card/components/Section/index.ts deleted file mode 100644 index b524e0f3c49..00000000000 --- a/polaris-react/src/components/Card/components/Section/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './Section'; diff --git a/polaris-react/src/components/Card/components/Section/tests/Section.test.tsx b/polaris-react/src/components/Card/components/Section/tests/Section.test.tsx deleted file mode 100644 index cb5517f3afd..00000000000 --- a/polaris-react/src/components/Card/components/Section/tests/Section.test.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import React from 'react'; -import {mountWithApp} from 'tests/utilities'; - -import {Badge} from '../../../../Badge'; -import {Button} from '../../../../Button'; -import {ButtonGroup} from '../../../../ButtonGroup'; -import {Text} from '../../../../Text'; -// eslint-disable-next-line import/no-deprecated -import {Section} from '../Section'; - -describe('', () => { - it('can have any valid react element as the card section title', () => { - const titleString = 'Online store'; - const badgeString = 'I am a badge'; - const titleMarkup = ( -

- {titleString} - {badgeString} -

- ); - - const section = mountWithApp(
); - const headerMarkup = section.find('h2')!; - - expect(headerMarkup).toContainReactText(titleString); - expect(headerMarkup.find(Badge)).toContainReactText(badgeString); - }); - - it('wraps plain string titles in a ', () => { - const titleString = 'Online store'; - const card = mountWithApp(
); - expect( - card.find(Text, {variant: 'headingSm', as: 'h3'}), - ).toContainReactText(titleString); - }); - - describe('hideWhenPrinting prop', () => { - it('renders classname "Section Section-hideOnPrint" when prop is passed', () => { - const card = mountWithApp(
); - - expect(card).toContainReactComponent('div', { - className: 'Section Section-hideOnPrint', - }); - }); - - it('does not render classname "Section Section-hideOnPrint" when prop is not passed', () => { - const card = mountWithApp(
); - - expect(card).not.toContainReactComponent('div', { - className: 'Section Section-hideOnPrint', - }); - }); - }); - - describe('actions', () => { - const mockActions = [{content: 'Preview'}, {content: 'Open'}]; - - it('renders a button group when defined', () => { - const section = mountWithApp(
); - expect(section).toContainReactComponent(ButtonGroup); - }); - - it('renders buttons for each action', () => { - const section = mountWithApp(
); - expect(section).toContainReactComponentTimes(Button, 2); - }); - - it('does not render a button group when not defined', () => { - const section = mountWithApp(
); - expect(section).not.toContainReactComponent(ButtonGroup); - }); - - it('renders both custom title markup and actions', () => { - const titleString = 'Online store'; - const badgeString = 'I am a badge'; - const titleMarkup = ( -

- {titleString} - {badgeString} -

- ); - const section = mountWithApp( -
, - ); - expect(section).toContainReactComponentTimes(Button, 2); - expect(section).toContainReactText(titleString); - expect(section.find(Badge)).toContainReactText(badgeString); - }); - }); -}); diff --git a/polaris-react/src/components/Card/components/Subsection/Subsection.tsx b/polaris-react/src/components/Card/components/Subsection/Subsection.tsx deleted file mode 100644 index f1715e61524..00000000000 --- a/polaris-react/src/components/Card/components/Subsection/Subsection.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import React from 'react'; - -import styles from '../../Card.scss'; - -export interface CardSubsectionProps { - children?: React.ReactNode; -} - -/** @deprecated Use LegacyCard or AlphaCard instead. */ -export function Subsection({children}: CardSubsectionProps) { - if (process.env.NODE_ENV === 'development') { - // eslint-disable-next-line no-console - console.warn( - 'Deprecation: is deprecated. This component will be removed in a future major version of Polaris. Use or instead.', - ); - } - - return
{children}
; -} diff --git a/polaris-react/src/components/Card/components/Subsection/index.ts b/polaris-react/src/components/Card/components/Subsection/index.ts deleted file mode 100644 index cddeba60629..00000000000 --- a/polaris-react/src/components/Card/components/Subsection/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './Subsection'; diff --git a/polaris-react/src/components/Card/components/Subsection/tests/Subsection.test.tsx b/polaris-react/src/components/Card/components/Subsection/tests/Subsection.test.tsx deleted file mode 100644 index 353a2b9bdc9..00000000000 --- a/polaris-react/src/components/Card/components/Subsection/tests/Subsection.test.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; -import {mountWithApp} from 'tests/utilities'; - -// eslint-disable-next-line import/no-deprecated -import {Subsection} from '../Subsection'; - -describe('', () => { - it('can have any valid react element for children', () => { - const childrenMarkup =

Some content

; - - const section = mountWithApp({childrenMarkup}); - - expect(section).toContainReactText('Some content'); - expect(section).toContainReactComponent('p'); - }); -}); diff --git a/polaris-react/src/components/Card/components/index.ts b/polaris-react/src/components/Card/components/index.ts deleted file mode 100644 index 194aac47a90..00000000000 --- a/polaris-react/src/components/Card/components/index.ts +++ /dev/null @@ -1,5 +0,0 @@ -export * from './Header'; - -export * from './Section'; - -export * from './Subsection'; diff --git a/polaris-react/src/components/Card/tests/Card.test.tsx b/polaris-react/src/components/Card/tests/Card.test.tsx index 21d99cf7950..34fca04f868 100644 --- a/polaris-react/src/components/Card/tests/Card.test.tsx +++ b/polaris-react/src/components/Card/tests/Card.test.tsx @@ -1,250 +1,46 @@ import React from 'react'; import {mountWithApp} from 'tests/utilities'; +import {matchMedia} from '@shopify/jest-dom-mocks'; +import {setMediaWidth} from 'tests/utilities/breakpoints'; -import {Badge} from '../../Badge'; -import {Button} from '../../Button'; -import {Popover} from '../../Popover'; -import {ActionList} from '../../ActionList'; -import {WithinContentContext} from '../../../utilities/within-content-context'; -import {Card} from '../Card'; -// eslint-disable-next-line import/no-deprecated -import {Section} from '../components'; +import {Card} from '..'; -describe('', () => { - it('has a child with prop withinContentContainer set to true', () => { - function TestComponent(_: {withinContentContainer: any}) { - return null; - } +const heading =

Online store dashboard

; +const subheading =

View a summary of your online store performance

; - const component = mountWithApp( - - - {(withinContentContext) => { - return ( - - ); - }} - - , - ); - expect(component).toContainReactComponent(TestComponent, { - withinContentContainer: true, - }); +describe('Card', () => { + beforeEach(() => { + matchMedia.mock(); }); - it('has a header tag when the title is a string', () => { - const title = 'Online store'; - const card = mountWithApp(); - expect(card.find('h2')).toContainReactText(title); + afterEach(() => { + matchMedia.restore(); }); - it('can have any valid react element as the title', () => { - const titleString = 'Online store'; - const badgeString = 'I am a badge'; - const titleMarkup = ( -

- {titleString} - {badgeString} -

- ); - - const card = mountWithApp(); - const headerMarkup = card.find('h2')!; - - expect(headerMarkup).toContainReactText(titleString); - expect(headerMarkup.find(Badge)).toContainReactText(badgeString); - }); - - it('exposes the header component', () => { + it('renders children', () => { const card = mountWithApp( - - , - ); - expect(card).toContainReactComponent(Card.Header); - }); - - it('renders a
component with actions and no title', () => { - const card = mountWithApp( - -

Some card content.

+ {heading} + {subheading} , ); - expect(card).toContainReactComponent(Button); - expect(card).toContainReactComponent(Card.Header); - }); - - describe('footerActionAlignment prop', () => { - it('renders right-aligned if not supplied', () => { - const card = mountWithApp( - -

Some card content.

- , - ); - - const buttons = card.findAll(Button); - expect(buttons[0].prop('children')).toBe('secondary action'); - expect(buttons[1].prop('children')).toBe('primary action'); - }); - - it('renders right-aligned if set to "right"', () => { - const card = mountWithApp( - -

Some card content.

- , - ); - - const buttons = card.findAll(Button); - expect(buttons[0].prop('children')).toBe('secondary action'); - expect(buttons[1].prop('children')).toBe('primary action'); - }); - - it('renders left-aligned if set to "left"', () => { - const card = mountWithApp( - -

Some card content.

- , - ); - - const buttons = card.findAll(Button); - expect(buttons[0].prop('children')).toBe('primary action'); - expect(buttons[1].prop('children')).toBe('secondary action'); - }); - }); - - describe('hideWhenPrinting prop', () => { - it('renders the classname "Card hideOnPrint" when passed', () => { - const card = mountWithApp( - -

Some card content.

- , - ); - - expect(card).toContainReactComponent('div', { - className: 'Card hideOnPrint', - }); - }); - - it('does not render the classname "Card hideOnPrint" when prop is not passed', () => { - const card = mountWithApp( - -

Some card content.

- , - ); - - expect(card).not.toContainReactComponent('div', { - className: 'Card hideOnPrint', - }); - }); + expect(card).toContainReactComponentTimes('p', 2); }); - it('renders a primary footer action', () => { + it('sets default border radius when roundedAbove breakpoint passed in', () => { + setMediaWidth('breakpoints-sm'); const card = mountWithApp( - -

Some card content.

+ + {heading} + {subheading} , ); - expect(card).toContainReactComponent(Button, {children: 'test action'}); - }); - - describe('secondaryFooterActions', () => { - it('renders a single secondary footer action button when only 1 is supplied', () => { - const card = mountWithApp( - -

Some card content.

- , - ); - - expect(card).toContainReactComponent(Button, {children: 'test action'}); - expect(card).not.toContainReactComponent(Popover); - }); - - it('renders popover when >1 are supplied', () => { - const card = mountWithApp( - -

Some card content.

- , - ); - - expect(card).toContainReactComponent(Button, { - children: 'More', - }); - expect(card).toContainReactComponent(Popover); - }); - - it('activates popover when disclosure button is clicked', () => { - const footerActions = [ - {content: 'Most important action'}, - {content: 'Second most important action'}, - ]; - const card = mountWithApp( - -

Some card content.

- , - ); - const disclosureButton = card.findAll(Button)[0]; - expect(disclosureButton).toContainReactText('More'); - - expect(card).toContainReactComponent(Popover, { - active: false, - }); - - disclosureButton.trigger('onClick'); - - expect(card).toContainReactComponent(Popover, { - active: true, - }); - - expect(card).toContainReactComponent(ActionList, { - items: footerActions, - }); - }); - - it('sets the disclosure button content to the value set on secondaryFooterActionsDisclosureText', () => { - const card = mountWithApp( - -

Some card content.

- , - ); - - expect(card).toContainReactComponent(Button, { - children: 'Show more', - }); + expect(card).toContainReactComponent('div', { + style: expect.objectContaining({ + '--pc-box-border-radius': 'var(--p-border-radius-2)', + }), }); }); - - it('renders a section when sectioned', () => { - const card = mountWithApp( - -

Some card content.

- , - ); - - // eslint-disable-next-line import/no-deprecated - expect(card.find(Section)).toContainReactText('Some card content.'); - }); }); diff --git a/polaris-react/src/components/LegacyCard/LegacyCard.scss b/polaris-react/src/components/LegacyCard/LegacyCard.scss index 1de48ef3101..b913e201617 100644 --- a/polaris-react/src/components/LegacyCard/LegacyCard.scss +++ b/polaris-react/src/components/LegacyCard/LegacyCard.scss @@ -13,14 +13,6 @@ } } - + [class^='Polaris-Card'] { - margin-top: var(--p-space-4); - - @media print { - margin-top: calc(-1 * var(--p-space-2)); - } - } - @media #{$p-breakpoints-sm-up} { border-radius: var(--p-border-radius-2); } diff --git a/polaris-react/src/index.ts b/polaris-react/src/index.ts index cac61a46e9d..4ad9c39d95c 100644 --- a/polaris-react/src/index.ts +++ b/polaris-react/src/index.ts @@ -46,9 +46,6 @@ export type { export {ActionMenu} from './components/ActionMenu'; export type {ActionMenuProps} from './components/ActionMenu'; -export {AlphaCard} from './components/AlphaCard'; -export type {AlphaCardProps} from './components/AlphaCard'; - export {AlphaStack} from './components/AlphaStack'; export type {AlphaStackProps} from './components/AlphaStack'; @@ -97,12 +94,7 @@ export {CalloutCard} from './components/CalloutCard'; export type {CalloutCardProps} from './components/CalloutCard'; export {Card} from './components/Card'; -export type { - CardProps, - CardSectionProps, - CardHeaderProps, - CardSubsectionProps, -} from './components/Card'; +export type {CardProps} from './components/Card'; export {Checkbox} from './components/Checkbox'; export type {CheckboxProps} from './components/Checkbox'; diff --git a/polaris.shopify.com/content/components/deprecated/card.md b/polaris.shopify.com/content/components/deprecated/card.md deleted file mode 100644 index c4440f753f9..00000000000 --- a/polaris.shopify.com/content/components/deprecated/card.md +++ /dev/null @@ -1,237 +0,0 @@ ---- -title: Card -description: Cards are used to group similar concepts and tasks together to make Shopify easier for merchants to scan, read, and get things done. -category: Deprecated -keywords: - - layout - - container - - box - - grid - - panel - - card with call to action in the footer - - card with call to action in the heading - - card with call to action in a section - - card with button in the footer - - card with button in the heading - - card with multiple sections - - card with subsections - - sectioned card - - card with a subdued section - - subdued card for secondary content - - callout - - call out -status: - value: Deprecated - message: >- - Card was built prior to layout primitives like box, inline, and alpha stack. - The new layout primitives can be used in combination to achieve similar results to card, or the existing legacy card. -examples: - - fileName: card-default.tsx - title: Default - description: Use when you have a simple message to communicate to merchants that doesn’t require any secondary steps. - - fileName: card-with-header-actions.tsx - title: With header actions - description: Use for less important card actions, or actions merchants may do before reviewing the contents of the card. For example, merchants may want to add items to a card containing a long list, or enter a customer’s new address. - - fileName: card-with-footer-actions.tsx - title: With footer actions - description: Use footer actions for a card’s most important actions, or actions merchants should do after reviewing the contents of the card. For example, merchants should review the contents of a shipment before an important action like adding tracking information. Footer actions can be left or right aligned with the `footerActionAlignment` prop. - - fileName: card-with-multiple-footer-actions.tsx - title: With multiple footer actions - description: When multiple secondary footer actions are provided, they will render in an action list popover activated by a disclosure button. The disclosure button text can be customized with the `secondaryFooterActionsDisclosureText` prop. - - fileName: card-with-custom-footer-actions.tsx - title: With custom footer actions - description: Use to present actionable content that is optional or not the primary purpose of the page. - - fileName: card-with-destructive-footer-action.tsx - title: With destructive footer action - description: Use when a card action will delete merchant data or be otherwise difficult to recover from. - - fileName: card-with-multiple-sections.tsx - title: With multiple sections - description: Use when you have two related but distinct pieces of information to communicate to merchants. Multiple sections can help break up complicated concepts to make them easier to scan and understand. - - fileName: card-with-multiple-titled-sections.tsx - title: With multiple titled sections - description: Use when you have two related but distinct pieces of information to communicate to merchants that are complex enough to require a title to introduce them. - - fileName: card-with-sections-and-actions.tsx - title: With sections and actions - description: Use when your card section has actions that apply only to that section. - - fileName: card-with-subsection.tsx - title: With subsection - description: Use when your card sections need further categorization. - - fileName: card-with-destructive-action.tsx - title: With destructive action - description: Use when a card action applies only to one section and will delete merchant data or be otherwise difficult to recover from. - - fileName: card-with-a-subdued-section.tsx - title: With a subdued section - description: Use to indicate when one of the sections in your card contains inactive or disabled content. - - fileName: card-with-subdued-for-secondary-content.tsx - title: With subdued for secondary content - description: Use for content that you want to deprioritize. Subdued cards don’t stand out as much as cards with white backgrounds so don’t use them for information or actions that are critical to merchants. - - fileName: card-with-separate-header.tsx - title: With separate header - description: Use to be able to use custom React elements as header content. - - fileName: card-with-custom-react-node-title.tsx - title: With custom React Node title - description: Use to render custom content such as icons, links, or buttons in a card section’s header. - - fileName: card-with-all-elements.tsx - title: With all elements - description: Use as a broad example that includes most props available to card. - - fileName: card-with-flushed-sections.tsx - title: With flushed sections - description: Use when you need further control over the spacing of your card sections. ---- - -## Best practices - -Cards should: - -- Use headings that set clear expectations about the card’s purpose -- Prioritize information so the content merchants most need to know comes first -- Stick to single user flows or break more complicated flows into multiple sections -- Avoid too many call-to-action buttons or links and only one primary call to action per card -- Use calls to action on the bottom of the card for next steps and use the space in the upper right corner of the card for persistent, optional actions (such as an Edit link) - ---- - -## Content guidelines - -### Title - -Card titles should follow the content guidelines for [headings and subheadings](https://polaris.shopify.com/content/actionable-language#headings-and-subheadings). - -### Body content - -Body content should be: - -- Actionable: start sentences with imperative verbs when telling merchants what actions are available to them (especially something new). Don’t use permissive language like β€œyou can”. - - - -#### Do - -Get performance for all your sales channels. - -#### Don’t - -Now you can get performance data for all your sales channels. - - - -- Structured for merchant success: always put the most critical information first. -- Clear: use the verb β€œneed” to help merchants understand when they’re required to do something. - - - -#### Do - -To buy a shipping label, you need to enter the total weight of your shipment, including packaging. - -#### Don’t - -To buy a shipping label, you must enter the total weight of your shipment, including packaging. - - - -### Call-to-action button - -Buttons should be: - -- Clear and predictable: merchants should be able to anticipate what will happen when they click a button. Never deceive merchants by mislabeling a button. - - - -#### Do - -- Create order -- Buy shipping label - -#### Don’t - -- New order -- Buy - - - -Action-led: buttons should always lead with a strong verb that encourages action. To provide enough context to merchants use the {verb}+{noun} format on buttons except in the case of common actions like Save, Close, Cancel, or OK. - - - -#### Do - -- Activate Apple Pay -- View shipping settings - -#### Don’t - -- Try Apple Pay -- View your settings - - - -Scannable: Avoid unnecessary words and articles such as the, an, or a. - - - -#### Do - -Add menu item - -#### Don’t - -Add a menu item - - - -### Section titles - -Section titles should be: - -- Informative: they should label the type of content grouped in the body content below -- Like headings: follow the same content guidelines as when you’re writing headings - -### Action links - -Links should be: - -- Used for secondary or persistent actions: links should be used to represent lower priority actions than buttons, or persistent actions that merchants may take at any time (such as a persistent Edit link). -- Clearly labeled: merchants should not need to guess where they’ll end up if they click on an action link. Never use β€œclick here” as a link because it doesn’t set expectations about what’s next. -- Similar to buttons: Follow the same content guidelines as when you’re writing text for buttons. - ---- - -## Related components - -- To create page-level layout, [use the layout component](https://polaris.shopify.com/components/layout-and-structure/layout) -- To highlight a Shopify feature, [use the callout card component](https://polaris.shopify.com/components/callout-card) - ---- - -## Accessibility - -The `title` prop gives the card a level 2 heading (`

`). This helps with readability and provides structure to screen reader users. - -If you use the `subdued` prop on a card or section, make sure that the card or section `title` conveys the reason for using `subdued`. This ensures that merchants with low vision, including those who use screen readers, can identify that the content is inactive or less important. - - - -#### Do - -``` - - - Felix Crafford - Ezequiel Manno - - -``` - -#### Don’t - -``` - - - Felix Crafford - Ezequiel Manno - - -``` - - diff --git a/polaris.shopify.com/content/components/deprecated/heading.md b/polaris.shopify.com/content/components/deprecated/heading.md index 9aa186a9aeb..33d700cde71 100644 --- a/polaris.shopify.com/content/components/deprecated/heading.md +++ b/polaris.shopify.com/content/components/deprecated/heading.md @@ -1,6 +1,6 @@ --- title: Heading -description: Headings are used as the titles of each major section of a page in the interface. For example, [card components](https://polaris.shopify.com/components/layout-and-structure/alpha-card) generally use headings as their title. +description: Headings are used as the titles of each major section of a page in the interface. For example, [card components](https://polaris.shopify.com/components/layout-and-structure/card) generally use headings as their title. category: Deprecated keywords: - titles diff --git a/polaris.shopify.com/content/components/feedback-indicators/banner.md b/polaris.shopify.com/content/components/feedback-indicators/banner.md index 86ecca1c945..bb9ceb0ee25 100644 --- a/polaris.shopify.com/content/components/feedback-indicators/banner.md +++ b/polaris.shopify.com/content/components/feedback-indicators/banner.md @@ -229,7 +229,7 @@ To buy a shipping label, you must enter the total weight of your shipment, inclu ## Related components - To inform merchants about a new feature or opportunity, [use callout cards](https://polaris.shopify.com/components/callout-card) -- To group similar concepts together in the interface, [use a card](https://polaris.shopify.com/components/layout-and-structure/alpha-card) +- To group similar concepts together in the interface, [use a card](https://polaris.shopify.com/components/layout-and-structure/card) --- diff --git a/polaris.shopify.com/content/components/feedback-indicators/skeleton-body-text.md b/polaris.shopify.com/content/components/feedback-indicators/skeleton-body-text.md index feb38ff3add..f2b99b75471 100644 --- a/polaris.shopify.com/content/components/feedback-indicators/skeleton-body-text.md +++ b/polaris.shopify.com/content/components/feedback-indicators/skeleton-body-text.md @@ -22,7 +22,7 @@ examples: Skeleton body text component should: - Be used with [Skeleton page](https://polaris.shopify.com/components/skeleton-page) when page content loads all at once. Together, these components give merchants an indication of what the page layout will be once loaded. -- Be used on its own, inside any content container component (like a [card](https://polaris.shopify.com/components/layout-and-structure/alpha-card)), and when content loads after the main page load. +- Be used on its own, inside any content container component (like a [card](https://polaris.shopify.com/components/layout-and-structure/card)), and when content loads after the main page load. - Try to match the number of lines to the content being loaded so it gives an accurate representation. --- diff --git a/polaris.shopify.com/content/components/layout-and-structure/box.md b/polaris.shopify.com/content/components/layout-and-structure/box.md index c0feb5eaf90..9212050ce69 100644 --- a/polaris.shopify.com/content/components/layout-and-structure/box.md +++ b/polaris.shopify.com/content/components/layout-and-structure/box.md @@ -36,4 +36,4 @@ examples: ## Related components -- For more specific use cases, [use the Card component](https://polaris.shopify.com/components/layout-and-structure/alpha-card) +- For more specific use cases, [use the Card component](https://polaris.shopify.com/components/layout-and-structure/card) diff --git a/polaris.shopify.com/content/components/layout-and-structure/callout-card.md b/polaris.shopify.com/content/components/layout-and-structure/callout-card.md index 772ff7d1d62..e7f4eb4ebf8 100644 --- a/polaris.shopify.com/content/components/layout-and-structure/callout-card.md +++ b/polaris.shopify.com/content/components/layout-and-structure/callout-card.md @@ -135,7 +135,7 @@ Add a menu item ## Related components -- To group similar concepts and tasks together, [use the card component](https://polaris.shopify.com/components/layout-and-structure/alpha-card) +- To group similar concepts and tasks together, [use the card component](https://polaris.shopify.com/components/layout-and-structure/card) - To create page-level layout, [use the layout component](https://polaris.shopify.com/components/layout-and-structure/layout) - To explain a feature that merchants haven’t tried yet, [use the empty state component](https://polaris.shopify.com/components/layout-and-structure/empty-state) diff --git a/polaris.shopify.com/content/components/layout-and-structure/alpha-card.md b/polaris.shopify.com/content/components/layout-and-structure/card.md similarity index 89% rename from polaris.shopify.com/content/components/layout-and-structure/alpha-card.md rename to polaris.shopify.com/content/components/layout-and-structure/card.md index b00564b281c..911329cf677 100644 --- a/polaris.shopify.com/content/components/layout-and-structure/alpha-card.md +++ b/polaris.shopify.com/content/components/layout-and-structure/card.md @@ -1,5 +1,5 @@ --- -title: Alpha card +title: Card description: Cards are used to group similar concepts and tasks together for merchants to scan, read, and get things done. It displays content in a familiar and recognizable style. category: Layout and structure keywords: @@ -24,17 +24,17 @@ status: value: Alpha message: This component is a work in progress and ready for exploratory usage, with breaking changes expected in minor version updates. Please use with caution. Learn more about our [Component lifecycle](/getting-started/components-lifecycle). examples: - - fileName: alpha-card-default.tsx + - fileName: card-default.tsx title: Default - - fileName: alpha-card-with-subdued-background.tsx + - fileName: card-with-subdued-background.tsx title: With subdued background description: >- Use for content that you want to deprioritize. Subdued cards don’t stand out as much as cards with white backgrounds so don’t use them for information or actions that are critical to merchants. - - fileName: alpha-card-with-varying-padding.tsx + - fileName: card-with-varying-padding.tsx title: With varying padding description: >- Use the `padding` property to adjust the spacing within a card. You can also specify spacing values at different breakpoints. - - fileName: alpha-card-with-rounded-corners.tsx + - fileName: card-with-rounded-corners.tsx title: Rounded corners description: >- Cards have an 8px border radius by default. Rounding may also be applied responsively with the roundedAbove prop. This enables cards to be softened on larger screens, but squared off when they are full bleed on smaller devices. diff --git a/polaris.shopify.com/content/components/layout-and-structure/layout.md b/polaris.shopify.com/content/components/layout-and-structure/layout.md index cd76f39bc4b..b12803a463e 100644 --- a/polaris.shopify.com/content/components/layout-and-structure/layout.md +++ b/polaris.shopify.com/content/components/layout-and-structure/layout.md @@ -59,7 +59,7 @@ The content that appears in the layout component comes from cards and annotated ### Cards -Content from cards should follow the content guidelines for [cards](https://polaris.shopify.com/components/layout-and-structure/alpha-card#content-guidelines). +Content from cards should follow the content guidelines for [cards](https://polaris.shopify.com/components/layout-and-structure/legacy-card#content-guidelines). ### Annotated section titles @@ -80,6 +80,6 @@ Annotated section descriptions should: ## Related components -- To visually group content in a layout section, [use the card component](https://polaris.shopify.com/components/layout-and-structure/alpha-card) +- To visually group content in a layout section, [use the card component](https://polaris.shopify.com/components/layout-and-structure/card) - To lay out a set of smaller components in a row, [use the stack component](https://polaris.shopify.com/components/layout-and-structure/alpha-stack) - To lay out form fields, [use the form layout component](https://polaris.shopify.com/components/form-layout) diff --git a/polaris.shopify.com/content/components/layout-and-structure/media-card.md b/polaris.shopify.com/content/components/layout-and-structure/media-card.md index 77f89440e5a..388a6a454af 100644 --- a/polaris.shopify.com/content/components/layout-and-structure/media-card.md +++ b/polaris.shopify.com/content/components/layout-and-structure/media-card.md @@ -137,7 +137,7 @@ Add a menu item ## Related components - To create a video card, [use the video thumbnail component](https://polaris.shopify.com/components/video-thumbnail) -- To group similar concepts and tasks together, [use the card component](https://polaris.shopify.com/components/layout-and-structure/alpha-card) +- To group similar concepts and tasks together, [use the card component](https://polaris.shopify.com/components/layout-and-structure/card) - To create page-level layout, [use the layout component](https://polaris.shopify.com/components/layout-and-structure/layout) - To explain a feature that merchants haven’t tried yet, [use the empty state component](https://polaris.shopify.com/components/layout-and-structure/empty-state) diff --git a/polaris.shopify.com/content/components/utilities/collapsible.md b/polaris.shopify.com/content/components/utilities/collapsible.md index d4face051a3..1b52e918099 100644 --- a/polaris.shopify.com/content/components/utilities/collapsible.md +++ b/polaris.shopify.com/content/components/utilities/collapsible.md @@ -36,7 +36,7 @@ The collapsible component should: ## Content guidelines -Collapsible containers are cards with expandable and collapsible functionality, and should follow the content guidelines for [cards](https://polaris.shopify.com/components/layout-and-structure/alpha-card#content-guidelines). +Collapsible containers are cards with expandable and collapsible functionality, and should follow the content guidelines for [cards](https://polaris.shopify.com/components/layout-and-structure/legacy-card#content-guidelines). --- diff --git a/polaris.shopify.com/content/components/utilities/scrollable.md b/polaris.shopify.com/content/components/utilities/scrollable.md index 4c9830deaa3..064693bd1e5 100644 --- a/polaris.shopify.com/content/components/utilities/scrollable.md +++ b/polaris.shopify.com/content/components/utilities/scrollable.md @@ -34,7 +34,7 @@ Scrollable containers should: ## Content guidelines -Scrollable containers are cards with scrolling functionality, and should follow the [content guidelines](https://polaris.shopify.com/components/layout-and-structure/alpha-card#content-guidelines) for cards. +Scrollable containers are cards with scrolling functionality, and should follow the [content guidelines](https://polaris.shopify.com/components/layout-and-structure/legacy-card#content-guidelines) for cards. --- diff --git a/polaris.shopify.com/content/patterns/page-layouts.md b/polaris.shopify.com/content/patterns/page-layouts.md index 7480cc22f86..28b2f534313 100644 --- a/polaris.shopify.com/content/patterns/page-layouts.md +++ b/polaris.shopify.com/content/patterns/page-layouts.md @@ -57,7 +57,7 @@ Within the page, the [layout component](/components/layout-and-structure/layout) Place page-level [banners](/components/feedback-indicators/banner) in a full-width section at the top of the page. -Stack [cards](/components/layout-and-structure/alpha-card) in sections to separate the screen’s main content into meaningful groups. +Stack [cards](/components/layout-and-structure/legacy-card) in sections to separate the screen’s main content into meaningful groups. For screens that represent an individual resource like a product or order, place [page actions](/components/actions/page-actions) in a full-width section at the bottom of the page. @@ -69,7 +69,7 @@ For pages that don’t have footer actions, the ![Diagram showing the anatomy of a card component, showing the card title and header actions at the top, two sections in the middle, and footer below](/images/foundations/patterns/page-layouts/card-layout-diagram@2x.png) -[Cards](/components/layout-and-structure/alpha-card) have a similar structure to the page as a whole. +[Cards](/components/layout-and-structure/legacy-card) have a similar structure to the page as a whole. - Cards often have a header, with a title and card-level actions on the right. - Cards can have footer actions. @@ -77,7 +77,7 @@ For pages that don’t have footer actions, the - Sections often have a subheader with a title on the left and section-level actions on the right. For more details, including when to use header and footer actions, see the -[card component](/components/layout-and-structure/alpha-card). +[card component](/components/layout-and-structure/legacy-card). --- diff --git a/polaris.shopify.com/next.config.js b/polaris.shopify.com/next.config.js index e83ed4aba22..381822dc4f2 100644 --- a/polaris.shopify.com/next.config.js +++ b/polaris.shopify.com/next.config.js @@ -285,11 +285,6 @@ const imagesAndIcons = [ ]; const layoutAndStructure = [ - { - source: '/components/alpha-card', - destination: '/components/layout-and-structure/alpha-card', - permanent: false, - }, { source: '/components/alpha-stack', destination: '/components/layout-and-structure/alpha-stack', @@ -310,6 +305,11 @@ const layoutAndStructure = [ destination: '/components/layout-and-structure/callout-card', permanent: false, }, + { + source: '/components/card', + destination: '/components/layout-and-structure/card', + permanent: false, + }, { source: '/components/columns', destination: '/components/layout-and-structure/columns', diff --git a/polaris.shopify.com/pages/examples/alpha-card-with-subdued-background.tsx b/polaris.shopify.com/pages/examples/alpha-card-with-subdued-background.tsx deleted file mode 100644 index c2cf0838a10..00000000000 --- a/polaris.shopify.com/pages/examples/alpha-card-with-subdued-background.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import {AlphaCard, Text} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function AlphaCardExample() { - return ( - - - Content inside a card - - - ); -} - -export default withPolarisExample(AlphaCardExample); diff --git a/polaris.shopify.com/pages/examples/card-default.tsx b/polaris.shopify.com/pages/examples/card-default.tsx index d6d4d282497..a02c2a0f3f8 100644 --- a/polaris.shopify.com/pages/examples/card-default.tsx +++ b/polaris.shopify.com/pages/examples/card-default.tsx @@ -1,11 +1,13 @@ -import {Card} from '@shopify/polaris'; +import {Card, Text} from '@shopify/polaris'; import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function CardExample() { return ( - -

View a summary of your online store’s performance.

+ + + Content inside a card + ); } diff --git a/polaris.shopify.com/pages/examples/card-with-a-subdued-section.tsx b/polaris.shopify.com/pages/examples/card-with-a-subdued-section.tsx deleted file mode 100644 index 8688b8dd5a9..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-a-subdued-section.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import {Card, List} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - - - Felix Crafford - Ezequiel Manno - - - - - Felix Crafford - Ezequiel Manno - - - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-all-elements.tsx b/polaris.shopify.com/pages/examples/card-with-all-elements.tsx deleted file mode 100644 index 925430db202..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-all-elements.tsx +++ /dev/null @@ -1,96 +0,0 @@ -import { - Card, - Popover, - Button, - ActionList, - TextContainer, - ResourceList, - Stack, - List, -} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - - - View Sales - - } - onClose={() => {}} - > - - - - - - You can use sales reports to see information about your customers’ - orders based on criteria such as sales over time, by channel, or by - staff. - - - - { - const {sales, amount, url} = item; - return ( - - - {sales} - {amount} - - - ); - }} - /> - - - - Payouts - Total Sales By Channel - - - - - The sales reports are available only if your store is on the Shopify - plan or higher. - - - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-custom-footer-actions.tsx b/polaris.shopify.com/pages/examples/card-with-custom-footer-actions.tsx deleted file mode 100644 index ef87bd765d0..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-custom-footer-actions.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import {Card, Stack, ButtonGroup, Button} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - - -

- Two-step authentication adds an extra layer of security when logging - in to your account. A special code will be required each time you - log in, ensuring only you can access your account. -

- - - - - - - - - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-custom-react-node-title.tsx b/polaris.shopify.com/pages/examples/card-with-custom-react-node-title.tsx deleted file mode 100644 index d00e8d3b026..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-custom-react-node-title.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import {Card, Stack, Icon, List, Text} from '@shopify/polaris'; -import {ProductsMajor} from '@shopify/polaris-icons'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - - - - New Products - - - } - > - - Socks - Super Shoes - - - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-destructive-action.tsx b/polaris.shopify.com/pages/examples/card-with-destructive-action.tsx deleted file mode 100644 index 8adbe3e272e..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-destructive-action.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import {Card} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - -

John Smith

- - -

john.smith@example.com

- - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-destructive-footer-action.tsx b/polaris.shopify.com/pages/examples/card-with-destructive-footer-action.tsx deleted file mode 100644 index 7b5ed2be756..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-destructive-footer-action.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import {Card, List} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - - - 1 Γ— Oasis Glass, 4-Pack - 1 Γ— Anubis Cup, 2-Pack - - - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-flushed-sections.tsx b/polaris.shopify.com/pages/examples/card-with-flushed-sections.tsx deleted file mode 100644 index d92188de877..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-flushed-sections.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import {Card, Image, TextContainer} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - - a sheet with purple and orange stripes - - - - You can use sales reports to see information about your customers’ - orders based on criteria such as sales over time, by channel, or by - staff. - - - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-footer-actions.tsx b/polaris.shopify.com/pages/examples/card-with-footer-actions.tsx deleted file mode 100644 index 762d8abe773..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-footer-actions.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import {Card, List} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - - - 1 Γ— Oasis Glass, 4-Pack - 1 Γ— Anubis Cup, 2-Pack - - - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-header-actions.tsx b/polaris.shopify.com/pages/examples/card-with-header-actions.tsx deleted file mode 100644 index bedf0ccec79..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-header-actions.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import {Card} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - -

- Add variants if this product comes in multiple versions, like different - sizes or colors. -

- - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-multiple-footer-actions.tsx b/polaris.shopify.com/pages/examples/card-with-multiple-footer-actions.tsx deleted file mode 100644 index 5c5b383f34b..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-multiple-footer-actions.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import {Card, List} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - - - 1 Γ— Oasis Glass, 4-Pack - 1 Γ— Anubis Cup, 2-Pack - - - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-multiple-sections.tsx b/polaris.shopify.com/pages/examples/card-with-multiple-sections.tsx deleted file mode 100644 index c45601246a6..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-multiple-sections.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import {Card} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - -

View a summary of your online store’s performance.

- - -

- View a summary of your online store’s performance, including sales, - visitors, top products, and referrals. -

- - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-multiple-titled-sections.tsx b/polaris.shopify.com/pages/examples/card-with-multiple-titled-sections.tsx deleted file mode 100644 index 88e470bd1cd..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-multiple-titled-sections.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import {Card} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - -

View a summary of your online store’s performance.

- - -

- View a summary of your online store’s performance, including sales, - visitors, top products, and referrals. -

- - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/alpha-card-default.tsx b/polaris.shopify.com/pages/examples/card-with-rounded-corners.tsx similarity index 55% rename from polaris.shopify.com/pages/examples/alpha-card-default.tsx rename to polaris.shopify.com/pages/examples/card-with-rounded-corners.tsx index 50986b57f56..2af4e21b90d 100644 --- a/polaris.shopify.com/pages/examples/alpha-card-default.tsx +++ b/polaris.shopify.com/pages/examples/card-with-rounded-corners.tsx @@ -1,15 +1,15 @@ -import {AlphaCard, Text} from '@shopify/polaris'; +import {Card, Text} from '@shopify/polaris'; import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; -function AlphaCardExample() { +function CardExample() { return ( - + Content inside a card - + ); } -export default withPolarisExample(AlphaCardExample); +export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-sections-and-actions.tsx b/polaris.shopify.com/pages/examples/card-with-sections-and-actions.tsx deleted file mode 100644 index 1db87cb7304..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-sections-and-actions.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import {Card} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - -

John Smith

- - -

john.smith@example.com

- - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-separate-header.tsx b/polaris.shopify.com/pages/examples/card-with-separate-header.tsx deleted file mode 100644 index c764f6a6488..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-separate-header.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import {Card, Popover, Button, ActionList, List} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - - - Add account - - } - onClose={() => {}} - > - - - - - - Felix Crafford - Ezequiel Manno - - - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/alpha-card-with-rounded-corners.tsx b/polaris.shopify.com/pages/examples/card-with-subdued-background.tsx similarity index 53% rename from polaris.shopify.com/pages/examples/alpha-card-with-rounded-corners.tsx rename to polaris.shopify.com/pages/examples/card-with-subdued-background.tsx index dade684c47f..75b046ce31e 100644 --- a/polaris.shopify.com/pages/examples/alpha-card-with-rounded-corners.tsx +++ b/polaris.shopify.com/pages/examples/card-with-subdued-background.tsx @@ -1,15 +1,15 @@ -import {AlphaCard, Text} from '@shopify/polaris'; +import {Card, Text} from '@shopify/polaris'; import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; -function AlphaCardExample() { +function CardExample() { return ( - + Content inside a card - + ); } -export default withPolarisExample(AlphaCardExample); +export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-subdued-for-secondary-content.tsx b/polaris.shopify.com/pages/examples/card-with-subdued-for-secondary-content.tsx deleted file mode 100644 index cbe2dcb9815..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-subdued-for-secondary-content.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import {Card, List} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - - Felix Crafford - Ezequiel Manno - - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/card-with-subsection.tsx b/polaris.shopify.com/pages/examples/card-with-subsection.tsx deleted file mode 100644 index ed71c4e4295..00000000000 --- a/polaris.shopify.com/pages/examples/card-with-subsection.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import {Card} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function CardExample() { - return ( - - -

John Smith

- - - - 123 First St -
- Somewhere -
- The Universe - - - 123 Second St -
- Somewhere -
- The Universe - - - - - A single subsection without a sibling has no visual appearance - - - - ); -} - -export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/pages/examples/alpha-card-with-varying-padding.tsx b/polaris.shopify.com/pages/examples/card-with-varying-padding.tsx similarity index 70% rename from polaris.shopify.com/pages/examples/alpha-card-with-varying-padding.tsx rename to polaris.shopify.com/pages/examples/card-with-varying-padding.tsx index b40d25aebe0..13d1dd61382 100644 --- a/polaris.shopify.com/pages/examples/alpha-card-with-varying-padding.tsx +++ b/polaris.shopify.com/pages/examples/card-with-varying-padding.tsx @@ -1,22 +1,22 @@ -import {AlphaCard, Text, AlphaStack} from '@shopify/polaris'; +import {Card, Text, AlphaStack} from '@shopify/polaris'; import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; -function AlphaCardExample() { +function CardExample() { return ( - + - - + + - - + + - - + + - + ); } @@ -43,4 +43,4 @@ const Placeholder = ({label = '', height = 'auto', width = 'auto'}) => { ); }; -export default withPolarisExample(AlphaCardExample); +export default withPolarisExample(CardExample); diff --git a/polaris.shopify.com/public/images/components/layout-and-structure/alpha-card.png b/polaris.shopify.com/public/images/components/layout-and-structure/alpha-card.png deleted file mode 100644 index 131c0cffefeb9a504c4610c519f6110e62246885..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 16995 zcmeHudpMNa`}gQ8W$hnjAxf~)h zijq{?n?X(!ZIdDpX^X@B4A{qw!9-*x@|;JUizdDgSm{oL!mKlkUp*LqeF zrliBtzy1Cj4u_LI@`v$B9BvT-hnpX|WD#ij=-ZPGek48rIOC1OZO}pgNgRyXVGkN5 zyiXq9kIVbAb`abwaN2ib9}ZU-xpemYLL6@2^bzBIr>;r-?39jP`|eR*H~Y#Fd&fHs zaw3HImAvPkuB+5v<(CF>M}Ed9viHf!701?!4k>Kw)=XMl)_3mU53YjT=1vw zjEBEf_i7~Jg}qhJ0(eodl{^n#v_904fEPcHCcMj5n?fUb7JOf zGlv@(6;=Psg2DDg5JOQ>G0kx8van7{p2nafQjQQrqDg_SIkBQ)ERZ;5B6Q+S%rLn` zCoaNrf za#~7ri~EK~duxq?-sf-Zl_SvR3FRXj2VX9T5R_0q$1<&$PiesdVTwrRZKK_KcVTUB za|3^tsu^SF`Gr0Q#(;GYKmV`_gtQu>I>Wl}4UG7XVIKXcZkA9Rt8SF2h2PV_-|NdK%x~} z($Z5X0%twL_qT4zdC>TmB32eZZac)DA&@#ArJMD%*imh0LT(CTAmq((q<7(PRSR&l z9uxUgp{oEvcy`C)ru%oCY;wLeIo(b&>(C(g+?$x%wB_jR3=^>>9SuTa>EUvyihDzm zsRk;Eh|F>)(uqRnSNCZ26K{me2_we;iRgP-qd`}1(GgCwBI`#XS8d8H-7Ff5q^h?V zFjn&By$hBjjO>-cTdWvrZAAF(OsTD?RN3ri1B62r4UD(@xCQ41Hp@>PNL*scIre~Z z*Sz!HWVIcl2Qy{I4XS9O(aZd}4Y$d}^jcVtQLC*|-Xd>Fyhqm(XpSnI%-s#;G*PS_ zBN?aE)??25er+A7B`85%HEf%@T4yiRV5s_b{-F&p0UvBeW>g-r; z--NMS>ngSJGmK^C=bw;H%nE>`j|LmggS|XCwseYN@KmQ?{a}RkMwJAenPEBAnuv2f#`pDh zk6FjT_OeC4k(Hx$mOoLf&f6C#6!2heGg_=q3s4~~z!Ua=ikxqGVDb=F*u>q--DcH& z8xNGj$;4`!tsG@IO2ZM;ZNc2n+9Y(y^>7T(PPs|3r8E8RMdA1jTQKW*T9O@ny_92g zmiKze@F$M1NM-rEq&EKPM2+`qbF_f0)^KlbtlNk;+sDn zBCuV4rAQyq(u=W^qfdZpE^I_w0FyvwtduV*z0F{Cp*gEF+^UEe+(x*ql z`dP5&k4tOH9nTDt$U15vuv0_Rpd^RaznpMgK@)8VF-uA=DAWhY`7sT-fxKvX0^!Q{FgTGw)QKrx%=_{VCUU66peve9aqcsE5W4(Z)0{BLJN#nB8$s zd#(~8kM8rc%TYS_+{4sCak1GFZyuelE<^qs2!J3 zL_|ILm?Bt=j?m07$CF6CK(hMN=OWleDlz^8(B*ROYRt7xf(Xf>bW|wUKtBc|%kze7 z(oW#G2Sii`>ID#IOZsHcJNr}Q{i&z`PY(>JmNpS~Luq^b29^`%Wl+&BxKfMM%b!pB z{ho4KmWK^uX#1Yk|Gbg(O!FMXeckw<#SWHvnmj|0b)ww)tAk&06v=RpJZ=$&`0NrNt5i=FiXyf~3_1NG8XpDb-{P8djsp>+DXR(qv+o(E zo`u`b$x9x<$W`6r8BhdnYdWL?mk&}HYO?YZtWiL~iObgA)p{jfN-FDWz#v!hA!DYq z-)%=C>Fk51dRkL$U;>9Ee*2n)azS>=Bm{bamxD6!;}d_fBKq9k{_`%>t;N2T`qF4a z$P0?s{%0RHk`|0A>_Ho<>d$c=9L6%i`jc+#l2?$L{thgF+`)T0bJ~# zj4{R`jHsGCi<_n3fGWIDkARKwad~p{Q>8N$lg%2_sgpyYVj&a<)8Ag}XvK|x^caVT z`a`4fup5+4)HUN^<|yz|p{QneZrDP?V2m62Q)l^pEXB2Yd7(&qd!rSOe0obRuco0F zzx3}gNTMMRw~lE=;3e{IT&#i}7QHn_{lKgF^)4&-ggW5sM+5$ly1w^#xnOpI8xeq0 zDUYMGlm0Jq`smn-LS?u8mlIH8j-WjAtP|+4A*Oq$J#4aSKH&}MA`7RN4AD^Fm1_>7 z)>!({(<87$cAqujPvyVR2!V`;JKJo+4aZAZ>r;=v$1ql32O-<{IRe8_dT0bn{a650 z87{{RAAV|0#gKK72TE!4CKeY;iwU&(csryUJ1Bw$!vdk+IW#1YfsY%>Wc zDIqA_v``jR%H9WrH_CEZB8!DkZTky=aI-squ`>Ib!FFbO+h)MzV&f~kYDURoKgI$e zzdF19ETN!O(cKFrRAmq_E|sl!Y{k;r_bkifLruW?{=kUG_*(YRAXY-uA^yKG&%wJG?tG2R$Z6{9xGF3bZa(6?9#aff}Bp#25Sl&2ny_P~OnD#PPP z38cerGmMf){sV|m2u<8tl&KF4^8Kpbw)xHRk{yBolQ)p^Ka{!2!`Z`G~th~On9nIdTzpr7j{rzS@eoLG4 zCIIUmH3&rKUJK%XQwT8Sg~|08Jz2Q1 zR}la_B?Ot0=@|Ge-=euNVjnbpS(bDsWTES8e;M8zL>-_F1I*-_S-Z{Cp#-T_s1j9{ zk$BXK;?&p<>IRTQlriY!+{^vevF>Q%k|)?4a{BAzGqHM8)bkpvC7{97y$R!)3xAw< z_*J_`!A!AU9K{xE%H7zYx?E6ZJNQg&4&K(J*Sc7yOBAP=Y`xvxN7F%k%N~F}1ES4` z(omkPFD7A}*zk(13W%;M5WCgz4p4@Lo~u9ER$Tw;=%QKBwAv#7ODPLWP4*T}steE> zG(=C=tXj;0mi6U>z1Hc*ptby;I!~A-?*JC#q4hM5fEm|4d+S(k5-551H+hOlKigU> zH^Hd}<)skO`Vx#)PJe4c6VLZ9tU7GJf=)M7Jg4vQ{QI3KL3Q-dmHIRP(<;vz0XI+~~^8v;K;!JU{i={Bv z_Wwz}8zUXyqJW)_;mK15yuruG+6+NofwSD>i&m0N_B;)Ee+b+ICr&hCxJd+yB*5xh zyEaHc_Nw|&j;^bIRe!u_JXoClTZRNyLiK;;>ZoG0@D1@#7N;3$AD6cRXRIb)i0<-( z*XMbE1nJaN1n)`&#U$l}po5sCTZ`P|frWm}7<;#|YwphPSh_fqgs!Ur%zLito%lsp z>r)u+P?`hpaA6%N+eXzeO2{}Y32h_0`U;MvIPG6Lf$jW>3DY^VI_`YPIZC(1R)U1@nSh-yi<74icPDVW{x+JFK zE9&I833#+k*c*D-1`a#~Y}jkQ)Rg>$iaEMpZ}!};)sWz`)&-Pyu*?>#YY3ZAIs2rEhm(-|(0Men77|j--Xn?c+W$qtstoTgLs5+3bd?Vz3Ek<%4^^3oD ze7NfG@fJ%}zskR4|2uLIRT5Ltax#PMB(@&NT=)oJmz9M0+5%_?P<(9%oUgcjDh=Li z78UA8n`{fk3Uy63=fsi~{y`1^{=bqf+cQFrYhZ#J>=ciS`5ia4AF!O++f1x5GE0iX zmfoqv@NL-Cube?k=>-{Ytn+-l#LF^^NI8-T;QQ+eFfKv}#u29hZ)~Cd^0uC{ax7y+ zR@e!};=TwTPIo1uGy0MK@ACU@C(6kd!hU~C%nixq#*$=|O==Rb_%bPL-W-F9nShAK zITgFJts%3ESAM64(%h5kSoo!dEB1=1Hc#NDC0>+HrHQ!~ElV#J>(A|XphfT8e#hK? z2PBNS{SJ)tK%p_W-!Zq}fy2%1cfjf>Yi_>-*kNwJ0|mp}e#hK?N6*}T2iTIC+wZ{P z=Jq=PCC=@4%C`KasXQ*q!(S*VV|s;b|MN@JfMh2!jA*eS7U3eWVA`l6S5 z87QVx!3kgZnPIeerZ3hmZL$nKHwn%}7)!T~F|q}B2c7=Bj<|EW;uCcK(Zo%u*-L4k zIoYi$&qol~7te|$67H+4m72^7bLN|8`)IaGZzP&L{1~&VvD16{QrbiS{6tk&iyn)n zNcxJtM9d!U{1oZwpz5VFW`E{_jFQoDFe&U9%oKyq=TD!>w0EF|;rn(3A45B-);+92$ zN&Z-m!>sy5_k<08sohP(KpD9gTF2|`m#O9D<^3}_K1Qb_ip;=CZUZ((p;x0y6v+QJ zz#^DfGPTS`;ynjyUIV=|R@iQTo4BGsM49Ln)nB1T;rGQ(+~}1>Z4#F`yABV|J|7N1 zM8N^G(__=Rm!$}C^zQ0+?<~N1U4^Kn6Rg@umb}A23csE0UD$s%ks{=^6xzc%^>0EX zCbm%Vs!1FaJvwk}t!ZyeqWo+PL8U^EzCdq8K0x9)wlH^#IC<;5%e+;0WRAEXQepg5Ys zp`(>`DIT;S{!SrJz?){;f24bE@jF`MxnGlP04#4Msx+5WJ9^s8w!zOVXnJ&miH_=B z6RKcy(snBR${BRbL&SHQmC+m+7;s!q_VOzFZPU2lNQ|a3-7?u5h&Y_OV7ZTGVL&hE z*%IclD7w1-;*~7c#IB^{&hSHimD|>ov$Wu;?KVNv_hV9yq-%S0Jv-0us@{BGK}k30 z^i5ga`wD3(DyeGus78k!Hr|ihf9uLh>)sZYyt9Uq|E+P`WFw-T`fUUH9`&V0blY1- zbnW9r?k=mx9Ay*zqDfol(ThmdA<%c zM&=5usJ8DzWZ%$5-H%0mJhQfj#@fk~3g%a~S_t3m_T0VAW6Q7wtLt=^CG}$G!^ynG zuU%Z*XAAEZy(Wuxrj5VIxpCgw$zKq3J$#6k^Yq|ljl5Wf(XQgC6uX-(=?jnCzF47q zdTa2z$>tb8LGYFID=Fi)Kc4197H!k09wJwsi@CV0-oNr_bIYI$b=gd(&dp5D&iBRq z>XL0U{vFBLlWA^pv1EoH!|KeN&x+%@y5gcjkZ}dP@dGYeb+3cxciOIhM?(6*aysVzXH=~6)#N7(= z*=tRUt&YeERp8a_QoJ&B!^B{DZsjTpQ)fe{^Qy*u8Z@hAmk$_>Sq)PZn|VjJC}wCk z*G_PEzI+i*h|eBcud1k7dtX)Eb+whDhpv4LPhR6Mw$I7;Hjyu0uZneAB7Zd7XpOv+ zPr}9E+UUXe2T!(M;z@e!b}O#D8PNXBvnZk-KNWV$=Fai_eA4M|WtGX;EdTA*5j!m8 z$z%K7S)o>U>94k5@84-5FVCBFwb|4>Gp>BDW7$Qi!2l)Nts%#F;z&a-uT;%vZLLy^ zMQhleuJ)b5uP-O4nj%Lq%K&>>A!J)%FL=eKGfF_i;uh)|?Z&wJB-xAW9=g%u+HUzB zdBD^qjU?*q?5n!3q>`91KU}bWos4Q<(m_`KqVawGJJ;G42fK$%Q1r= zUH!XWOC4bKYJFkqbeC>dwO-u7*txykd8Sp*I3-FlnZCT7FrhSBqpY|5#X=$piY!(-mdE zaT)R?bH_D9n#pSQC2LCSuNLKN^scHPwe>xj$|_GyZ2M5Uk`h1puq@cI;(+5UZ=qkM zJ4)oN=7*6 z;rwgDi*wmyIbCaR7GFSIjs= zc+%QeL7HlQq$WSpnzLWn_!$PHWq4KT--ljwzBFpqaA9qI?`u`RyCjK5`Q}?fy-~yu{iDX4S6VXcr8Z(#ugM*H{%}kw`iq)v0Ep{Ns&Oa<#P1Ueo z{KhSx!Kp2|xovT7^Pl+?`tISpDfw<{hucfUU-N8j;qOB+(O*mO9@&*{jl&fMTN;0| zJ(%2J);GVCu5OVw)Pluq$^t&U6WM4DM&H z8FFoZJvKEPjvzZG=^iu9ZZQMfDqL)Y*+_s9j~?8aLFLhN>E**aKj(?SoILJYfky}4 zKNYnLS71y_cavfxlS6cd-|Tfk(a#Q(k;Jlr9tqa{Xnxz99=1zxo4`MguG8DoeSd5u z&VJ~~;MW#*$)wa}h8?+aKAUzsq17tbtD|_?l+BWt0uSD!w~~9(MC7$$SthN{4F_HP zMU3Fin=aJT#ndXVwE<%VuAdGRr#v5@*-(G2ik2g4cN<=PUqF{Y$&K2kw+Q`3l6L?+ zQyXdSH$WKc3$`{<^>Q?L%)}8|3zF-ub?KPSo4Z%mu6OD$sYSLm*LIY?iJfk)50V#B zof8hQ9CU1Fo7}qkTNy}a$yDVeKQ|K@=4K+*nTY>Mq string", - "description": "" - } - }, - "IdGeneratorFactory": { - "polaris-react/src/utilities/unique-id/unique-id-factory.ts": { - "filePath": "polaris-react/src/utilities/unique-id/unique-id-factory.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "IdGeneratorFactory", - "value": "(prefix: string) => IdGenerator", - "description": "" - } - }, - "Options": { - "polaris-react/src/utilities/focus-manager/hooks.ts": { - "filePath": "polaris-react/src/utilities/focus-manager/hooks.ts", - "name": "Options", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/utilities/focus-manager/hooks.ts", - "syntaxKind": "PropertySignature", - "name": "trapping", - "value": "boolean", - "description": "" - } - ], - "value": "interface Options {\n trapping: boolean;\n}" - } - }, "Logo": { "polaris-react/src/utilities/frame/types.ts": { "filePath": "polaris-react/src/utilities/frame/types.ts", @@ -4296,6 +4237,65 @@ "description": "" } }, + "IdGenerator": { + "polaris-react/src/utilities/unique-id/unique-id-factory.ts": { + "filePath": "polaris-react/src/utilities/unique-id/unique-id-factory.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "IdGenerator", + "value": "() => string", + "description": "" + } + }, + "IdGeneratorFactory": { + "polaris-react/src/utilities/unique-id/unique-id-factory.ts": { + "filePath": "polaris-react/src/utilities/unique-id/unique-id-factory.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "IdGeneratorFactory", + "value": "(prefix: string) => IdGenerator", + "description": "" + } + }, + "Options": { + "polaris-react/src/utilities/focus-manager/hooks.ts": { + "filePath": "polaris-react/src/utilities/focus-manager/hooks.ts", + "name": "Options", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/utilities/focus-manager/hooks.ts", + "syntaxKind": "PropertySignature", + "name": "trapping", + "value": "boolean", + "description": "" + } + ], + "value": "interface Options {\n trapping: boolean;\n}" + } + }, + "FeaturesConfig": { + "polaris-react/src/utilities/features/types.ts": { + "filePath": "polaris-react/src/utilities/features/types.ts", + "name": "FeaturesConfig", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/utilities/features/types.ts", + "name": "[key: string]", + "value": "boolean" + } + ], + "value": "export interface FeaturesConfig {\n [key: string]: boolean;\n}" + } + }, + "Features": { + "polaris-react/src/utilities/features/types.ts": { + "filePath": "polaris-react/src/utilities/features/types.ts", + "name": "Features", + "description": "", + "members": [], + "value": "export interface Features {}" + } + }, "NavigableOption": { "polaris-react/src/utilities/listbox/types.ts": { "filePath": "polaris-react/src/utilities/listbox/types.ts", @@ -7305,15 +7305,6 @@ "description": "" } }, - "PortalsContainerElement": { - "polaris-react/src/utilities/portals/types.ts": { - "filePath": "polaris-react/src/utilities/portals/types.ts", - "syntaxKind": "TypeAliasDeclaration", - "name": "PortalsContainerElement", - "value": "HTMLDivElement | null", - "description": "" - } - }, "ResourceListSelectedItems": { "polaris-react/src/utilities/resource-list/types.ts": { "filePath": "polaris-react/src/utilities/resource-list/types.ts", @@ -7381,6 +7372,15 @@ "value": "export interface ResourceListContextType {\n selectMode?: boolean;\n selectable?: boolean;\n selectedItems?: ResourceListSelectedItems;\n resourceName?: {\n singular: string;\n plural: string;\n };\n loading?: boolean;\n onSelectionChange?(\n selected: boolean,\n id: string,\n sortNumber: number | undefined,\n shiftKey: boolean,\n ): void;\n}" } }, + "PortalsContainerElement": { + "polaris-react/src/utilities/portals/types.ts": { + "filePath": "polaris-react/src/utilities/portals/types.ts", + "syntaxKind": "TypeAliasDeclaration", + "name": "PortalsContainerElement", + "value": "HTMLDivElement | null", + "description": "" + } + }, "StickyItem": { "polaris-react/src/utilities/sticky-manager/sticky-manager.ts": { "filePath": "polaris-react/src/utilities/sticky-manager/sticky-manager.ts", @@ -7980,216 +7980,55 @@ "value": "interface Props {\n /** Callback when the search is dismissed */\n onDismiss?(): void;\n /** Determines whether the overlay should be visible */\n visible: boolean;\n}" } }, - "ActionMenuProps": { - "polaris-react/src/components/ActionMenu/ActionMenu.tsx": { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "name": "ActionMenuProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "syntaxKind": "PropertySignature", - "name": "actions", - "value": "MenuActionDescriptor[]", - "description": "Collection of page-level secondary actions", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "syntaxKind": "PropertySignature", - "name": "groups", - "value": "MenuGroupDescriptor[]", - "description": "Collection of page-level action groups", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "syntaxKind": "PropertySignature", - "name": "rollup", - "value": "boolean", - "description": "Roll up all actions into a Popover > ActionList", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "syntaxKind": "PropertySignature", - "name": "rollupActionsLabel", - "value": "string", - "description": "Label for rolled up actions activator", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", - "syntaxKind": "MethodSignature", - "name": "onActionRollup", - "value": "(hasRolledUp: boolean) => void", - "description": "Callback that returns true when secondary actions are rolled up into action groups, and false when not", - "isOptional": true - } - ], - "value": "export interface ActionMenuProps {\n /** Collection of page-level secondary actions */\n actions?: MenuActionDescriptor[];\n /** Collection of page-level action groups */\n groups?: MenuGroupDescriptor[];\n /** Roll up all actions into a Popover > ActionList */\n rollup?: boolean;\n /** Label for rolled up actions activator */\n rollupActionsLabel?: string;\n /** Callback that returns true when secondary actions are rolled up into action groups, and false when not */\n onActionRollup?(hasRolledUp: boolean): void;\n}" - } - }, - "CardBackgroundColorTokenScale": { - "polaris-react/src/components/AlphaCard/AlphaCard.tsx": { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", + "Align": { + "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", "syntaxKind": "TypeAliasDeclaration", - "name": "CardBackgroundColorTokenScale", - "value": "\"surface\" | \"surface-subdued\"", + "name": "Align", + "value": "'start' | 'end' | 'center'", "description": "" - } - }, - "Spacing": { - "polaris-react/src/components/AlphaCard/AlphaCard.tsx": { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", + }, + "polaris-react/src/components/Inline/Inline.tsx": { + "filePath": "polaris-react/src/components/Inline/Inline.tsx", "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "ResponsiveProp", + "name": "Align", + "value": "'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly'", "description": "" - }, - "polaris-react/src/components/Bleed/Bleed.tsx": { - "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", + } + }, + "Element": { + "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "ResponsiveProp", + "name": "Element", + "value": "'div' | 'ul' | 'ol' | 'fieldset'", "description": "" }, "polaris-react/src/components/Box/Box.tsx": { "filePath": "polaris-react/src/components/Box/Box.tsx", "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "ResponsiveProp", + "name": "Element", + "value": "'div' | 'span' | 'section' | 'legend' | 'ul' | 'li'", "description": "" }, - "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx": { - "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "polaris-react/src/components/Text/Text.tsx": { + "filePath": "polaris-react/src/components/Text/Text.tsx", "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "'extraTight' | 'tight' | 'loose'", + "name": "Element", + "value": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'legend'", "description": "" - }, - "polaris-react/src/components/LegacyStack/LegacyStack.tsx": { - "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + } + }, + "Gap": { + "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { + "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "'extraTight' | 'tight' | 'baseTight' | 'loose' | 'extraLoose' | 'none'", + "name": "Gap", + "value": "ResponsiveProp", "description": "" }, - "polaris-react/src/components/List/List.tsx": { - "filePath": "polaris-react/src/components/List/List.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "'extraTight' | 'loose'", - "description": "" - }, - "polaris-react/src/components/Stack/Stack.tsx": { - "filePath": "polaris-react/src/components/Stack/Stack.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "'extraTight' | 'tight' | 'baseTight' | 'loose' | 'extraLoose' | 'none'", - "description": "" - }, - "polaris-react/src/components/TextContainer/TextContainer.tsx": { - "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Spacing", - "value": "'tight' | 'loose'", - "description": "" - } - }, - "AlphaCardProps": { - "polaris-react/src/components/AlphaCard/AlphaCard.tsx": { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", - "name": "AlphaCardProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", - "syntaxKind": "PropertySignature", - "name": "background", - "value": "CardBackgroundColorTokenScale", - "description": "Background color", - "isOptional": true, - "defaultValue": "'surface'" - }, - { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", - "syntaxKind": "PropertySignature", - "name": "padding", - "value": "Spacing", - "description": "The spacing around the card", - "isOptional": true, - "defaultValue": "{xs: '4', sm: '5'}" - }, - { - "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx", - "syntaxKind": "PropertySignature", - "name": "roundedAbove", - "value": "BreakpointsAlias", - "description": "Border radius value above a set breakpoint", - "isOptional": true - } - ], - "value": "export interface AlphaCardProps {\n children?: React.ReactNode;\n /** Background color\n * @default 'surface'\n */\n background?: CardBackgroundColorTokenScale;\n /** The spacing around the card\n * @default {xs: '4', sm: '5'}\n * @example\n * padding='4'\n * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n padding?: Spacing;\n /** Border radius value above a set breakpoint */\n roundedAbove?: BreakpointsAlias;\n}" - } - }, - "Align": { - "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Align", - "value": "'start' | 'end' | 'center'", - "description": "" - }, - "polaris-react/src/components/Inline/Inline.tsx": { - "filePath": "polaris-react/src/components/Inline/Inline.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Align", - "value": "'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly'", - "description": "" - } - }, - "Element": { - "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Element", - "value": "'div' | 'ul' | 'ol' | 'fieldset'", - "description": "" - }, - "polaris-react/src/components/Box/Box.tsx": { - "filePath": "polaris-react/src/components/Box/Box.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Element", - "value": "'div' | 'span' | 'section' | 'legend' | 'ul' | 'li'", - "description": "" - }, - "polaris-react/src/components/Text/Text.tsx": { - "filePath": "polaris-react/src/components/Text/Text.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Element", - "value": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'legend'", - "description": "" - } - }, - "Gap": { - "polaris-react/src/components/AlphaStack/AlphaStack.tsx": { - "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Gap", - "value": "ResponsiveProp", - "description": "" - }, - "polaris-react/src/components/Columns/Columns.tsx": { - "filePath": "polaris-react/src/components/Columns/Columns.tsx", + "polaris-react/src/components/Columns/Columns.tsx": { + "filePath": "polaris-react/src/components/Columns/Columns.tsx", "syntaxKind": "TypeAliasDeclaration", "name": "Gap", "value": "ResponsiveProp", @@ -8280,6 +8119,56 @@ "value": "export interface AlphaStackProps extends React.AriaAttributes {\n children?: React.ReactNode;\n /** HTML Element type\n * @default 'div'\n */\n as?: Element;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Toggle children to be full width\n * @default false\n */\n fullWidth?: boolean;\n /** The spacing between children */\n gap?: Gap;\n /** HTML id attribute */\n id?: string;\n /** Reverse the render order of child items\n * @default false\n */\n reverseOrder?: boolean;\n}" } }, + "ActionMenuProps": { + "polaris-react/src/components/ActionMenu/ActionMenu.tsx": { + "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "name": "ActionMenuProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "syntaxKind": "PropertySignature", + "name": "actions", + "value": "MenuActionDescriptor[]", + "description": "Collection of page-level secondary actions", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "syntaxKind": "PropertySignature", + "name": "groups", + "value": "MenuGroupDescriptor[]", + "description": "Collection of page-level action groups", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "syntaxKind": "PropertySignature", + "name": "rollup", + "value": "boolean", + "description": "Roll up all actions into a Popover > ActionList", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "syntaxKind": "PropertySignature", + "name": "rollupActionsLabel", + "value": "string", + "description": "Label for rolled up actions activator", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx", + "syntaxKind": "MethodSignature", + "name": "onActionRollup", + "value": "(hasRolledUp: boolean) => void", + "description": "Callback that returns true when secondary actions are rolled up into action groups, and false when not", + "isOptional": true + } + ], + "value": "export interface ActionMenuProps {\n /** Collection of page-level secondary actions */\n actions?: MenuActionDescriptor[];\n /** Collection of page-level action groups */\n groups?: MenuGroupDescriptor[];\n /** Roll up all actions into a Popover > ActionList */\n rollup?: boolean;\n /** Label for rolled up actions activator */\n rollupActionsLabel?: string;\n /** Callback that returns true when secondary actions are rolled up into action groups, and false when not */\n onActionRollup?(hasRolledUp: boolean): void;\n}" + } + }, "State": { "polaris-react/src/components/AppProvider/AppProvider.tsx": { "filePath": "polaris-react/src/components/AppProvider/AppProvider.tsx", @@ -9716,6 +9605,64 @@ "value": "export interface BannerHandles {\n focus(): void;\n}" } }, + "Spacing": { + "polaris-react/src/components/Bleed/Bleed.tsx": { + "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "ResponsiveProp", + "description": "" + }, + "polaris-react/src/components/Box/Box.tsx": { + "filePath": "polaris-react/src/components/Box/Box.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "ResponsiveProp", + "description": "" + }, + "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx": { + "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "'extraTight' | 'tight' | 'loose'", + "description": "" + }, + "polaris-react/src/components/Card/Card.tsx": { + "filePath": "polaris-react/src/components/Card/Card.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "ResponsiveProp", + "description": "" + }, + "polaris-react/src/components/LegacyStack/LegacyStack.tsx": { + "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "'extraTight' | 'tight' | 'baseTight' | 'loose' | 'extraLoose' | 'none'", + "description": "" + }, + "polaris-react/src/components/List/List.tsx": { + "filePath": "polaris-react/src/components/List/List.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "'extraTight' | 'loose'", + "description": "" + }, + "polaris-react/src/components/Stack/Stack.tsx": { + "filePath": "polaris-react/src/components/Stack/Stack.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "'extraTight' | 'tight' | 'baseTight' | 'loose' | 'extraLoose' | 'none'", + "description": "" + }, + "polaris-react/src/components/TextContainer/TextContainer.tsx": { + "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Spacing", + "value": "'tight' | 'loose'", + "description": "" + } + }, "BleedProps": { "polaris-react/src/components/Bleed/Bleed.tsx": { "filePath": "polaris-react/src/components/Bleed/Bleed.tsx", @@ -10930,94 +10877,57 @@ "value": "export interface CalloutCardProps {\n /** The content to display inside the callout card. */\n children?: React.ReactNode;\n /** The title of the card */\n title: React.ReactNode;\n /** URL to the card illustration */\n illustration: string;\n /** Primary action for the card */\n primaryAction: Action;\n /** Secondary action for the card */\n secondaryAction?: Action;\n /** Callback when banner is dismissed */\n onDismiss?(): void;\n}" } }, + "CardBackgroundColorTokenScale": { + "polaris-react/src/components/Card/Card.tsx": { + "filePath": "polaris-react/src/components/Card/Card.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "CardBackgroundColorTokenScale", + "value": "\"surface\" | \"surface-subdued\"", + "description": "" + } + }, "CardProps": { "polaris-react/src/components/Card/Card.tsx": { "filePath": "polaris-react/src/components/Card/Card.tsx", "name": "CardProps", "description": "", "members": [ - { - "filePath": "polaris-react/src/components/Card/Card.tsx", - "syntaxKind": "PropertySignature", - "name": "title", - "value": "React.ReactNode", - "description": "Title content for the card", - "isOptional": true - }, { "filePath": "polaris-react/src/components/Card/Card.tsx", "syntaxKind": "PropertySignature", "name": "children", "value": "React.ReactNode", - "description": "Inner content of the card", + "description": "", "isOptional": true }, { "filePath": "polaris-react/src/components/Card/Card.tsx", "syntaxKind": "PropertySignature", - "name": "subdued", - "value": "boolean", - "description": "A less prominent card", - "isOptional": true + "name": "background", + "value": "CardBackgroundColorTokenScale", + "description": "Background color", + "isOptional": true, + "defaultValue": "'surface'" }, { "filePath": "polaris-react/src/components/Card/Card.tsx", "syntaxKind": "PropertySignature", - "name": "sectioned", - "value": "boolean", - "description": "Auto wrap content in section", - "isOptional": true + "name": "padding", + "value": "Spacing", + "description": "The spacing around the card", + "isOptional": true, + "defaultValue": "{xs: '4', sm: '5'}" }, { "filePath": "polaris-react/src/components/Card/Card.tsx", "syntaxKind": "PropertySignature", - "name": "actions", - "value": "DisableableAction[]", - "description": "Card header actions", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/Card.tsx", - "syntaxKind": "PropertySignature", - "name": "primaryFooterAction", - "value": "ComplexAction", - "description": "Primary action in the card footer", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/Card.tsx", - "syntaxKind": "PropertySignature", - "name": "secondaryFooterActions", - "value": "ComplexAction[]", - "description": "Secondary actions in the card footer", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/Card.tsx", - "syntaxKind": "PropertySignature", - "name": "secondaryFooterActionsDisclosureText", - "value": "string", - "description": "The content of the disclosure button rendered when there is more than one secondary footer action", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/Card.tsx", - "syntaxKind": "PropertySignature", - "name": "footerActionAlignment", - "value": "\"left\" | \"right\"", - "description": "Alignment of the footer actions on the card, defaults to right", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/Card.tsx", - "syntaxKind": "PropertySignature", - "name": "hideOnPrint", - "value": "boolean", - "description": "Allow the card to be hidden when printing", + "name": "roundedAbove", + "value": "BreakpointsAlias", + "description": "Border radius value above a set breakpoint", "isOptional": true } ], - "value": "export interface CardProps {\n /** Title content for the card */\n title?: React.ReactNode;\n /** Inner content of the card */\n children?: React.ReactNode;\n /** A less prominent card */\n subdued?: boolean;\n /** Auto wrap content in section */\n sectioned?: boolean;\n /** Card header actions */\n actions?: DisableableAction[];\n /** Primary action in the card footer */\n primaryFooterAction?: ComplexAction;\n /** Secondary actions in the card footer */\n secondaryFooterActions?: ComplexAction[];\n /** The content of the disclosure button rendered when there is more than one secondary footer action */\n secondaryFooterActionsDisclosureText?: string;\n /** Alignment of the footer actions on the card, defaults to right */\n footerActionAlignment?: 'right' | 'left';\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n}" + "value": "export interface CardProps {\n children?: React.ReactNode;\n /** Background color\n * @default 'surface'\n */\n background?: CardBackgroundColorTokenScale;\n /** The spacing around the card\n * @default {xs: '4', sm: '5'}\n * @example\n * padding='4'\n * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n padding?: Spacing;\n /** Border radius value above a set breakpoint */\n roundedAbove?: BreakpointsAlias;\n}" } }, "CheckableButtonProps": { @@ -11602,6 +11512,79 @@ "description": "" } }, + "ComboboxProps": { + "polaris-react/src/components/Combobox/Combobox.tsx": { + "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", + "name": "ComboboxProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", + "syntaxKind": "PropertySignature", + "name": "activator", + "value": "React.ReactElement", + "description": "The text field component to activate the Popover" + }, + { + "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", + "syntaxKind": "PropertySignature", + "name": "allowMultiple", + "value": "boolean", + "description": "Allows more than one option to be selected", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "any", + "description": "The content to display inside the popover", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", + "syntaxKind": "PropertySignature", + "name": "preferredPosition", + "value": "PreferredPosition", + "description": "The preferred direction to open the popover", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", + "syntaxKind": "PropertySignature", + "name": "willLoadMoreOptions", + "value": "boolean", + "description": "Whether or not more options are available to lazy load when the bottom of the listbox reached. Use the hasMoreResults boolean provided by the GraphQL API of the paginated data.", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", + "syntaxKind": "PropertySignature", + "name": "height", + "value": "string", + "description": "Height to set on the Popover Pane.", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", + "syntaxKind": "MethodSignature", + "name": "onScrolledToBottom", + "value": "() => void", + "description": "Callback fired when the bottom of the lisbox is reached. Use to lazy load when listbox option data is paginated.", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", + "syntaxKind": "MethodSignature", + "name": "onClose", + "value": "() => void", + "description": "Callback fired when the popover closes", + "isOptional": true + } + ], + "value": "export interface ComboboxProps {\n /** The text field component to activate the Popover */\n activator: React.ReactElement;\n /** Allows more than one option to be selected */\n allowMultiple?: boolean;\n /** The content to display inside the popover */\n children?: React.ReactElement | null;\n /** The preferred direction to open the popover */\n preferredPosition?: PopoverProps['preferredPosition'];\n /** Whether or not more options are available to lazy load when the bottom of the listbox reached. Use the hasMoreResults boolean provided by the GraphQL API of the paginated data. */\n willLoadMoreOptions?: boolean;\n /** Height to set on the Popover Pane. */\n height?: string;\n /** Callback fired when the bottom of the lisbox is reached. Use to lazy load when listbox option data is paginated. */\n onScrolledToBottom?(): void;\n /** Callback fired when the popover closes */\n onClose?(): void;\n}" + } + }, "Color": { "polaris-react/src/components/ColorPicker/ColorPicker.tsx": { "filePath": "polaris-react/src/components/ColorPicker/ColorPicker.tsx", @@ -11810,79 +11793,6 @@ "value": "export interface ColumnsProps {\n children?: React.ReactNode;\n /** The number of columns to display\n * @default {xs: 6, sm: 6, md: 6, lg: 6, xl: 6}\n */\n columns?: Columns;\n /** The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @default '4'\n * @example\n * gap='2'\n * gap={{xs: '1', sm: '2', md: '3', lg: '4', xl: '5'}}\n */\n gap?: Gap;\n}" } }, - "ComboboxProps": { - "polaris-react/src/components/Combobox/Combobox.tsx": { - "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", - "name": "ComboboxProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", - "syntaxKind": "PropertySignature", - "name": "activator", - "value": "React.ReactElement", - "description": "The text field component to activate the Popover" - }, - { - "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", - "syntaxKind": "PropertySignature", - "name": "allowMultiple", - "value": "boolean", - "description": "Allows more than one option to be selected", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "any", - "description": "The content to display inside the popover", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", - "syntaxKind": "PropertySignature", - "name": "preferredPosition", - "value": "PreferredPosition", - "description": "The preferred direction to open the popover", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", - "syntaxKind": "PropertySignature", - "name": "willLoadMoreOptions", - "value": "boolean", - "description": "Whether or not more options are available to lazy load when the bottom of the listbox reached. Use the hasMoreResults boolean provided by the GraphQL API of the paginated data.", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", - "syntaxKind": "PropertySignature", - "name": "height", - "value": "string", - "description": "Height to set on the Popover Pane.", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", - "syntaxKind": "MethodSignature", - "name": "onScrolledToBottom", - "value": "() => void", - "description": "Callback fired when the bottom of the lisbox is reached. Use to lazy load when listbox option data is paginated.", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Combobox/Combobox.tsx", - "syntaxKind": "MethodSignature", - "name": "onClose", - "value": "() => void", - "description": "Callback fired when the popover closes", - "isOptional": true - } - ], - "value": "export interface ComboboxProps {\n /** The text field component to activate the Popover */\n activator: React.ReactElement;\n /** Allows more than one option to be selected */\n allowMultiple?: boolean;\n /** The content to display inside the popover */\n children?: React.ReactElement | null;\n /** The preferred direction to open the popover */\n preferredPosition?: PopoverProps['preferredPosition'];\n /** Whether or not more options are available to lazy load when the bottom of the listbox reached. Use the hasMoreResults boolean provided by the GraphQL API of the paginated data. */\n willLoadMoreOptions?: boolean;\n /** Height to set on the Popover Pane. */\n height?: string;\n /** Callback fired when the bottom of the lisbox is reached. Use to lazy load when listbox option data is paginated. */\n onScrolledToBottom?(): void;\n /** Callback fired when the popover closes */\n onClose?(): void;\n}" - } - }, "ConnectedProps": { "polaris-react/src/components/Connected/Connected.tsx": { "filePath": "polaris-react/src/components/Connected/Connected.tsx", @@ -12727,39 +12637,6 @@ "value": "interface DropZoneContextType {\n disabled: boolean;\n focused: boolean;\n measuring: boolean;\n allowMultiple: boolean;\n size: string;\n type: string;\n}" } }, - "EmptySearchResultProps": { - "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx": { - "filePath": "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx", - "name": "EmptySearchResultProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx", - "syntaxKind": "PropertySignature", - "name": "title", - "value": "string", - "description": "" - }, - { - "filePath": "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx", - "syntaxKind": "PropertySignature", - "name": "description", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx", - "syntaxKind": "PropertySignature", - "name": "withIllustration", - "value": "boolean", - "description": "", - "isOptional": true - } - ], - "value": "export interface EmptySearchResultProps {\n title: string;\n description?: string;\n withIllustration?: boolean;\n}" - } - }, "EmptyStateProps": { "polaris-react/src/components/EmptyState/EmptyState.tsx": { "filePath": "polaris-react/src/components/EmptyState/EmptyState.tsx", @@ -12913,42 +12790,49 @@ "value": "export interface EventListenerProps extends BaseEventProps {\n passive?: boolean;\n}" } }, - "Description": { - "polaris-react/src/components/ExceptionList/ExceptionList.tsx": { - "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "Description", - "value": "string | React.ReactElement | (string | React.ReactElement)[]", - "description": "" - } - }, - "ExceptionListProps": { - "polaris-react/src/components/ExceptionList/ExceptionList.tsx": { - "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", - "name": "ExceptionListProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", - "syntaxKind": "PropertySignature", - "name": "items", - "value": "Item[]", - "description": "Collection of items for list" - } - ], - "value": "export interface ExceptionListProps {\n /** Collection of items for list */\n items: Item[];\n}" - } - }, - "AppliedFilterInterface": { - "polaris-react/src/components/Filters/Filters.tsx": { - "filePath": "polaris-react/src/components/Filters/Filters.tsx", - "name": "AppliedFilterInterface", + "EmptySearchResultProps": { + "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx": { + "filePath": "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx", + "name": "EmptySearchResultProps", "description": "", "members": [ { - "filePath": "polaris-react/src/components/Filters/Filters.tsx", + "filePath": "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx", "syntaxKind": "PropertySignature", - "name": "key", + "name": "title", + "value": "string", + "description": "" + }, + { + "filePath": "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx", + "syntaxKind": "PropertySignature", + "name": "description", + "value": "string", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx", + "syntaxKind": "PropertySignature", + "name": "withIllustration", + "value": "boolean", + "description": "", + "isOptional": true + } + ], + "value": "export interface EmptySearchResultProps {\n title: string;\n description?: string;\n withIllustration?: boolean;\n}" + } + }, + "AppliedFilterInterface": { + "polaris-react/src/components/Filters/Filters.tsx": { + "filePath": "polaris-react/src/components/Filters/Filters.tsx", + "name": "AppliedFilterInterface", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Filters/Filters.tsx", + "syntaxKind": "PropertySignature", + "name": "key", "value": "string", "description": "A unique key used to identify the applied filter" }, @@ -13180,6 +13064,32 @@ ] } }, + "Description": { + "polaris-react/src/components/ExceptionList/ExceptionList.tsx": { + "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "Description", + "value": "string | React.ReactElement | (string | React.ReactElement)[]", + "description": "" + } + }, + "ExceptionListProps": { + "polaris-react/src/components/ExceptionList/ExceptionList.tsx": { + "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", + "name": "ExceptionListProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ExceptionList/ExceptionList.tsx", + "syntaxKind": "PropertySignature", + "name": "items", + "value": "Item[]", + "description": "Collection of items for list" + } + ], + "value": "export interface ExceptionListProps {\n /** Collection of items for list */\n items: Item[];\n}" + } + }, "FocusProps": { "polaris-react/src/components/Focus/Focus.tsx": { "filePath": "polaris-react/src/components/Focus/Focus.tsx", @@ -14272,24 +14182,6 @@ "value": "export interface IndexTableProps\n extends IndexTableBaseProps,\n IndexProviderProps {}" } }, - "IndicatorProps": { - "polaris-react/src/components/Indicator/Indicator.tsx": { - "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", - "name": "IndicatorProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", - "syntaxKind": "PropertySignature", - "name": "pulse", - "value": "boolean", - "description": "", - "isOptional": true - } - ], - "value": "export interface IndicatorProps {\n pulse?: boolean;\n}" - } - }, "BlockAlign": { "polaris-react/src/components/Inline/Inline.tsx": { "filePath": "polaris-react/src/components/Inline/Inline.tsx", @@ -14353,6 +14245,24 @@ "value": "export interface InlineProps {\n children?: React.ReactNode;\n /** Horizontal alignment of children\n * @default 'start'\n */\n align?: Align;\n /** Vertical alignment of children\n * @default 'center'\n */\n blockAlign?: BlockAlign;\n /** The spacing between elements. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n * @default '4'\n * @example\n * gap='2'\n * gap={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n */\n gap?: Gap;\n /** Wrap stack elements to additional rows as needed on small screens\n * @default true\n */\n wrap?: boolean;\n}" } }, + "IndicatorProps": { + "polaris-react/src/components/Indicator/Indicator.tsx": { + "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", + "name": "IndicatorProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Indicator/Indicator.tsx", + "syntaxKind": "PropertySignature", + "name": "pulse", + "value": "boolean", + "description": "", + "isOptional": true + } + ], + "value": "export interface IndicatorProps {\n pulse?: boolean;\n}" + } + }, "InlineCodeProps": { "polaris-react/src/components/InlineCode/InlineCode.tsx": { "filePath": "polaris-react/src/components/InlineCode/InlineCode.tsx", @@ -14659,6 +14569,88 @@ "value": "export interface LegacyCardProps {\n /** Title content for the card */\n title?: React.ReactNode;\n /** Inner content of the card */\n children?: React.ReactNode;\n /** A less prominent card */\n subdued?: boolean;\n /** Auto wrap content in section */\n sectioned?: boolean;\n /** Card header actions */\n actions?: DisableableAction[];\n /** Primary action in the card footer */\n primaryFooterAction?: ComplexAction;\n /** Secondary actions in the card footer */\n secondaryFooterActions?: ComplexAction[];\n /** The content of the disclosure button rendered when there is more than one secondary footer action */\n secondaryFooterActionsDisclosureText?: string;\n /** Alignment of the footer actions on the card, defaults to right */\n footerActionAlignment?: 'right' | 'left';\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n}" } }, + "LinkProps": { + "polaris-react/src/components/Link/Link.tsx": { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "name": "LinkProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "PropertySignature", + "name": "id", + "value": "string", + "description": "ID for the link", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "PropertySignature", + "name": "url", + "value": "string", + "description": "The url to link to", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "The content to display inside the link", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "PropertySignature", + "name": "external", + "value": "boolean", + "description": "Makes the link open in a new tab", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "PropertySignature", + "name": "monochrome", + "value": "boolean", + "description": "Makes the link color the same as the current text color and adds an underline", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "PropertySignature", + "name": "removeUnderline", + "value": "boolean", + "description": "Removes text decoration underline to the link", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "MethodSignature", + "name": "onClick", + "value": "() => void", + "description": "Callback when a link is clicked", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "Descriptive text to be read to screenreaders", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Link/Link.tsx", + "syntaxKind": "PropertySignature", + "name": "dataPrimaryLink", + "value": "boolean", + "description": "Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row`", + "isOptional": true + } + ], + "value": "export interface LinkProps {\n /** ID for the link */\n id?: string;\n /** The url to link to */\n url?: string;\n /** The content to display inside the link */\n children?: React.ReactNode;\n /** Makes the link open in a new tab */\n external?: boolean;\n /** Makes the link color the same as the current text color and adds an underline */\n monochrome?: boolean;\n /** Removes text decoration underline to the link*/\n removeUnderline?: boolean;\n /** Callback when a link is clicked */\n onClick?(): void;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n /** Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row` */\n dataPrimaryLink?: boolean;\n}" + } + }, "Alignment": { "polaris-react/src/components/LegacyStack/LegacyStack.tsx": { "filePath": "polaris-react/src/components/LegacyStack/LegacyStack.tsx", @@ -14784,149 +14776,67 @@ "value": "export interface LegacyStackProps {\n /** Elements to display inside stack */\n children?: React.ReactNode;\n /** Wrap stack elements to additional rows as needed on small screens (Defaults to true) */\n wrap?: boolean;\n /** Stack the elements vertically */\n vertical?: boolean;\n /** Adjust spacing between elements */\n spacing?: Spacing;\n /** Adjust vertical alignment of elements */\n alignment?: Alignment;\n /** Adjust horizontal alignment of elements */\n distribution?: Distribution;\n}" } }, - "LinkProps": { - "polaris-react/src/components/Link/Link.tsx": { - "filePath": "polaris-react/src/components/Link/Link.tsx", - "name": "LinkProps", - "description": "", + "AutoSelection": { + "polaris-react/src/components/Listbox/Listbox.tsx": { + "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", + "syntaxKind": "EnumDeclaration", + "name": "AutoSelection", + "value": "export enum AutoSelection {\n /** Default active option is the first selected option. If no options are selected, defaults to first interactive option. */\n FirstSelected = 'FIRST_SELECTED',\n /** Default active option is always the first interactive option. */\n First = 'FIRST',\n /** Default to the manual selection pattern. */\n None = 'NONE',\n}", "members": [ { - "filePath": "polaris-react/src/components/Link/Link.tsx", - "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "ID for the link", - "isOptional": true + "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", + "name": "FirstSelected", + "value": "FIRST_SELECTED" }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", - "syntaxKind": "PropertySignature", - "name": "url", - "value": "string", - "description": "The url to link to", - "isOptional": true + "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", + "name": "First", + "value": "FIRST" }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", + "name": "None", + "value": "NONE" + } + ] + } + }, + "ListboxProps": { + "polaris-react/src/components/Listbox/Listbox.tsx": { + "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", + "name": "ListboxProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", "syntaxKind": "PropertySignature", "name": "children", - "value": "React.ReactNode", - "description": "The content to display inside the link", - "isOptional": true + "value": "ReactNode", + "description": "Inner content of the listbox" }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", "syntaxKind": "PropertySignature", - "name": "external", - "value": "boolean", - "description": "Makes the link open in a new tab", - "isOptional": true + "name": "autoSelection", + "value": "AutoSelection", + "description": "Indicates the default active option in the list. Patterns that support option creation should default the active option to the first option.", + "isOptional": true, + "defaultValue": "AutoSelection.FirstSelected" }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", "syntaxKind": "PropertySignature", - "name": "monochrome", + "name": "enableKeyboardControl", "value": "boolean", - "description": "Makes the link color the same as the current text color and adds an underline", + "description": "Explicitly enable keyboard control", "isOptional": true }, { - "filePath": "polaris-react/src/components/Link/Link.tsx", + "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", "syntaxKind": "PropertySignature", - "name": "removeUnderline", - "value": "boolean", - "description": "Removes text decoration underline to the link", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Link/Link.tsx", - "syntaxKind": "MethodSignature", - "name": "onClick", - "value": "() => void", - "description": "Callback when a link is clicked", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Link/Link.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Descriptive text to be read to screenreaders", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Link/Link.tsx", - "syntaxKind": "PropertySignature", - "name": "dataPrimaryLink", - "value": "boolean", - "description": "Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row`", - "isOptional": true - } - ], - "value": "export interface LinkProps {\n /** ID for the link */\n id?: string;\n /** The url to link to */\n url?: string;\n /** The content to display inside the link */\n children?: React.ReactNode;\n /** Makes the link open in a new tab */\n external?: boolean;\n /** Makes the link color the same as the current text color and adds an underline */\n monochrome?: boolean;\n /** Removes text decoration underline to the link*/\n removeUnderline?: boolean;\n /** Callback when a link is clicked */\n onClick?(): void;\n /** Descriptive text to be read to screenreaders */\n accessibilityLabel?: string;\n /** Indicates whether or not the link is the primary navigation link when rendered inside of an `IndexTable.Row` */\n dataPrimaryLink?: boolean;\n}" - } - }, - "AutoSelection": { - "polaris-react/src/components/Listbox/Listbox.tsx": { - "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", - "syntaxKind": "EnumDeclaration", - "name": "AutoSelection", - "value": "export enum AutoSelection {\n /** Default active option is the first selected option. If no options are selected, defaults to first interactive option. */\n FirstSelected = 'FIRST_SELECTED',\n /** Default active option is always the first interactive option. */\n First = 'FIRST',\n /** Default to the manual selection pattern. */\n None = 'NONE',\n}", - "members": [ - { - "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", - "name": "FirstSelected", - "value": "FIRST_SELECTED" - }, - { - "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", - "name": "First", - "value": "FIRST" - }, - { - "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", - "name": "None", - "value": "NONE" - } - ] - } - }, - "ListboxProps": { - "polaris-react/src/components/Listbox/Listbox.tsx": { - "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", - "name": "ListboxProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "ReactNode", - "description": "Inner content of the listbox" - }, - { - "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", - "syntaxKind": "PropertySignature", - "name": "autoSelection", - "value": "AutoSelection", - "description": "Indicates the default active option in the list. Patterns that support option creation should default the active option to the first option.", - "isOptional": true, - "defaultValue": "AutoSelection.FirstSelected" - }, - { - "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", - "syntaxKind": "PropertySignature", - "name": "enableKeyboardControl", - "value": "boolean", - "description": "Explicitly enable keyboard control", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Listbox/Listbox.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Visually hidden text for screen readers", + "name": "accessibilityLabel", + "value": "string", + "description": "Visually hidden text for screen readers", "isOptional": true }, { @@ -15056,38 +14966,6 @@ "value": "export interface ListProps {\n focusIndex: number;\n disclosureTabs: TabDescriptor[];\n onClick?(id: string): void;\n onKeyPress?(event: React.KeyboardEvent): void;\n}" } }, - "LoadingProps": { - "polaris-react/src/components/Loading/Loading.tsx": { - "filePath": "polaris-react/src/components/Loading/Loading.tsx", - "name": "LoadingProps", - "description": "", - "members": [], - "value": "export interface LoadingProps {}" - }, - "polaris-react/src/components/Listbox/components/Loading/Loading.tsx": { - "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", - "name": "LoadingProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "" - } - ], - "value": "export interface LoadingProps {\n children?: React.ReactNode;\n accessibilityLabel: string;\n}" - } - }, "MediaCardProps": { "polaris-react/src/components/MediaCard/MediaCard.tsx": { "filePath": "polaris-react/src/components/MediaCard/MediaCard.tsx", @@ -15161,6 +15039,38 @@ "value": "interface MediaCardProps {\n /** The visual media to display in the card */\n children: React.ReactNode;\n /** Heading content */\n title: React.ReactNode;\n /** Body content */\n description: string;\n /** Main call to action, rendered as a basic button */\n primaryAction?: ComplexAction;\n /** Secondary call to action, rendered as a plain button */\n secondaryAction?: ComplexAction;\n /** Action list items to render in ellipsis popover */\n popoverActions?: ActionListItemDescriptor[];\n /** Whether or not card content should be laid out vertically\n * @default false\n */\n portrait?: boolean;\n /** Size of the visual media in the card\n * @default 'medium'\n */\n size?: Size;\n}" } }, + "LoadingProps": { + "polaris-react/src/components/Loading/Loading.tsx": { + "filePath": "polaris-react/src/components/Loading/Loading.tsx", + "name": "LoadingProps", + "description": "", + "members": [], + "value": "export interface LoadingProps {}" + }, + "polaris-react/src/components/Listbox/components/Loading/Loading.tsx": { + "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", + "name": "LoadingProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Listbox/components/Loading/Loading.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "" + } + ], + "value": "export interface LoadingProps {\n children?: React.ReactNode;\n accessibilityLabel: string;\n}" + } + }, "MessageIndicatorProps": { "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx": { "filePath": "polaris-react/src/components/MessageIndicator/MessageIndicator.tsx", @@ -15371,6 +15281,94 @@ "value": "export interface ModalProps extends FooterProps {\n /** Whether the modal is open or not */\n open: boolean;\n /** The url that will be loaded as the content of the modal */\n src?: string;\n /** The name of the modal content iframe */\n iFrameName?: string;\n /** The content for the title of the modal */\n title: string | React.ReactNode;\n /**\n * Hide the title in the modal\n * @default false\n */\n titleHidden?: boolean;\n /** The content to display inside modal */\n children?: React.ReactNode;\n /** Inner content of the footer */\n footer?: React.ReactNode;\n /** Disable animations and open modal instantly */\n instant?: boolean;\n /** Automatically adds sections to modal */\n sectioned?: boolean;\n /** Increases the modal width */\n large?: boolean;\n /** Decreases the modal width */\n small?: boolean;\n /** Limits modal height on large sceens with scrolling */\n limitHeight?: boolean;\n /** Replaces modal content with a spinner while a background action is being performed */\n loading?: boolean;\n /** Callback when the modal is closed */\n onClose(): void;\n /** Callback when iframe has loaded */\n onIFrameLoad?(evt: React.SyntheticEvent): void;\n /** Callback when modal transition animation has ended */\n onTransitionEnd?(): void;\n /** Callback when the bottom of the modal content is reached */\n onScrolledToBottom?(): void;\n /** The element or the RefObject that activates the Modal */\n activator?: React.RefObject | React.ReactElement;\n /** Removes Scrollable container from the modal content */\n noScroll?: boolean;\n /** Sets modal to the height of the viewport on small screens */\n fullScreen?: boolean;\n}" } }, + "OptionListProps": { + "polaris-react/src/components/OptionList/OptionList.tsx": { + "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", + "name": "OptionListProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", + "syntaxKind": "PropertySignature", + "name": "id", + "value": "string", + "description": "A unique identifier for the option list", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", + "syntaxKind": "PropertySignature", + "name": "title", + "value": "string", + "description": "List title", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", + "syntaxKind": "PropertySignature", + "name": "options", + "value": "OptionDescriptor[]", + "description": "Collection of options to be listed", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", + "syntaxKind": "PropertySignature", + "name": "role", + "value": "string", + "description": "Defines a specific role attribute for the list itself", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", + "syntaxKind": "PropertySignature", + "name": "optionRole", + "value": "string", + "description": "Defines a specific role attribute for each option in the list", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", + "syntaxKind": "PropertySignature", + "name": "sections", + "value": "SectionDescriptor[]", + "description": "Sections containing a header and related options", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", + "syntaxKind": "PropertySignature", + "name": "selected", + "value": "string[]", + "description": "The selected options" + }, + { + "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", + "syntaxKind": "PropertySignature", + "name": "allowMultiple", + "value": "boolean", + "description": "Allow more than one option to be selected", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", + "syntaxKind": "PropertySignature", + "name": "verticalAlign", + "value": "Alignment", + "description": "Vertically align child content to the center, top, or bottom.", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", + "syntaxKind": "MethodSignature", + "name": "onChange", + "value": "(selected: string[]) => void", + "description": "Callback when selection is changed" + } + ], + "value": "export interface OptionListProps {\n /** A unique identifier for the option list */\n id?: string;\n /** List title */\n title?: string;\n /** Collection of options to be listed */\n options?: OptionDescriptor[];\n /** Defines a specific role attribute for the list itself */\n role?: 'listbox' | 'combobox' | string;\n /** Defines a specific role attribute for each option in the list */\n optionRole?: string;\n /** Sections containing a header and related options */\n sections?: SectionDescriptor[];\n /** The selected options */\n selected: string[];\n /** Allow more than one option to be selected */\n allowMultiple?: boolean;\n /** Vertically align child content to the center, top, or bottom. */\n verticalAlign?: Alignment;\n /** Callback when selection is changed */\n onChange(selected: string[]): void;\n}" + } + }, "NavigationProps": { "polaris-react/src/components/Navigation/Navigation.tsx": { "filePath": "polaris-react/src/components/Navigation/Navigation.tsx", @@ -15523,94 +15521,6 @@ "value": "interface NavigationContextType {\n location: string;\n onNavigationDismiss?(): void;\n withinContentContainer?: boolean;\n}" } }, - "OptionListProps": { - "polaris-react/src/components/OptionList/OptionList.tsx": { - "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", - "name": "OptionListProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", - "syntaxKind": "PropertySignature", - "name": "id", - "value": "string", - "description": "A unique identifier for the option list", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", - "syntaxKind": "PropertySignature", - "name": "title", - "value": "string", - "description": "List title", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", - "syntaxKind": "PropertySignature", - "name": "options", - "value": "OptionDescriptor[]", - "description": "Collection of options to be listed", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", - "syntaxKind": "PropertySignature", - "name": "role", - "value": "string", - "description": "Defines a specific role attribute for the list itself", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", - "syntaxKind": "PropertySignature", - "name": "optionRole", - "value": "string", - "description": "Defines a specific role attribute for each option in the list", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", - "syntaxKind": "PropertySignature", - "name": "sections", - "value": "SectionDescriptor[]", - "description": "Sections containing a header and related options", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", - "syntaxKind": "PropertySignature", - "name": "selected", - "value": "string[]", - "description": "The selected options" - }, - { - "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", - "syntaxKind": "PropertySignature", - "name": "allowMultiple", - "value": "boolean", - "description": "Allow more than one option to be selected", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", - "syntaxKind": "PropertySignature", - "name": "verticalAlign", - "value": "Alignment", - "description": "Vertically align child content to the center, top, or bottom.", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/OptionList/OptionList.tsx", - "syntaxKind": "MethodSignature", - "name": "onChange", - "value": "(selected: string[]) => void", - "description": "Callback when selection is changed" - } - ], - "value": "export interface OptionListProps {\n /** A unique identifier for the option list */\n id?: string;\n /** List title */\n title?: string;\n /** Collection of options to be listed */\n options?: OptionDescriptor[];\n /** Defines a specific role attribute for the list itself */\n role?: 'listbox' | 'combobox' | string;\n /** Defines a specific role attribute for each option in the list */\n optionRole?: string;\n /** Sections containing a header and related options */\n sections?: SectionDescriptor[];\n /** The selected options */\n selected: string[];\n /** Allow more than one option to be selected */\n allowMultiple?: boolean;\n /** Vertically align child content to the center, top, or bottom. */\n verticalAlign?: Alignment;\n /** Callback when selection is changed */\n onChange(selected: string[]): void;\n}" - } - }, "PageProps": { "polaris-react/src/components/Page/Page.tsx": { "filePath": "polaris-react/src/components/Page/Page.tsx", @@ -16077,6 +15987,40 @@ "value": "export interface PolarisTestProviderProps\n extends WithPolarisTestProviderOptions {\n children: React.ReactElement;\n strict?: boolean;\n}" } }, + "PortalProps": { + "polaris-react/src/components/Portal/Portal.tsx": { + "filePath": "polaris-react/src/components/Portal/Portal.tsx", + "name": "PortalProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/Portal/Portal.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Portal/Portal.tsx", + "syntaxKind": "PropertySignature", + "name": "idPrefix", + "value": "string", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/Portal/Portal.tsx", + "syntaxKind": "MethodSignature", + "name": "onPortalCreated", + "value": "() => void", + "description": "", + "isOptional": true + } + ], + "value": "export interface PortalProps {\n children?: React.ReactNode;\n idPrefix?: string;\n onPortalCreated?(): void;\n}" + } + }, "PopoverProps": { "polaris-react/src/components/Popover/Popover.tsx": { "filePath": "polaris-react/src/components/Popover/Popover.tsx", @@ -16247,81 +16191,22 @@ ], "value": "export interface PopoverProps {\n /** The content to display inside the popover */\n children?: React.ReactNode;\n /** The preferred direction to open the popover */\n preferredPosition?: PopoverOverlayProps['preferredPosition'];\n /** The preferred alignment of the popover relative to its activator */\n preferredAlignment?: PopoverOverlayProps['preferredAlignment'];\n /** Show or hide the Popover */\n active: boolean;\n /** The element to activate the Popover */\n activator: React.ReactElement;\n /**\n * Use the activator's input element to calculate the Popover position\n * @default true\n */\n preferInputActivator?: PopoverOverlayProps['preferInputActivator'];\n /**\n * The element type to wrap the activator with\n * @default 'div'\n */\n activatorWrapper?: string;\n /** Override on the default z-index of 400 */\n zIndexOverride?: number;\n /** Prevents focusing the activator or the next focusable element when the popover is deactivated */\n preventFocusOnClose?: boolean;\n /** Automatically add wrap content in a section */\n sectioned?: boolean;\n /** Allow popover to stretch to the full width of its activator */\n fullWidth?: boolean;\n /** Allow popover to stretch to fit content vertically */\n fullHeight?: boolean;\n /** Allow popover content to determine the overlay width and height */\n fluidContent?: boolean;\n /** Remains in a fixed position */\n fixed?: boolean;\n /** Used to illustrate the type of popover element */\n ariaHaspopup?: AriaAttributes['aria-haspopup'];\n /** Allow the popover overlay to be hidden when printing */\n hideOnPrint?: boolean;\n /** Callback when popover is closed */\n onClose(source: PopoverCloseSource): void;\n /**\n * The preferred auto focus target defaulting to the popover container\n * @default 'container'\n */\n autofocusTarget?: PopoverAutofocusTarget;\n /** Prevents closing the popover when other overlays are clicked */\n preventCloseOnChildOverlayClick?: boolean;\n /**\n * Prevents page scrolling when the end of the scrollable Popover overlay content is reached - applied to Pane subcomponent\n * @default false\n */\n captureOverscroll?: boolean;\n}" } - }, - "PopoverPublicAPI": { - "polaris-react/src/components/Popover/Popover.tsx": { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "name": "PopoverPublicAPI", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Popover/Popover.tsx", - "syntaxKind": "MethodSignature", - "name": "forceUpdatePosition", - "value": "() => void", - "description": "" - } - ], - "value": "export interface PopoverPublicAPI {\n forceUpdatePosition(): void;\n}" - } - }, - "PortalProps": { - "polaris-react/src/components/Portal/Portal.tsx": { - "filePath": "polaris-react/src/components/Portal/Portal.tsx", - "name": "PortalProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Portal/Portal.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Portal/Portal.tsx", - "syntaxKind": "PropertySignature", - "name": "idPrefix", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Portal/Portal.tsx", - "syntaxKind": "MethodSignature", - "name": "onPortalCreated", - "value": "() => void", - "description": "", - "isOptional": true - } - ], - "value": "export interface PortalProps {\n children?: React.ReactNode;\n idPrefix?: string;\n onPortalCreated?(): void;\n}" - } - }, - "PortalsManagerProps": { - "polaris-react/src/components/PortalsManager/PortalsManager.tsx": { - "filePath": "polaris-react/src/components/PortalsManager/PortalsManager.tsx", - "name": "PortalsManagerProps", + }, + "PopoverPublicAPI": { + "polaris-react/src/components/Popover/Popover.tsx": { + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "name": "PopoverPublicAPI", "description": "", "members": [ { - "filePath": "polaris-react/src/components/PortalsManager/PortalsManager.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", + "filePath": "polaris-react/src/components/Popover/Popover.tsx", + "syntaxKind": "MethodSignature", + "name": "forceUpdatePosition", + "value": "() => void", "description": "" - }, - { - "filePath": "polaris-react/src/components/PortalsManager/PortalsManager.tsx", - "syntaxKind": "PropertySignature", - "name": "container", - "value": "HTMLDivElement", - "description": "", - "isOptional": true } ], - "value": "export interface PortalsManagerProps {\n children: React.ReactNode;\n container?: PortalsContainerElement;\n}" + "value": "export interface PopoverPublicAPI {\n forceUpdatePosition(): void;\n}" } }, "Positioning": { @@ -16490,6 +16375,31 @@ "value": "export interface PositionedOverlayProps {\n active: boolean;\n activator: HTMLElement;\n preferInputActivator?: boolean;\n preferredPosition?: PreferredPosition;\n preferredAlignment?: PreferredAlignment;\n fullWidth?: boolean;\n fixed?: boolean;\n preventInteraction?: boolean;\n classNames?: string;\n zIndexOverride?: number;\n render(overlayDetails: OverlayDetails): React.ReactNode;\n onScrollOut?(): void;\n}" } }, + "PortalsManagerProps": { + "polaris-react/src/components/PortalsManager/PortalsManager.tsx": { + "filePath": "polaris-react/src/components/PortalsManager/PortalsManager.tsx", + "name": "PortalsManagerProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/PortalsManager/PortalsManager.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "" + }, + { + "filePath": "polaris-react/src/components/PortalsManager/PortalsManager.tsx", + "syntaxKind": "PropertySignature", + "name": "container", + "value": "HTMLDivElement", + "description": "", + "isOptional": true + } + ], + "value": "export interface PortalsManagerProps {\n children: React.ReactNode;\n container?: PortalsContainerElement;\n}" + } + }, "ProgressBarProps": { "polaris-react/src/components/ProgressBar/ProgressBar.tsx": { "filePath": "polaris-react/src/components/ProgressBar/ProgressBar.tsx", @@ -17857,25 +17767,6 @@ "value": "export interface SkeletonBodyTextProps {\n /**\n * Number of lines to display\n * @default 3\n */\n lines?: number;\n}" } }, - "SkeletonDisplayTextProps": { - "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx": { - "filePath": "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx", - "name": "SkeletonDisplayTextProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx", - "syntaxKind": "PropertySignature", - "name": "size", - "value": "Size", - "description": "Size of the text", - "isOptional": true, - "defaultValue": "'medium'" - } - ], - "value": "export interface SkeletonDisplayTextProps {\n /**\n * Size of the text\n * @default 'medium'\n */\n size?: Size;\n}" - } - }, "SkeletonPageProps": { "polaris-react/src/components/SkeletonPage/SkeletonPage.tsx": { "filePath": "polaris-react/src/components/SkeletonPage/SkeletonPage.tsx", @@ -17934,6 +17825,25 @@ "value": "export interface SkeletonPageProps {\n /** Page title, in large type */\n title?: string;\n /** Remove the normal max-width on the page */\n fullWidth?: boolean;\n /** Decreases the maximum layout width. Intended for single-column layouts */\n narrowWidth?: boolean;\n /** Shows a skeleton over the primary action */\n primaryAction?: boolean;\n /** Shows a skeleton over the breadcrumb */\n breadcrumbs?: boolean;\n /** The child elements to render in the skeleton page. */\n children?: React.ReactNode;\n}" } }, + "SkeletonDisplayTextProps": { + "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx": { + "filePath": "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx", + "name": "SkeletonDisplayTextProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx", + "syntaxKind": "PropertySignature", + "name": "size", + "value": "Size", + "description": "Size of the text", + "isOptional": true, + "defaultValue": "'medium'" + } + ], + "value": "export interface SkeletonDisplayTextProps {\n /**\n * Size of the text\n * @default 'medium'\n */\n size?: Size;\n}" + } + }, "SkeletonTabsProps": { "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx": { "filePath": "polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx", @@ -17952,25 +17862,6 @@ "value": "export interface SkeletonTabsProps {\n count?: number;\n}" } }, - "SkeletonThumbnailProps": { - "polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx": { - "filePath": "polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx", - "name": "SkeletonThumbnailProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx", - "syntaxKind": "PropertySignature", - "name": "size", - "value": "Size", - "description": "Size of the thumbnail", - "isOptional": true, - "defaultValue": "'medium'" - } - ], - "value": "export interface SkeletonThumbnailProps {\n /**\n * Size of the thumbnail\n * @default 'medium'\n */\n size?: Size;\n}" - } - }, "SpinnerProps": { "polaris-react/src/components/Spinner/Spinner.tsx": { "filePath": "polaris-react/src/components/Spinner/Spinner.tsx", @@ -18050,6 +17941,25 @@ "value": "export interface SpinnerProps {\n onChange: HandleStepFn;\n onClick?(event: React.MouseEvent): void;\n onMouseDown(onChange: HandleStepFn): void;\n onMouseUp(): void;\n onBlur(event: React.FocusEvent): void;\n}" } }, + "SkeletonThumbnailProps": { + "polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx": { + "filePath": "polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx", + "name": "SkeletonThumbnailProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx", + "syntaxKind": "PropertySignature", + "name": "size", + "value": "Size", + "description": "Size of the thumbnail", + "isOptional": true, + "defaultValue": "'medium'" + } + ], + "value": "export interface SkeletonThumbnailProps {\n /**\n * Size of the thumbnail\n * @default 'medium'\n */\n size?: Size;\n}" + } + }, "StackProps": { "polaris-react/src/components/Stack/Stack.tsx": { "filePath": "polaris-react/src/components/Stack/Stack.tsx", @@ -18173,15 +18083,6 @@ "value": "export interface TabsProps {\n /** Content to display in tabs */\n children?: React.ReactNode;\n /** Index of selected tab */\n selected: number;\n /** List of tabs */\n tabs: TabDescriptor[];\n /** Fit tabs to container */\n fitted?: boolean;\n /** Text to replace disclosures horizontal dots */\n disclosureText?: string;\n /** Callback when tab is selected */\n onSelect?(selectedTabIndex: number): void;\n}" } }, - "TagProps": { - "polaris-react/src/components/Tag/Tag.tsx": { - "filePath": "polaris-react/src/components/Tag/Tag.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "TagProps", - "value": "NonMutuallyExclusiveProps & (\n | {onClick?(): void; onRemove?: undefined; url?: undefined}\n | {onClick?: undefined; onRemove?(): void; url?: string}\n )", - "description": "" - } - }, "Variant": { "polaris-react/src/components/Text/Text.tsx": { "filePath": "polaris-react/src/components/Text/Text.tsx", @@ -18313,6 +18214,15 @@ "value": "export interface TextContainerProps {\n /** The amount of vertical spacing children will get between them */\n spacing?: Spacing;\n /** The content to render in the text container. */\n children?: React.ReactNode;\n}" } }, + "TagProps": { + "polaris-react/src/components/Tag/Tag.tsx": { + "filePath": "polaris-react/src/components/Tag/Tag.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "TagProps", + "value": "NonMutuallyExclusiveProps & (\n | {onClick?(): void; onRemove?: undefined; url?: undefined}\n | {onClick?: undefined; onRemove?(): void; url?: string}\n )", + "description": "" + } + }, "InputMode": { "polaris-react/src/components/TextField/TextField.tsx": { "filePath": "polaris-react/src/components/TextField/TextField.tsx", @@ -18746,32 +18656,6 @@ "value": "export interface TopBarProps {\n /** Toggles whether or not a navigation component has been provided. Controls the presence of the mobile nav toggle button */\n showNavigationToggle?: boolean;\n /** Accepts a user component that is made available as a static member of the top bar component and renders as the primary menu */\n userMenu?: React.ReactNode;\n /** Accepts a menu component that is made available as a static member of the top bar component */\n secondaryMenu?: React.ReactNode;\n /** Accepts a component that is used to help users switch between different contexts */\n contextControl?: React.ReactNode;\n /** Accepts a search field component that is made available as a `TextField` static member of the top bar component */\n searchField?: React.ReactNode;\n /** Accepts a search results component that is ideally composed of a card component containing a list of actionable search results */\n searchResults?: React.ReactNode;\n /** A boolean property indicating whether search results are currently visible. */\n searchResultsVisible?: boolean;\n /** Whether or not the search results overlay has a visible backdrop */\n searchResultsOverlayVisible?: boolean;\n /** A callback function that handles the dismissal of search results */\n onSearchResultsDismiss?: SearchProps['onDismiss'];\n /** A callback function that handles hiding and showing mobile navigation */\n onNavigationToggle?(): void;\n /** Accepts a component that is used to supplement the logo markup */\n logoSuffix?: React.ReactNode;\n}" } }, - "TrapFocusProps": { - "polaris-react/src/components/TrapFocus/TrapFocus.tsx": { - "filePath": "polaris-react/src/components/TrapFocus/TrapFocus.tsx", - "name": "TrapFocusProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/TrapFocus/TrapFocus.tsx", - "syntaxKind": "PropertySignature", - "name": "trapping", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TrapFocus/TrapFocus.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - } - ], - "value": "export interface TrapFocusProps {\n trapping?: boolean;\n children?: React.ReactNode;\n}" - } - }, "TruncateProps": { "polaris-react/src/components/Truncate/Truncate.tsx": { "filePath": "polaris-react/src/components/Truncate/Truncate.tsx", @@ -19004,6 +18888,32 @@ "value": "export interface UnstyledButtonProps extends BaseButton {\n /** The content to display inside the button */\n children?: React.ReactNode;\n /** A custom class name to apply styles to button */\n className?: string;\n [key: string]: any;\n}" } }, + "TrapFocusProps": { + "polaris-react/src/components/TrapFocus/TrapFocus.tsx": { + "filePath": "polaris-react/src/components/TrapFocus/TrapFocus.tsx", + "name": "TrapFocusProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/TrapFocus/TrapFocus.tsx", + "syntaxKind": "PropertySignature", + "name": "trapping", + "value": "boolean", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TrapFocus/TrapFocus.tsx", + "syntaxKind": "PropertySignature", + "name": "children", + "value": "React.ReactNode", + "description": "", + "isOptional": true + } + ], + "value": "export interface TrapFocusProps {\n trapping?: boolean;\n children?: React.ReactNode;\n}" + } + }, "UnstyledLinkProps": { "polaris-react/src/components/UnstyledLink/UnstyledLink.tsx": { "filePath": "polaris-react/src/components/UnstyledLink/UnstyledLink.tsx", @@ -22211,21 +22121,6 @@ "value": "ActionListItemDescriptor", "description": "" }, - "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx": { - "filePath": "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx", - "name": "ItemProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx", - "syntaxKind": "PropertySignature", - "name": "button", - "value": "React.ReactElement", - "description": "" - } - ], - "value": "export interface ItemProps {\n button: React.ReactElement;\n}" - }, "polaris-react/src/components/Connected/components/Item/Item.tsx": { "filePath": "polaris-react/src/components/Connected/components/Item/Item.tsx", "name": "ItemProps", @@ -22249,6 +22144,21 @@ ], "value": "export interface ItemProps {\n /** Position of the item */\n position: ItemPosition;\n /** Item content */\n children?: React.ReactNode;\n}" }, + "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx": { + "filePath": "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx", + "name": "ItemProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ButtonGroup/components/Item/Item.tsx", + "syntaxKind": "PropertySignature", + "name": "button", + "value": "React.ReactElement", + "description": "" + } + ], + "value": "export interface ItemProps {\n button: React.ReactElement;\n}" + }, "polaris-react/src/components/FormLayout/components/Item/Item.tsx": { "filePath": "polaris-react/src/components/FormLayout/components/Item/Item.tsx", "name": "ItemProps", @@ -22953,15 +22863,49 @@ "isOptional": true }, { - "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx", + "syntaxKind": "PropertySignature", + "name": "badge", + "value": "{ status: \"new\"; content: string; }", + "description": "", + "isOptional": true + } + ], + "value": "export interface MenuGroupProps extends MenuGroupDescriptor {\n /** Visually hidden menu description for screen readers */\n accessibilityLabel?: string;\n /** Whether or not the menu is open */\n active?: boolean;\n /** Callback when the menu is clicked */\n onClick?(openActions: () => void): void;\n /** Callback for opening the MenuGroup by title */\n onOpen(title: string): void;\n /** Callback for closing the MenuGroup by title */\n onClose(title: string): void;\n /** Callback for getting the offsetWidth of the MenuGroup */\n getOffsetWidth?(width: number): void;\n /** Collection of sectioned action items */\n sections?: readonly ActionListSection[];\n}" + } + }, + "RollupActionsProps": { + "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx": { + "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", + "name": "RollupActionsProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", + "syntaxKind": "PropertySignature", + "name": "accessibilityLabel", + "value": "string", + "description": "Accessibilty label", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", + "syntaxKind": "PropertySignature", + "name": "items", + "value": "ActionListItemDescriptor[]", + "description": "Collection of actions for the list", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", "syntaxKind": "PropertySignature", - "name": "badge", - "value": "{ status: \"new\"; content: string; }", - "description": "", + "name": "sections", + "value": "ActionListSection[]", + "description": "Collection of sectioned action items", "isOptional": true } ], - "value": "export interface MenuGroupProps extends MenuGroupDescriptor {\n /** Visually hidden menu description for screen readers */\n accessibilityLabel?: string;\n /** Whether or not the menu is open */\n active?: boolean;\n /** Callback when the menu is clicked */\n onClick?(openActions: () => void): void;\n /** Callback for opening the MenuGroup by title */\n onOpen(title: string): void;\n /** Callback for closing the MenuGroup by title */\n onClose(title: string): void;\n /** Callback for getting the offsetWidth of the MenuGroup */\n getOffsetWidth?(width: number): void;\n /** Collection of sectioned action items */\n sections?: readonly ActionListSection[];\n}" + "value": "export interface RollupActionsProps {\n /** Accessibilty label */\n accessibilityLabel?: string;\n /** Collection of actions for the list */\n items?: ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: ActionListSection[];\n}" } }, "SecondaryAction": { @@ -23341,40 +23285,6 @@ "value": "interface SecondaryAction {\n accessibilityLabel: string;\n icon: IconProps['source'];\n url?: string;\n onClick?(): void;\n tooltip?: TooltipProps;\n}" } }, - "RollupActionsProps": { - "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx": { - "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", - "name": "RollupActionsProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", - "syntaxKind": "PropertySignature", - "name": "accessibilityLabel", - "value": "string", - "description": "Accessibilty label", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", - "syntaxKind": "PropertySignature", - "name": "items", - "value": "ActionListItemDescriptor[]", - "description": "Collection of actions for the list", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx", - "syntaxKind": "PropertySignature", - "name": "sections", - "value": "ActionListSection[]", - "description": "Collection of sectioned action items", - "isOptional": true - } - ], - "value": "export interface RollupActionsProps {\n /** Accessibilty label */\n accessibilityLabel?: string;\n /** Collection of actions for the list */\n items?: ActionListItemDescriptor[];\n /** Collection of sectioned action items */\n sections?: ActionListSection[];\n}" - } - }, "MappedAction": { "polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx": { "filePath": "polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx", @@ -23548,15 +23458,6 @@ "value": "interface MappedAction extends ActionListItemDescriptor {\n wrapOverflow?: boolean;\n}" } }, - "MappedOption": { - "polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx": { - "filePath": "polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "MappedOption", - "value": "ArrayElement & {\n selected: boolean;\n singleSelection: boolean;\n}", - "description": "" - } - }, "PipProps": { "polaris-react/src/components/Badge/components/Pip/Pip.tsx": { "filePath": "polaris-react/src/components/Badge/components/Pip/Pip.tsx", @@ -23591,6 +23492,15 @@ "value": "export interface PipProps {\n status?: Status;\n progress?: Progress;\n accessibilityLabelOverride?: string;\n}" } }, + "MappedOption": { + "polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx": { + "filePath": "polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "MappedOption", + "value": "ArrayElement & {\n selected: boolean;\n singleSelection: boolean;\n}", + "description": "" + } + }, "BulkActionButtonProps": { "polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx": { "filePath": "polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx", @@ -23687,124 +23597,6 @@ "value": "export interface BulkActionsMenuProps extends MenuGroupDescriptor {\n isNewBadgeInBadgeActions: boolean;\n}" } }, - "CardHeaderProps": { - "polaris-react/src/components/Card/components/Header/Header.tsx": { - "filePath": "polaris-react/src/components/Card/components/Header/Header.tsx", - "name": "CardHeaderProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Card/components/Header/Header.tsx", - "syntaxKind": "PropertySignature", - "name": "title", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Header/Header.tsx", - "syntaxKind": "PropertySignature", - "name": "actions", - "value": "DisableableAction[]", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Header/Header.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - } - ], - "value": "export interface CardHeaderProps {\n title?: React.ReactNode;\n actions?: DisableableAction[];\n children?: React.ReactNode;\n}" - } - }, - "CardSectionProps": { - "polaris-react/src/components/Card/components/Section/Section.tsx": { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "name": "CardSectionProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "title", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "subdued", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "flush", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "fullWidth", - "value": "boolean", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "hideOnPrint", - "value": "boolean", - "description": "Allow the card to be hidden when printing", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx", - "syntaxKind": "PropertySignature", - "name": "actions", - "value": "ComplexAction[]", - "description": "", - "isOptional": true - } - ], - "value": "export interface CardSectionProps {\n title?: React.ReactNode;\n children?: React.ReactNode;\n subdued?: boolean;\n flush?: boolean;\n fullWidth?: boolean;\n /** Allow the card to be hidden when printing */\n hideOnPrint?: boolean;\n actions?: ComplexAction[];\n}" - } - }, - "CardSubsectionProps": { - "polaris-react/src/components/Card/components/Subsection/Subsection.tsx": { - "filePath": "polaris-react/src/components/Card/components/Subsection/Subsection.tsx", - "name": "CardSubsectionProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/Card/components/Subsection/Subsection.tsx", - "syntaxKind": "PropertySignature", - "name": "children", - "value": "React.ReactNode", - "description": "", - "isOptional": true - } - ], - "value": "export interface CardSubsectionProps {\n children?: React.ReactNode;\n}" - } - }, "AlphaPickerProps": { "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx": { "filePath": "polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx", @@ -26710,6 +26502,56 @@ "value": "export interface SingleThumbProps extends RangeSliderProps {\n value: number;\n id: string;\n min: number;\n max: number;\n step: number;\n}" } }, + "ResizerProps": { + "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx": { + "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", + "name": "ResizerProps", + "description": "", + "members": [ + { + "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", + "syntaxKind": "PropertySignature", + "name": "contents", + "value": "string", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", + "syntaxKind": "PropertySignature", + "name": "currentHeight", + "value": "number", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", + "syntaxKind": "PropertySignature", + "name": "minimumLines", + "value": "number", + "description": "", + "isOptional": true + }, + { + "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", + "syntaxKind": "MethodSignature", + "name": "onHeightChange", + "value": "(height: number) => void", + "description": "" + } + ], + "value": "export interface ResizerProps {\n contents?: string;\n currentHeight?: number | null;\n minimumLines?: number;\n onHeightChange(height: number): void;\n}" + } + }, + "HandleStepFn": { + "polaris-react/src/components/TextField/components/Spinner/Spinner.tsx": { + "filePath": "polaris-react/src/components/TextField/components/Spinner/Spinner.tsx", + "syntaxKind": "TypeAliasDeclaration", + "name": "HandleStepFn", + "value": "(step: number) => void", + "description": "" + } + }, "PanelProps": { "polaris-react/src/components/Tabs/components/Panel/Panel.tsx": { "filePath": "polaris-react/src/components/Tabs/components/Panel/Panel.tsx", @@ -26922,56 +26764,6 @@ "value": "export interface TabMeasurerProps {\n tabToFocus: number;\n siblingTabHasFocus: boolean;\n activator: React.ReactElement;\n selected: number;\n tabs: TabDescriptor[];\n handleMeasurement(measurements: TabMeasurements): void;\n}" } }, - "ResizerProps": { - "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx": { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "name": "ResizerProps", - "description": "", - "members": [ - { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "syntaxKind": "PropertySignature", - "name": "contents", - "value": "string", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "syntaxKind": "PropertySignature", - "name": "currentHeight", - "value": "number", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "syntaxKind": "PropertySignature", - "name": "minimumLines", - "value": "number", - "description": "", - "isOptional": true - }, - { - "filePath": "polaris-react/src/components/TextField/components/Resizer/Resizer.tsx", - "syntaxKind": "MethodSignature", - "name": "onHeightChange", - "value": "(height: number) => void", - "description": "" - } - ], - "value": "export interface ResizerProps {\n contents?: string;\n currentHeight?: number | null;\n minimumLines?: number;\n onHeightChange(height: number): void;\n}" - } - }, - "HandleStepFn": { - "polaris-react/src/components/TextField/components/Spinner/Spinner.tsx": { - "filePath": "polaris-react/src/components/TextField/components/Spinner/Spinner.tsx", - "syntaxKind": "TypeAliasDeclaration", - "name": "HandleStepFn", - "value": "(step: number) => void", - "description": "" - } - }, "TooltipOverlayProps": { "polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx": { "filePath": "polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx", From 971ceb31c72abf96e7ba0f97ad5e159ef868cd06 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Thu, 23 Feb 2023 18:33:30 +1100 Subject: [PATCH 24/43] bump yarn --- yarn.lock | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/yarn.lock b/yarn.lock index e2cbab0c56f..504c5b39180 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3226,10 +3226,10 @@ resolved "https://registry.yarnpkg.com/@radix-ui/react-polymorphic/-/react-polymorphic-0.0.14.tgz#fc6cefee6686db8c5a7ff14c8c1b9b5abdee325b" integrity sha512-9nsMZEDU3LeIUeHJrpkkhZVxu/9Fc7P2g2I3WR+uA9mTbNC3hGaabi0dV6wg0CfHb+m4nSs1pejbE/5no3MJTA== -"@rollup/plugin-babel@^5.3.1": - version "5.3.1" - resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz#04bc0608f4aa4b2e4b1aebf284344d0f68fda283" - integrity sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q== +"@rollup/plugin-babel@^6.0.3": + version "6.0.3" + resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-6.0.3.tgz#07ccde15de278c581673034ad6accdb4a153dfeb" + integrity sha512-fKImZKppa1A/gX73eg4JGo+8kQr/q1HBQaCGKECZ0v4YBBv3lFqi14+7xyApECzvkLTHCifx+7ntcrvtBIRcpg== dependencies: "@babel/helper-module-imports" "^7.18.6" "@rollup/pluginutils" "^5.0.1" From 9e03ab75ce4faad72619958164fd79691752ec08 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Thu, 23 Feb 2023 18:39:10 +1100 Subject: [PATCH 25/43] Fix breadcrumb type issues --- polaris-react/playground/DetailsPage.tsx | 2 +- .../Breadcrumbs/tests/Breadcrumbs.test.tsx | 12 ++++++------ .../src/components/Page/Page.stories.tsx | 16 ++++++++-------- .../Page/components/Header/tests/Header.test.tsx | 14 +++++++------- .../src/components/Page/tests/Page.test.tsx | 12 ++++++------ 5 files changed, 28 insertions(+), 28 deletions(-) diff --git a/polaris-react/playground/DetailsPage.tsx b/polaris-react/playground/DetailsPage.tsx index eeb44cb1a06..04ad13d6f81 100644 --- a/polaris-react/playground/DetailsPage.tsx +++ b/polaris-react/playground/DetailsPage.tsx @@ -546,7 +546,7 @@ export function DetailsPage() { const actualPageMarkup = ( Success badge} primaryAction={{ diff --git a/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx b/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx index 51260f3e1ac..3a10b6df9be 100644 --- a/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx +++ b/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx @@ -13,7 +13,7 @@ describe('', () => { url: 'https://www.shopify.com', }; const breadcrumbs = mountWithApp( - , + , ); expect(breadcrumbs).toContainReactComponentTimes('a', 1); @@ -26,7 +26,7 @@ describe('', () => { accessibilityLabel: 'Go to Products', }; const breadcrumbs = mountWithApp( - , + , ); expect(breadcrumbs).toContainReactComponent('a', { @@ -42,7 +42,7 @@ describe('', () => { onAction: noop, }; const breadcrumbs = mountWithApp( - , + , ); expect(breadcrumbs).toContainReactComponentTimes('button', 1); @@ -55,7 +55,7 @@ describe('', () => { accessibilityLabel: 'Go to Products', }; const breadcrumbs = mountWithApp( - , + , ); expect(breadcrumbs).toContainReactComponent('button', { @@ -70,7 +70,7 @@ describe('', () => { onAction: spy, }; const breadcrumbs = mountWithApp( - , + , ); breadcrumbs.find('button')!.trigger('onClick'); @@ -84,7 +84,7 @@ describe('', () => { }; it('renders breadcrumb content as a visually hidden label when the new design language is enabled', () => { - const wrapper = mountWithApp(); + const wrapper = mountWithApp(); expect(wrapper).toContainReactComponent(Text, { children: 'Products', diff --git a/polaris-react/src/components/Page/Page.stories.tsx b/polaris-react/src/components/Page/Page.stories.tsx index a41700fcd82..30ab46755c7 100644 --- a/polaris-react/src/components/Page/Page.stories.tsx +++ b/polaris-react/src/components/Page/Page.stories.tsx @@ -17,7 +17,7 @@ export default { export function Default() { return ( Paid} subtitle="Perfect for any pet" @@ -61,7 +61,7 @@ export function Default() { export function WithCustomPrimaryAction() { return ( @@ -234,7 +234,7 @@ export function NarrowWidth() { return ( @@ -288,7 +288,7 @@ export function WithActionGroups() { export function WithContentAfterTitle() { return ( Verified} primaryAction={{content: 'Save', disabled: true}} @@ -311,7 +311,7 @@ export function WithContentAfterTitle() { export function WithDivider() { return ( diff --git a/polaris-react/src/components/Page/components/Header/tests/Header.test.tsx b/polaris-react/src/components/Page/components/Header/tests/Header.test.tsx index e2d6a5cc188..25bd29c27f2 100644 --- a/polaris-react/src/components/Page/components/Header/tests/Header.test.tsx +++ b/polaris-react/src/components/Page/components/Header/tests/Header.test.tsx @@ -47,30 +47,30 @@ describe('
', () => { }); describe('breadcrumbs', () => { - const breadcrumb: LinkAction = { + const backAction: LinkAction = { content: 'Products', url: 'https://www.google.com', }; it('get passed into Breadcrumbs', () => { const header = mountWithApp( -
, +
, ); expect(header).toContainReactComponent(Breadcrumbs, { - breadcrumb, + backAction, }); }); it('renders breadcrumb markup if not an array', () => { - const breadcrumb: LinkAction = { + const backAction: LinkAction = { content: 'Products', url: 'https://www.google.com', }; const header = mountWithApp( -
, +
, ); expect(header).toContainReactComponent(Breadcrumbs, { - breadcrumb, + backAction, }); }); @@ -355,7 +355,7 @@ describe('
', () => { it('renders a default mobile layout', () => { const header = mountWithApp( -
, +
, { mediaQuery: {isNavigationCollapsed: true}, }, diff --git a/polaris-react/src/components/Page/tests/Page.test.tsx b/polaris-react/src/components/Page/tests/Page.test.tsx index 667cbd0cd18..61f99925e89 100644 --- a/polaris-react/src/components/Page/tests/Page.test.tsx +++ b/polaris-react/src/components/Page/tests/Page.test.tsx @@ -234,35 +234,35 @@ describe('', () => { }); describe('breadcrumbs', () => { - const breadcrumb = { + const backAction = { content: 'Products', onAction: noop, }; it('renders a
when defined', () => { const page = mountWithApp( - , + , ); expect(page).toContainReactComponent(Header); }); it('renders a
when defined not as an array', () => { - const breadcrumb = { + const backAction = { content: 'Products', onAction: noop, }; const page = mountWithApp( - , + , ); expect(page).toContainReactComponent(Header); }); it('gets passed into the
', () => { const page = mountWithApp( - , + , ); expect(page).toContainReactComponent(Header, { - breadcrumb, + backAction, }); }); }); From 0070f6477c8c2a4723c9daca43f0d9d8a8634e85 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Thu, 23 Feb 2023 18:47:54 +1100 Subject: [PATCH 26/43] Move browserslist nodejs out of package.json so that storybook passes --- .gitignore | 1 + polaris-react/package.json | 3 +-- polaris-react/rollup.config.mjs | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/.gitignore b/.gitignore index 216460d8af7..5b6ebc0a66d 100644 --- a/.gitignore +++ b/.gitignore @@ -17,3 +17,4 @@ Session.vim /polaris.shopify.com/public/sitemap.xml /polaris.shopify.com/public/og-images /polaris.shopify.com/public/playroom +storybook-static diff --git a/polaris-react/package.json b/polaris-react/package.json index 3308cc32af7..4438b4324a6 100644 --- a/polaris-react/package.json +++ b/polaris-react/package.json @@ -116,7 +116,6 @@ "last 3 safari versions", "last 3 chromeandroid versions", "last 1 firefoxandroid versions", - "ios >= 13.4", - "node 16.17.0" + "ios >= 13.4" ] } diff --git a/polaris-react/rollup.config.mjs b/polaris-react/rollup.config.mjs index f0cce7d5bfe..150534584fd 100644 --- a/polaris-react/rollup.config.mjs +++ b/polaris-react/rollup.config.mjs @@ -53,7 +53,7 @@ function generateConfig({output, targets, stylesConfig}) { /** @type {import('rollup').RollupOptions} */ export default [ generateConfig({ - targets: pkg.browserslist, + targets: [...pkg.browserslist, 'node 16.17.0'], stylesConfig: { mode: 'standalone', output: 'styles.css', From 68fd9c0d213a5d0732016a870a6ce62275d09d6d Mon Sep 17 00:00:00 2001 From: Matt Gregg Date: Thu, 23 Feb 2023 13:34:56 -0600 Subject: [PATCH 27/43] Change breadcrumb to backlink (#8465) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### WHY are these changes introduced? Adjusting the syntax of the v11 change to `backLink` Also note that breadcrumbs are no longer supported in v11. ### WHAT is this pull request doing? ### How to 🎩 πŸ–₯ [Local development instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development) πŸ—’ [General tophatting guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md) πŸ“„ [Changelog guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)
Copy-paste this code in playground/Playground.tsx: ```jsx import React from 'react'; import {Page} from '../src'; export function Playground() { return ( {/* Add the code you want to test in here */} ); } ```
### 🎩 checklist - [ ] Tested on [mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing) - [ ] Tested on [multiple browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers) - [ ] Tested for [accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md) - [ ] Updated the component's `README.md` with documentation changes - [ ] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide --------- Co-authored-by: Sam Rose --- .changeset/afraid-scissors-work.md | 2 +- .../AppProvider/AppProvider.stories.tsx | 2 +- .../components/Breadcrumbs/Breadcrumbs.tsx | 33 ++++------------ .../Breadcrumbs/tests/Breadcrumbs.test.tsx | 31 +++++++-------- .../components/DropZone/DropZone.stories.tsx | 2 +- .../src/components/Page/Page.stories.tsx | 20 ++++------ polaris-react/src/components/Page/Page.tsx | 4 -- .../Page/components/Header/Header.tsx | 39 ++++--------------- .../components/Header/tests/Header.test.tsx | 8 ++-- .../src/components/Page/tests/Page.test.tsx | 25 +----------- .../components/layout-and-structure/page.md | 2 +- 11 files changed, 48 insertions(+), 120 deletions(-) diff --git a/.changeset/afraid-scissors-work.md b/.changeset/afraid-scissors-work.md index 8f01a30257d..a38aecb4060 100644 --- a/.changeset/afraid-scissors-work.md +++ b/.changeset/afraid-scissors-work.md @@ -2,4 +2,4 @@ '@shopify/polaris': major --- -Change breadcrumbs from an array to a single breadcrumb since only one is supported. +Change breadcrumbs from an array to a single backAction since only one is supported. diff --git a/polaris-react/src/components/AppProvider/AppProvider.stories.tsx b/polaris-react/src/components/AppProvider/AppProvider.stories.tsx index f45ccdd71c4..eb2295834bd 100644 --- a/polaris-react/src/components/AppProvider/AppProvider.stories.tsx +++ b/polaris-react/src/components/AppProvider/AppProvider.stories.tsx @@ -154,7 +154,7 @@ export function WithLinkComponent() { return ( diff --git a/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx b/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx index fc35a9308dc..4d0da6e44fd 100644 --- a/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx +++ b/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx @@ -10,29 +10,12 @@ import {Text} from '../Text'; import styles from './Breadcrumbs.scss'; export interface BreadcrumbsProps { - /** @deprecated Collection of breadcrumbs */ - breadcrumbs?: (CallbackAction | LinkAction) | (CallbackAction | LinkAction)[]; /** Back action link */ - backAction?: CallbackAction | LinkAction; + backAction: CallbackAction | LinkAction; } -export function Breadcrumbs({breadcrumbs, backAction}: BreadcrumbsProps) { - const breadcrumb = - backAction ?? - (Array.isArray(breadcrumbs) - ? breadcrumbs[breadcrumbs.length - 1] - : breadcrumbs); - if (breadcrumb == null) { - if (process.env.NODE_ENV === 'development') { - // eslint-disable-next-line no-console - console.warn( - 'Please provide a value to backAction, it will become required in the next major release.', - ); - } - return null; - } - - const {content} = breadcrumb; +export function Breadcrumbs({backAction}: BreadcrumbsProps) { + const {content} = backAction; const contentMarkup = ( <> @@ -46,13 +29,13 @@ export function Breadcrumbs({breadcrumbs, backAction}: BreadcrumbsProps) { ); const breadcrumbMarkup = - 'url' in breadcrumb ? ( + 'url' in backAction ? ( {contentMarkup} @@ -60,10 +43,10 @@ export function Breadcrumbs({breadcrumbs, backAction}: BreadcrumbsProps) { diff --git a/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx b/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx index 3a10b6df9be..766af44ee64 100644 --- a/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx +++ b/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx @@ -8,25 +8,25 @@ import {Text} from '../../Text'; describe('', () => { describe('url', () => { it('uses tags when passed a LinkAction', () => { - const linkBreadcrumb: LinkAction = { + const linkBackAction: LinkAction = { content: 'Products', url: 'https://www.shopify.com', }; const breadcrumbs = mountWithApp( - , + , ); expect(breadcrumbs).toContainReactComponentTimes('a', 1); }); it('passes the accessibilityLabel through to tag', () => { - const linkBreadcrumb: LinkAction = { + const linkBackAction: LinkAction = { content: 'Products', url: 'https://shopify.com', accessibilityLabel: 'Go to Products', }; const breadcrumbs = mountWithApp( - , + , ); expect(breadcrumbs).toContainReactComponent('a', { @@ -37,25 +37,25 @@ describe('', () => { describe('onAction()', () => { it('uses - - - ); - }; - - const harness = mountWithApp(); - - expect(harness.findAll('div')[0]).toHaveReactProps({ - title: 'count1', - id: 'Polaris1', - }); - - harness.find('button')!.trigger('onClick'); - - expect(harness.findAll('div')[0]).toHaveReactProps({ - title: 'count2', - id: 'Polaris1', - }); - }); - - it('updates the ID if the overridden ID changes', () => { - interface HasPropProps { - info: string; - idOverride?: string; - } - const HasProp = ({info, idOverride}: HasPropProps) => ( -
- ); - - const ReRenderingTestHarness = () => { - const [count, setCount] = useState(1); - const incrementCount = useCallback( - () => setCount((count) => count + 1), - [], - ); - - const override = count % 2 === 0 ? `Override${count}` : undefined; - - return ( - <> - - - - ); - }; - - const harness = mountWithApp(); - - // Initially we use an incremental id - expect(harness.find('div')).toHaveReactProps({ - title: 'count1', - id: 'Polaris1', - }); - - // But then we set an override id, so it should use that - harness.find('button')!.trigger('onClick'); - expect(harness.find('div')).toHaveReactProps({ - title: 'count2', - id: 'Override2', - }); - - // Then on the next render we don't set an override id, so we should go back - // to using the incremental id - harness.find('button')!.trigger('onClick'); - expect(harness.find('div')).toHaveReactProps({ - title: 'count3', - id: 'Polaris1', - }); - - // Back to setting an override id - harness.find('button')!.trigger('onClick'); - expect(harness.find('div')).toHaveReactProps({ - title: 'count4', - id: 'Override4', - }); - - // Back to not setting an override, so back to using the incremental id - harness.find('button')!.trigger('onClick'); - expect(harness.find('div')).toHaveReactProps({ - title: 'count5', - id: 'Polaris1', - }); - }); -}); diff --git a/polaris-react/src/utilities/unique-id/tests/unique-id-factory.test.ts b/polaris-react/src/utilities/unique-id/tests/unique-id-factory.test.ts deleted file mode 100644 index 5e027114493..00000000000 --- a/polaris-react/src/utilities/unique-id/tests/unique-id-factory.test.ts +++ /dev/null @@ -1,36 +0,0 @@ -import {UniqueIdFactory, globalIdGeneratorFactory} from '../unique-id-factory'; - -describe('UniqueIdFactory', () => { - it('returns unique IDs across multiple calls', () => { - const uniqueIdFactory = new UniqueIdFactory(globalIdGeneratorFactory); - - expect(uniqueIdFactory.nextId('')).toBe('Polaris1'); - expect(uniqueIdFactory.nextId('')).toBe('Polaris2'); - expect(uniqueIdFactory.nextId('')).toBe('Polaris3'); - - expect(uniqueIdFactory.nextId('A')).toBe('PolarisA1'); - expect(uniqueIdFactory.nextId('A')).toBe('PolarisA2'); - expect(uniqueIdFactory.nextId('A')).toBe('PolarisA3'); - }); - - it('returns unique IDs across prefixes', () => { - const uniqueIdFactory = new UniqueIdFactory(globalIdGeneratorFactory); - - expect(uniqueIdFactory.nextId('A')).toBe('PolarisA1'); - expect(uniqueIdFactory.nextId('A')).toBe('PolarisA2'); - expect(uniqueIdFactory.nextId('A')).toBe('PolarisA3'); - }); - - it('can accept a custom factory', () => { - const customIdGeneratorFactory = (prefix: string) => { - let index = 101; - return () => `Custom${prefix}${index++}`; - }; - - const uniqueIdFactory = new UniqueIdFactory(customIdGeneratorFactory); - - expect(uniqueIdFactory.nextId('')).toBe('Custom101'); - expect(uniqueIdFactory.nextId('')).toBe('Custom102'); - expect(uniqueIdFactory.nextId('A')).toBe('CustomA101'); - }); -}); diff --git a/polaris-react/src/utilities/unique-id/unique-id-factory.ts b/polaris-react/src/utilities/unique-id/unique-id-factory.ts deleted file mode 100644 index 195b648db84..00000000000 --- a/polaris-react/src/utilities/unique-id/unique-id-factory.ts +++ /dev/null @@ -1,25 +0,0 @@ -type IdGenerator = () => string; -type IdGeneratorFactory = (prefix: string) => IdGenerator; - -export class UniqueIdFactory { - private idGeneratorFactory: IdGeneratorFactory; - - private idGenerators: {[key: string]: IdGenerator} = {}; - - constructor(idGeneratorFactory: IdGeneratorFactory) { - this.idGeneratorFactory = idGeneratorFactory; - } - - nextId(prefix: string) { - if (!this.idGenerators[prefix]) { - this.idGenerators[prefix] = this.idGeneratorFactory(prefix); - } - - return this.idGenerators[prefix](); - } -} - -export function globalIdGeneratorFactory(prefix = '') { - let index = 1; - return () => `Polaris${prefix}${index++}`; -} From 50e8bb5c76f046400bf65fb5119fd8b786177c71 Mon Sep 17 00:00:00 2001 From: Lo Kim Date: Wed, 8 Mar 2023 12:26:55 -0500 Subject: [PATCH 30/43] [Layout foundations] Replace Stack with AlphaStack (#8577) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### WHY are these changes introduced? Resolves #8102. Replaces deprecated `Stack` component with `AlphaStack`. ### WHAT is this pull request doing? - Replaces deprecated Stack with AlphaStack in `polaris-react` - Updates examples and components using AlphaStack to use Stack - Removes deprecated Stack documentation and examples - Updates AlphaStack documentation and examples ### How to 🎩 πŸ–₯ [Local development instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development) πŸ—’ [General tophatting guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md) πŸ“„ [Changelog guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog) ### 🎩 checklist - [ ] Tested on [mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing) - [x] Tested on [multiple browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers) - [ ] Tested for [accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md) - [ ] Updated the component's `README.md` with documentation changes - [x] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide --- .changeset/light-mails-type.md | 6 + .../AccountConnection/AccountConnection.tsx | 6 +- .../src/components/AlphaStack/AlphaStack.scss | 60 ------- .../AlphaStack/AlphaStack.stories.tsx | 119 -------------- .../src/components/AlphaStack/AlphaStack.tsx | 73 --------- .../src/components/AlphaStack/index.ts | 1 - .../AlphaStack/tests/AlphaStack.test.tsx | 53 ------ .../src/components/Banner/Banner.stories.tsx | 6 +- .../src/components/Box/Box.stories.tsx | 6 +- .../src/components/Card/Card.stories.tsx | 34 ++-- .../src/components/ChoiceList/ChoiceList.tsx | 10 +- .../components/Divider/Divider.stories.tsx | 6 +- .../components/DropZone/DropZone.stories.tsx | 38 ++--- .../src/components/DropZone/DropZone.tsx | 6 +- .../components/FileUpload/FileUpload.tsx | 10 +- .../src/components/EmptyState/EmptyState.tsx | 10 +- polaris-react/src/components/Grid/Grid.tsx | 4 +- .../components/Grid/components/Cell/Cell.tsx | 2 +- .../components/SkeletonPage/SkeletonPage.tsx | 10 +- polaris-react/src/components/Stack/Stack.scss | 154 +++++------------- .../src/components/Stack/Stack.stories.tsx | 129 +++++++++------ polaris-react/src/components/Stack/Stack.tsx | 120 +++++++------- .../components/Stack/components/Item/Item.tsx | 28 ---- .../components/Stack/components/Item/index.ts | 1 - .../src/components/Stack/components/index.ts | 1 - .../src/components/Stack/tests/Stack.test.tsx | 49 +++++- .../TextContainer/TextContainer.tsx | 2 +- polaris-react/src/index.ts | 3 - .../content/components/deprecated/stack.md | 81 --------- .../components/deprecated/text-container.md | 2 +- .../components/layout-and-structure/inline.md | 2 +- .../layout-and-structure/legacy-stack.md | 2 +- .../{alpha-stack.md => stack.md} | 10 +- .../app-settings-layout/variants/default.md | 30 ++-- .../date-picking/variants/date-range.md | 6 +- .../date-picking/variants/single-date.md | 4 +- .../variants/default.md | 40 ++--- .../content/patterns/variant.md.template | 2 +- polaris.shopify.com/next.config.js | 15 +- .../pages/examples/alpha-stack-default.tsx | 47 ------ .../examples/bleed-specific-direction.tsx | 6 +- .../pages/examples/box-with-padding.tsx | 6 +- .../examples/card-with-varying-padding.tsx | 6 +- .../examples/divider-with-border-styles.tsx | 6 +- .../pages/examples/inline-with-gap.tsx | 6 +- .../inline-with-horizontal-alignment.tsx | 6 +- .../inline-with-vertical-alignment.tsx | 6 +- .../pages/examples/stack-default.tsx | 41 ++++- ...ck-fill-available-space-proportionally.tsx | 17 -- .../pages/examples/stack-non-wrapping.tsx | 16 -- .../pages/examples/stack-spacing.tsx | 14 -- .../examples/stack-vertical-centering.tsx | 21 --- ...-single-item-fills-the-remaining-space.tsx | 23 --- .../stack-where-items-fill-space-evenly.tsx | 17 -- ...ck-with-align.tsx => stack-with-align.tsx} | 22 +-- ...tsx => stack-with-full-width-children.tsx} | 10 +- ...-stack-with-gap.tsx => stack-with-gap.tsx} | 10 +- .../images/components/deprecated/stack.png | Bin 8562 -> 0 bytes .../{alpha-stack.png => stack.png} | Bin .../src/components/TipBanner/TipBanner.tsx | 6 +- 60 files changed, 426 insertions(+), 1001 deletions(-) create mode 100644 .changeset/light-mails-type.md delete mode 100644 polaris-react/src/components/AlphaStack/AlphaStack.scss delete mode 100644 polaris-react/src/components/AlphaStack/AlphaStack.stories.tsx delete mode 100644 polaris-react/src/components/AlphaStack/AlphaStack.tsx delete mode 100644 polaris-react/src/components/AlphaStack/index.ts delete mode 100644 polaris-react/src/components/AlphaStack/tests/AlphaStack.test.tsx delete mode 100644 polaris-react/src/components/Stack/components/Item/Item.tsx delete mode 100644 polaris-react/src/components/Stack/components/Item/index.ts delete mode 100644 polaris-react/src/components/Stack/components/index.ts delete mode 100644 polaris.shopify.com/content/components/deprecated/stack.md rename polaris.shopify.com/content/components/layout-and-structure/{alpha-stack.md => stack.md} (83%) delete mode 100644 polaris.shopify.com/pages/examples/alpha-stack-default.tsx delete mode 100644 polaris.shopify.com/pages/examples/stack-fill-available-space-proportionally.tsx delete mode 100644 polaris.shopify.com/pages/examples/stack-non-wrapping.tsx delete mode 100644 polaris.shopify.com/pages/examples/stack-spacing.tsx delete mode 100644 polaris.shopify.com/pages/examples/stack-vertical-centering.tsx delete mode 100644 polaris.shopify.com/pages/examples/stack-where-a-single-item-fills-the-remaining-space.tsx delete mode 100644 polaris.shopify.com/pages/examples/stack-where-items-fill-space-evenly.tsx rename polaris.shopify.com/pages/examples/{alpha-stack-with-align.tsx => stack-with-align.tsx} (76%) rename polaris.shopify.com/pages/examples/{alpha-stack-with-full-width-children.tsx => stack-with-full-width-children.tsx} (78%) rename polaris.shopify.com/pages/examples/{alpha-stack-with-gap.tsx => stack-with-gap.tsx} (86%) delete mode 100644 polaris.shopify.com/public/images/components/deprecated/stack.png rename polaris.shopify.com/public/images/components/layout-and-structure/{alpha-stack.png => stack.png} (100%) diff --git a/.changeset/light-mails-type.md b/.changeset/light-mails-type.md new file mode 100644 index 00000000000..129a997ab95 --- /dev/null +++ b/.changeset/light-mails-type.md @@ -0,0 +1,6 @@ +--- +'@shopify/polaris': minor +'polaris.shopify.com': minor +--- + +Replaced `Stack` with `AlphaStack` diff --git a/polaris-react/src/components/AccountConnection/AccountConnection.tsx b/polaris-react/src/components/AccountConnection/AccountConnection.tsx index a06b429f856..64790a4a107 100644 --- a/polaris-react/src/components/AccountConnection/AccountConnection.tsx +++ b/polaris-react/src/components/AccountConnection/AccountConnection.tsx @@ -8,7 +8,7 @@ import {Card} from '../Card'; import {Box} from '../Box'; import {Inline} from '../Inline'; import {Text} from '../Text'; -import {AlphaStack} from '../AlphaStack'; +import {Stack} from '../Stack'; export interface AccountConnectionProps { /** Content to display as title */ @@ -73,10 +73,10 @@ export function AccountConnection({ {avatarMarkup} - + {titleMarkup} {detailsMarkup} - + {termsOfServiceMarkup} diff --git a/polaris-react/src/components/AlphaStack/AlphaStack.scss b/polaris-react/src/components/AlphaStack/AlphaStack.scss deleted file mode 100644 index 23380cc37b1..00000000000 --- a/polaris-react/src/components/AlphaStack/AlphaStack.scss +++ /dev/null @@ -1,60 +0,0 @@ -@import '../../styles/common'; - -.AlphaStack { - // stylelint-disable -- Polaris component custom properties - --pc-stack-gap-xs: 0; - --pc-stack-gap-sm: var(--pc-stack-gap-xs); - --pc-stack-gap-md: var(--pc-stack-gap-sm); - --pc-stack-gap-lg: var(--pc-stack-gap-md); - --pc-stack-gap-xl: var(--pc-stack-gap-lg); - // stylelint-enable - - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - display: flex; - // stylelint-disable-next-line -- local component custom property is required for flex direction - flex-direction: var(--pc-stack-order); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - align-items: var(--pc-stack-align); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - gap: var(--pc-stack-gap-xs); - - @media #{$p-breakpoints-sm-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - gap: var(--pc-stack-gap-sm); - } - - @media #{$p-breakpoints-md-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - gap: var(--pc-stack-gap-md); - } - - @media #{$p-breakpoints-lg-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - gap: var(--pc-stack-gap-lg); - } - - @media #{$p-breakpoints-xl-up} { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - gap: var(--pc-stack-gap-xl); - } -} - -.listReset { - list-style-type: none; - margin-block-start: 0; - margin-block-end: 0; - padding-inline-start: 0; -} - -.fieldsetReset { - border: none; - margin: 0; - padding: 0; -} - -.fullWidth { - > * { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - width: 100%; - } -} diff --git a/polaris-react/src/components/AlphaStack/AlphaStack.stories.tsx b/polaris-react/src/components/AlphaStack/AlphaStack.stories.tsx deleted file mode 100644 index ceac4cd8c78..00000000000 --- a/polaris-react/src/components/AlphaStack/AlphaStack.stories.tsx +++ /dev/null @@ -1,119 +0,0 @@ -import React from 'react'; -import type {ComponentMeta} from '@storybook/react'; -import {Box, AlphaStack} from '@shopify/polaris'; - -export default { - component: AlphaStack, -} as ComponentMeta; - -export function Default() { - return ( - - - 01 - - - 02 - - - 03 - - - ); -} - -export function WithGap() { - return ( - - - 01 - - - 02 - - - 03 - - - ); -} - -export function WithResponsiveGap() { - return ( - - - 01 - - - 02 - - - 03 - - - ); -} - -export function WithAlignStart() { - return ( - - - 01 - - - 02 - - - 03 - - - ); -} - -export function WithAlignCenter() { - return ( - - - 01 - - - 02 - - - 03 - - - ); -} - -export function WithAlignEnd() { - return ( - - - 01 - - - 02 - - - 03 - - - ); -} - -export function WithFullWidthChildren() { - return ( - - - 01 - - - 02 - - - 03 - - - ); -} diff --git a/polaris-react/src/components/AlphaStack/AlphaStack.tsx b/polaris-react/src/components/AlphaStack/AlphaStack.tsx deleted file mode 100644 index 47c823eac61..00000000000 --- a/polaris-react/src/components/AlphaStack/AlphaStack.tsx +++ /dev/null @@ -1,73 +0,0 @@ -import React, {createElement} from 'react'; -import type {SpacingSpaceScale} from '@shopify/polaris-tokens'; - -import { - classNames, - sanitizeCustomProperties, - getResponsiveProps, -} from '../../utilities/css'; -import type {ResponsiveProp} from '../../utilities/css'; - -import styles from './AlphaStack.scss'; - -type Align = 'start' | 'end' | 'center'; - -type Element = 'div' | 'ul' | 'ol' | 'fieldset'; - -type Gap = ResponsiveProp; - -export interface AlphaStackProps extends React.AriaAttributes { - children?: React.ReactNode; - /** HTML Element type - * @default 'div' - */ - as?: Element; - /** Horizontal alignment of children */ - align?: Align; - /** Toggle children to be full width - * @default false - */ - fullWidth?: boolean; - /** The spacing between children */ - gap?: Gap; - /** HTML id attribute */ - id?: string; - /** Reverse the render order of child items - * @default false - */ - reverseOrder?: boolean; -} - -export const AlphaStack = ({ - as = 'div', - children, - align, - fullWidth = false, - gap, - id, - reverseOrder = false, - ...restProps -}: AlphaStackProps) => { - const className = classNames( - styles.AlphaStack, - fullWidth && styles.fullWidth, - as === 'ul' && styles.listReset, - as === 'fieldset' && styles.fieldsetReset, - ); - - const style = { - '--pc-stack-align': align ? `${align}` : '', - '--pc-stack-order': reverseOrder ? 'column-reverse' : 'column', - ...getResponsiveProps('stack', 'gap', 'space', gap), - } as React.CSSProperties; - - return createElement( - as, - { - className, - style: sanitizeCustomProperties(style), - ...restProps, - }, - children, - ); -}; diff --git a/polaris-react/src/components/AlphaStack/index.ts b/polaris-react/src/components/AlphaStack/index.ts deleted file mode 100644 index 832515641aa..00000000000 --- a/polaris-react/src/components/AlphaStack/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './AlphaStack'; diff --git a/polaris-react/src/components/AlphaStack/tests/AlphaStack.test.tsx b/polaris-react/src/components/AlphaStack/tests/AlphaStack.test.tsx deleted file mode 100644 index 8b55eaa455a..00000000000 --- a/polaris-react/src/components/AlphaStack/tests/AlphaStack.test.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import React from 'react'; -import {mountWithApp} from 'tests/utilities'; - -import {AlphaStack} from '../AlphaStack'; - -const text = 'This is a stack'; -const children =

{text}

; - -describe('', () => { - it('renders children', () => { - const stack = mountWithApp({children}); - - expect(stack).toContainReactComponent('p', {children: text}); - }); - - it('renders custom properties by default', () => { - const stack = mountWithApp({children}); - - expect(stack).toContainReactComponent('div', { - style: expect.objectContaining({ - '--pc-stack-order': 'column', - }) as React.CSSProperties, - }); - }); - - it('overrides custom properties if they are passed in', () => { - const stack = mountWithApp( - - {children} - , - ); - - expect(stack).toContainReactComponent('div', { - style: expect.objectContaining({ - '--pc-stack-align': 'center', - '--pc-stack-gap-xs': 'var(--p-space-10)', - }) as React.CSSProperties, - }); - }); - - it('accepts gap based on breakpoints', () => { - const stack = mountWithApp( - {children}, - ); - - expect(stack).toContainReactComponent('div', { - style: expect.objectContaining({ - '--pc-stack-gap-md': 'var(--p-space-8)', - '--pc-stack-gap-xs': 'var(--p-space-2)', - }) as React.CSSProperties, - }); - }); -}); diff --git a/polaris-react/src/components/Banner/Banner.stories.tsx b/polaris-react/src/components/Banner/Banner.stories.tsx index 0588add13e3..e94edb89424 100644 --- a/polaris-react/src/components/Banner/Banner.stories.tsx +++ b/polaris-react/src/components/Banner/Banner.stories.tsx @@ -1,7 +1,7 @@ import React, {useCallback, useEffect, useRef, useState} from 'react'; import type {ComponentMeta} from '@storybook/react'; import { - AlphaStack, + Stack, Banner, Button, LegacyCard, @@ -193,7 +193,7 @@ export function InACard() { export function WithEndJustifiedContent() { return ( - + Deployment failed in 5min @@ -203,7 +203,7 @@ export function WithEndJustifiedContent() {

This order was archived on March 7, 2017 at 3:12pm EDT.

- + ); } diff --git a/polaris-react/src/components/Box/Box.stories.tsx b/polaris-react/src/components/Box/Box.stories.tsx index 62db7d10a78..79a3432e349 100644 --- a/polaris-react/src/components/Box/Box.stories.tsx +++ b/polaris-react/src/components/Box/Box.stories.tsx @@ -1,6 +1,6 @@ import React from 'react'; import type {ComponentMeta} from '@storybook/react'; -import {AlphaStack, Box, Icon} from '@shopify/polaris'; +import {Stack, Box, Icon} from '@shopify/polaris'; import {PaintBrushMajor} from '@shopify/polaris-icons'; export default { @@ -33,7 +33,7 @@ export function WithBorderRadius() { export function WithResponsivePadding() { return ( - + @@ -68,6 +68,6 @@ export function WithResponsivePadding() { > - + ); } diff --git a/polaris-react/src/components/Card/Card.stories.tsx b/polaris-react/src/components/Card/Card.stories.tsx index 7132b345a62..7a3df5227ea 100644 --- a/polaris-react/src/components/Card/Card.stories.tsx +++ b/polaris-react/src/components/Card/Card.stories.tsx @@ -1,14 +1,6 @@ import React from 'react'; import type {ComponentMeta} from '@storybook/react'; -import { - Card, - AlphaStack, - Bleed, - Box, - Divider, - List, - Text, -} from '@shopify/polaris'; +import {Card, Stack, Bleed, Box, Divider, List, Text} from '@shopify/polaris'; export default { component: Card, @@ -17,14 +9,14 @@ export default { export function Default() { return ( - + Online store dashboard View a summary of your online store’s performance. - + ); } @@ -32,14 +24,14 @@ export function Default() { export function WithBackgroundSubdued() { return ( - + Online store dashboard View a summary of your online store’s performance. - + ); } @@ -47,14 +39,14 @@ export function WithBackgroundSubdued() { export function WithBorderRadiusRoundedAbove() { return ( - + Online store dashboard View a summary of your online store’s performance. - + ); } @@ -62,14 +54,14 @@ export function WithBorderRadiusRoundedAbove() { export function WithResponsivePadding() { return ( - + Online store dashboard View a summary of your online store’s performance. - + ); } @@ -77,7 +69,7 @@ export function WithResponsivePadding() { export function WithSubduedSection() { return ( - + Staff accounts @@ -87,7 +79,7 @@ export function WithSubduedSection() { Ezequiel Manno - + - + Deactivated staff accounts @@ -104,7 +96,7 @@ export function WithSubduedSection() { Felix Crafford Ezequiel Manno - + diff --git a/polaris-react/src/components/ChoiceList/ChoiceList.tsx b/polaris-react/src/components/ChoiceList/ChoiceList.tsx index 2e003af132f..37424b7261d 100644 --- a/polaris-react/src/components/ChoiceList/ChoiceList.tsx +++ b/polaris-react/src/components/ChoiceList/ChoiceList.tsx @@ -4,7 +4,7 @@ import type {Error} from '../../types'; import {Checkbox} from '../Checkbox'; import {RadioButton} from '../RadioButton'; import {InlineError, errorTextID} from '../InlineError'; -import {AlphaStack} from '../AlphaStack'; +import {Stack} from '../Stack'; import {Box} from '../Box'; import {Bleed} from '../Bleed'; @@ -132,7 +132,7 @@ export function ChoiceList({ ); return ( - {titleMarkup} - + {choicesMarkup} - + {errorMarkup} - + ); } diff --git a/polaris-react/src/components/Divider/Divider.stories.tsx b/polaris-react/src/components/Divider/Divider.stories.tsx index e226d2b825b..edab42be27c 100644 --- a/polaris-react/src/components/Divider/Divider.stories.tsx +++ b/polaris-react/src/components/Divider/Divider.stories.tsx @@ -1,6 +1,6 @@ import React from 'react'; import type {ComponentMeta} from '@storybook/react'; -import {AlphaStack, Divider, Text} from '@shopify/polaris'; +import {Stack, Divider, Text} from '@shopify/polaris'; export default { component: Divider, @@ -12,7 +12,7 @@ export function Default() { export function WithBorderStyles() { return ( - + Base @@ -33,6 +33,6 @@ export function WithBorderStyles() { Transparent - + ); } diff --git a/polaris-react/src/components/DropZone/DropZone.stories.tsx b/polaris-react/src/components/DropZone/DropZone.stories.tsx index afa3aaa68f8..328f17e6752 100644 --- a/polaris-react/src/components/DropZone/DropZone.stories.tsx +++ b/polaris-react/src/components/DropZone/DropZone.stories.tsx @@ -7,7 +7,7 @@ import { DropZone, List, Page, - AlphaStack, + Stack, Thumbnail, Inline, } from '@shopify/polaris'; @@ -31,7 +31,7 @@ export function Default() { const fileUpload = !files.length && ; const uploadedFiles = files.length > 0 && (
- + {files.map((file, index) => ( ))} - +
); @@ -86,7 +86,7 @@ export function WithImageFileUpload() { const fileUpload = !files.length && ; const uploadedFiles = files.length > 0 && ( - + {files.map((file, index) => ( ))} - + ); const errorMessage = hasError && ( @@ -121,13 +121,13 @@ export function WithImageFileUpload() { ); return ( - + {errorMessage} {uploadedFiles} {fileUpload} - + ); } @@ -183,7 +183,7 @@ export function WithDropOnPage() { const validImageTypes = ['image/gif', 'image/jpeg', 'image/png']; const uploadedFiles = files.length > 0 && ( - + {files.map((file, index) => ( ))} - + ); const uploadMessage = !uploadedFiles && ; @@ -244,7 +244,7 @@ export function AcceptsOnlySVGFiles() { ); const uploadedFiles = files.length > 0 && ( - + {files.map((file, index) => ( ))} - + ); const errorMessage = hasError && ( @@ -279,7 +279,7 @@ export function AcceptsOnlySVGFiles() { ); return ( - + {errorMessage} {uploadedFiles} - + ); } @@ -306,7 +306,7 @@ export function Nested() { const fileUpload = !files.length && ; const uploadedFiles = files.length > 0 && ( - + {files.map((file, index) => ( ))} - + ); return ( @@ -377,7 +377,7 @@ export function WithCustomFileUploadText() { ); const uploadedFiles = files.length > 0 && ( - + {files.map((file, index) => ( ))} - + ); return ( @@ -425,7 +425,7 @@ export function WithCustomFileDialogTrigger() { const validImageTypes = ['image/gif', 'image/jpeg', 'image/png']; const uploadedFiles = files.length > 0 && ( - + {files.map((file, index) => ( ))} - + ); return ( diff --git a/polaris-react/src/components/DropZone/DropZone.tsx b/polaris-react/src/components/DropZone/DropZone.tsx index 41eb4aa8000..147b69e7405 100755 --- a/polaris-react/src/components/DropZone/DropZone.tsx +++ b/polaris-react/src/components/DropZone/DropZone.tsx @@ -19,7 +19,7 @@ import {useI18n} from '../../utilities/i18n'; import {isServer} from '../../utilities/target'; import {useComponentDidMount} from '../../utilities/use-component-did-mount'; import {useToggle} from '../../utilities/use-toggle'; -import {AlphaStack} from '../AlphaStack'; +import {Stack} from '../Stack'; import {useEventListener} from '../../utilities/use-event-listener'; import {FileUpload} from './components'; @@ -374,14 +374,14 @@ export const DropZone: React.FunctionComponent & { ) { return (
- + {size === 'small' && } {(size === 'medium' || size === 'large') && ( {text} )} - +
); } diff --git a/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx b/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx index 372c08bbded..24c98bce014 100755 --- a/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx +++ b/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx @@ -7,7 +7,7 @@ import {uploadArrow} from '../../images'; import {DropZoneContext} from '../../context'; import {useI18n} from '../../../../utilities/i18n'; import {createAllowMultipleKey} from '../../utils'; -import {AlphaStack} from '../../../AlphaStack'; +import {Stack} from '../../../Stack'; import styles from './FileUpload.scss'; @@ -55,18 +55,18 @@ export function FileUpload(props: FileUploadProps) { switch (size) { case 'large': viewMarkup = ( - + {actionMarkup} {actionHintMarkup} - + ); break; case 'medium': viewMarkup = ( - + {actionMarkup} {actionHintMarkup} - + ); break; case 'small': diff --git a/polaris-react/src/components/EmptyState/EmptyState.tsx b/polaris-react/src/components/EmptyState/EmptyState.tsx index 6471b7e4dd0..8f64a18d289 100644 --- a/polaris-react/src/components/EmptyState/EmptyState.tsx +++ b/polaris-react/src/components/EmptyState/EmptyState.tsx @@ -7,7 +7,7 @@ import {Box} from '../Box'; import {buttonFrom} from '../Button'; import {Image} from '../Image'; import {Text} from '../Text'; -import {AlphaStack} from '../AlphaStack'; +import {Stack} from '../Stack'; import {Inline} from '../Inline'; import styles from './EmptyState.scss'; @@ -124,11 +124,11 @@ export function EmptyState({ const detailsMarkup = textContentMarkup || actionsMarkup || footerContentMarkup ? ( - + {textContentMarkup} {actionsMarkup} {footerContentMarkup} - + ) : null; @@ -139,10 +139,10 @@ export function EmptyState({ paddingBlockStart="5" paddingBlockEnd="16" > - + {imageMarkup} {detailsMarkup} - + ); } diff --git a/polaris-react/src/components/Grid/Grid.tsx b/polaris-react/src/components/Grid/Grid.tsx index 2dcb24f3ee9..5ec683d2d96 100644 --- a/polaris-react/src/components/Grid/Grid.tsx +++ b/polaris-react/src/components/Grid/Grid.tsx @@ -27,7 +27,7 @@ export interface GridProps { gap?: Gap; children?: React.ReactNode; } -/** @deprecated Use `Columns` instead or a combination of layout primitives (`Columns`, `Inline`, and `AlphaStack`) */ +/** @deprecated Use `Columns` instead or a combination of layout primitives (`Columns`, `Inline`, and `Stack`) */ export const Grid: React.FunctionComponent & { // eslint-disable-next-line import/no-deprecated Cell: typeof Cell; @@ -54,7 +54,7 @@ export const Grid: React.FunctionComponent & { if (process.env.NODE_ENV === 'development') { // eslint-disable-next-line no-console console.warn( - 'Deprecation: is deprecated. This component will be removed in a future major version of Polaris. Use instead or a combination of , , and ', + 'Deprecation: is deprecated. This component will be removed in a future major version of Polaris. Use instead or a combination of , , and ', ); } }, []); diff --git a/polaris-react/src/components/Grid/components/Cell/Cell.tsx b/polaris-react/src/components/Grid/components/Cell/Cell.tsx index 35882f8e3ee..f2784a7a9e3 100644 --- a/polaris-react/src/components/Grid/components/Cell/Cell.tsx +++ b/polaris-react/src/components/Grid/components/Cell/Cell.tsx @@ -30,7 +30,7 @@ export interface CellProps { row?: Cell; children?: React.ReactNode; } -/** @deprecated Use `Columns` instead or a combination of layout primitives (`Columns`, `Inline`, and `AlphaStack`) */ +/** @deprecated Use `Columns` instead or a combination of layout primitives (`Columns`, `Inline`, and `Stack`) */ export function Cell({ area: gridArea, column, diff --git a/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx b/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx index 135d09e8b60..d6b0411431e 100644 --- a/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx +++ b/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx @@ -4,7 +4,7 @@ import {useI18n} from '../../utilities/i18n'; import {SkeletonBodyText} from '../SkeletonBodyText'; import {Box} from '../Box'; import {Inline} from '../Inline'; -import {AlphaStack} from '../AlphaStack'; +import {Stack} from '../Stack'; import styles from './SkeletonPage.scss'; @@ -63,7 +63,7 @@ export function SkeletonPage({ ) : null; return ( - + - + {children} - + - + ); } diff --git a/polaris-react/src/components/Stack/Stack.scss b/polaris-react/src/components/Stack/Stack.scss index 1c006935e5e..375a1aa5192 100644 --- a/polaris-react/src/components/Stack/Stack.scss +++ b/polaris-react/src/components/Stack/Stack.scss @@ -1,136 +1,60 @@ +@import '../../styles/common'; + .Stack { - // stylelint-disable-next-line -- Polaris component custom properties - --pc-stack-spacing: var(--p-space-4); + // stylelint-disable -- Polaris component custom properties + --pc-stack-gap-xs: 0; + --pc-stack-gap-sm: var(--pc-stack-gap-xs); + --pc-stack-gap-md: var(--pc-stack-gap-sm); + --pc-stack-gap-lg: var(--pc-stack-gap-md); + --pc-stack-gap-xl: var(--pc-stack-gap-lg); + // stylelint-enable + // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY display: flex; - flex-wrap: wrap; + // stylelint-disable-next-line -- local component custom property is required for flex direction + flex-direction: var(--pc-stack-order); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - align-items: stretch; + align-items: var(--pc-stack-align); // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - margin-top: calc(-1 * var(--pc-stack-spacing)); - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - margin-left: calc(-1 * var(--pc-stack-spacing)); + gap: var(--pc-stack-gap-xs); - > .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - margin-top: var(--pc-stack-spacing); + @media #{$p-breakpoints-sm-up} { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - margin-left: var(--pc-stack-spacing); - max-width: 100%; + gap: var(--pc-stack-gap-sm); } -} - -.noWrap { - flex-wrap: nowrap; -} - -.spacingNone { - // stylelint-disable-next-line -- Polaris component custom properties - --pc-stack-spacing: 0; -} - -.spacingExtraTight { - // stylelint-disable-next-line -- Polaris component custom properties - --pc-stack-spacing: var(--p-space-1); -} - -.spacingTight { - // stylelint-disable-next-line -- Polaris component custom properties - --pc-stack-spacing: var(--p-space-2); -} - -.spacingBaseTight { - // stylelint-disable-next-line -- Polaris component custom properties - --pc-stack-spacing: var(--p-space-3); -} -.spacingLoose { - // stylelint-disable-next-line -- Polaris component custom properties - --pc-stack-spacing: var(--p-space-5); -} - -.spacingExtraLoose { - // stylelint-disable-next-line -- Polaris component custom properties - --pc-stack-spacing: var(--p-space-8); -} - -.distributionLeading { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - justify-content: flex-start; -} - -.distributionTrailing { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - justify-content: flex-end; -} - -.distributionCenter { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - justify-content: center; -} - -.distributionEqualSpacing { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - justify-content: space-between; -} - -.distributionFill > .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - flex: 1 1 auto; -} - -.distributionFillEvenly > .Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - flex: 1 1 auto; - - @supports (min-width: fit-content) { + @media #{$p-breakpoints-md-up} { // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - flex: 1 0 0%; - min-width: fit-content; + gap: var(--pc-stack-gap-md); } -} - -.alignmentLeading { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - align-items: flex-start; -} -.alignmentTrailing { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - align-items: flex-end; -} + @media #{$p-breakpoints-lg-up} { + // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + gap: var(--pc-stack-gap-lg); + } -.alignmentCenter { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - align-items: center; + @media #{$p-breakpoints-xl-up} { + // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + gap: var(--pc-stack-gap-xl); + } } -.alignmentFill { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - align-items: stretch; +.listReset { + list-style-type: none; + margin-block-start: 0; + margin-block-end: 0; + padding-inline-start: 0; } -.alignmentBaseline { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - align-items: baseline; +.fieldsetReset { + border: none; + margin: 0; + padding: 0; } -.vertical { - flex-direction: column; - margin-left: 0; - - > .Item { - margin-left: 0; +.fullWidth { + > * { + // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY + width: 100%; } } - -.Item { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - flex: 0 0 auto; - min-width: 0; -} - -.Item-fill { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - flex: 1 1 auto; -} diff --git a/polaris-react/src/components/Stack/Stack.stories.tsx b/polaris-react/src/components/Stack/Stack.stories.tsx index 7394573ce2d..bc09c509889 100644 --- a/polaris-react/src/components/Stack/Stack.stories.tsx +++ b/polaris-react/src/components/Stack/Stack.stories.tsx @@ -1,6 +1,6 @@ import React from 'react'; import type {ComponentMeta} from '@storybook/react'; -import {Badge, Text, Stack} from '@shopify/polaris'; +import {Box, Stack} from '@shopify/polaris'; export default { component: Stack, @@ -9,88 +9,111 @@ export default { export function Default() { return ( - Paid - Processing - Fulfilled - Completed + + 01 + + + 02 + + + 03 + ); } -export function NonWrapping() { +export function WithGap() { return ( - - Paid - Processing - Fulfilled - Completed + + + 01 + + + 02 + + + 03 + ); } -export function Spacing() { +export function WithResponsiveGap() { return ( - - Paid - Fulfilled + + + 01 + + + 02 + + + 03 + ); } -export function VerticalCentering() { +export function WithAlignStart() { return ( - - - Order -
- #1136 -
- was paid - - Paid - Fulfilled + + + 01 + + + 02 + + + 03 + ); } -export function FillAvailableSpaceProportionally() { +export function WithAlignCenter() { return ( - - - Order #1136 - - Paid - Fulfilled + + + 01 + + + 02 + + + 03 + ); } -export function WhereItemsFillSpaceEvenly() { +export function WithAlignEnd() { return ( - - - Order #1136 - - Paid - Fulfilled + + + 01 + + + 02 + + + 03 + ); } -export function WhereASingleItemFillsTheRemainingSpace() { +export function WithFullWidthChildren() { return ( - - - - Order #1136 - - - - Paid - - - Fulfilled - + + + 01 + + + 02 + + + 03 + ); } diff --git a/polaris-react/src/components/Stack/Stack.tsx b/polaris-react/src/components/Stack/Stack.tsx index 5d41a7db0d9..e0ddd203478 100644 --- a/polaris-react/src/components/Stack/Stack.tsx +++ b/polaris-react/src/components/Stack/Stack.tsx @@ -1,81 +1,73 @@ -import React, {memo, NamedExoticComponent} from 'react'; +import React, {createElement} from 'react'; +import type {SpacingSpaceScale} from '@shopify/polaris-tokens'; -import {classNames, variationName} from '../../utilities/css'; -import {elementChildren, wrapWithComponent} from '../../utilities/components'; +import { + classNames, + sanitizeCustomProperties, + getResponsiveProps, +} from '../../utilities/css'; +import type {ResponsiveProp} from '../../utilities/css'; -// eslint-disable-next-line import/no-deprecated -import {Item} from './components'; import styles from './Stack.scss'; -type Spacing = - | 'extraTight' - | 'tight' - | 'baseTight' - | 'loose' - | 'extraLoose' - | 'none'; +type Align = 'start' | 'end' | 'center'; -type Alignment = 'leading' | 'trailing' | 'center' | 'fill' | 'baseline'; +type Element = 'div' | 'ul' | 'ol' | 'fieldset'; -type Distribution = - | 'equalSpacing' - | 'leading' - | 'trailing' - | 'center' - | 'fill' - | 'fillEvenly'; +type Gap = ResponsiveProp; -export interface StackProps { - /** Elements to display inside stack */ +export interface StackProps extends React.AriaAttributes { children?: React.ReactNode; - /** Wrap stack elements to additional rows as needed on small screens (Defaults to true) */ - wrap?: boolean; - /** Stack the elements vertically */ - vertical?: boolean; - /** Adjust spacing between elements */ - spacing?: Spacing; - /** Adjust vertical alignment of elements */ - alignment?: Alignment; - /** Adjust horizontal alignment of elements */ - distribution?: Distribution; + /** HTML Element type + * @default 'div' + */ + as?: Element; + /** Horizontal alignment of children */ + align?: Align; + /** Toggle children to be full width + * @default false + */ + fullWidth?: boolean; + /** The spacing between children */ + gap?: Gap; + /** HTML id attribute */ + id?: string; + /** Reverse the render order of child items + * @default false + */ + reverseOrder?: boolean; } -/** @deprecated Use LegacyStack or AlphaStack instead. */ -export const Stack = memo(function Stack({ +export const Stack = ({ + as = 'div', children, - vertical, - spacing, - distribution, - alignment, - wrap, -}: StackProps) { - if (process.env.NODE_ENV === 'development') { - // eslint-disable-next-line no-console - console.warn( - 'Deprecation: is deprecated. This component will be removed in a future major version of Polaris. Use or instead.', - ); - } - + align, + fullWidth = false, + gap, + id, + reverseOrder = false, + ...restProps +}: StackProps) => { const className = classNames( styles.Stack, - vertical && styles.vertical, - spacing && styles[variationName('spacing', spacing)], - distribution && styles[variationName('distribution', distribution)], - alignment && styles[variationName('alignment', alignment)], - wrap === false && styles.noWrap, + fullWidth && styles.fullWidth, + as === 'ul' && styles.listReset, + as === 'fieldset' && styles.fieldsetReset, ); - const itemMarkup = elementChildren(children).map((child, index) => { - const props = {key: index}; - // eslint-disable-next-line import/no-deprecated - return wrapWithComponent(child, Item, props); - }); + const style = { + '--pc-stack-align': align ? `${align}` : '', + '--pc-stack-order': reverseOrder ? 'column-reverse' : 'column', + ...getResponsiveProps('stack', 'gap', 'space', gap), + } as React.CSSProperties; - return
{itemMarkup}
; -}) as NamedExoticComponent & { - // eslint-disable-next-line import/no-deprecated - Item: typeof Item; + return createElement( + as, + { + className, + style: sanitizeCustomProperties(style), + ...restProps, + }, + children, + ); }; - -// eslint-disable-next-line import/no-deprecated -Stack.Item = Item; diff --git a/polaris-react/src/components/Stack/components/Item/Item.tsx b/polaris-react/src/components/Stack/components/Item/Item.tsx deleted file mode 100644 index 360ab3967c0..00000000000 --- a/polaris-react/src/components/Stack/components/Item/Item.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import React from 'react'; - -import {classNames} from '../../../../utilities/css'; -import styles from '../../Stack.scss'; - -export interface ItemProps { - /** Elements to display inside item */ - children?: React.ReactNode; - /** Fill the remaining horizontal space in the stack with the item */ - fill?: boolean; - /** - * @default false - */ -} - -/** @deprecated Use LegacyStack or AlphaStack instead. */ -export function Item({children, fill}: ItemProps) { - if (process.env.NODE_ENV === 'development') { - // eslint-disable-next-line no-console - console.warn( - 'Deprecation: is deprecated. This component will be removed in a future major version of Polaris. Use or instead.', - ); - } - - const className = classNames(styles.Item, fill && styles['Item-fill']); - - return
{children}
; -} diff --git a/polaris-react/src/components/Stack/components/Item/index.ts b/polaris-react/src/components/Stack/components/Item/index.ts deleted file mode 100644 index c924835a042..00000000000 --- a/polaris-react/src/components/Stack/components/Item/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './Item'; diff --git a/polaris-react/src/components/Stack/components/index.ts b/polaris-react/src/components/Stack/components/index.ts deleted file mode 100644 index c924835a042..00000000000 --- a/polaris-react/src/components/Stack/components/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './Item'; diff --git a/polaris-react/src/components/Stack/tests/Stack.test.tsx b/polaris-react/src/components/Stack/tests/Stack.test.tsx index d095fff3ebb..a663ba5ad27 100644 --- a/polaris-react/src/components/Stack/tests/Stack.test.tsx +++ b/polaris-react/src/components/Stack/tests/Stack.test.tsx @@ -1,16 +1,53 @@ import React from 'react'; import {mountWithApp} from 'tests/utilities'; -// eslint-disable-next-line import/no-deprecated import {Stack} from '../Stack'; +const text = 'This is a stack'; +const children =

{text}

; + describe('', () => { - const renderChildren = () => [0, 1].map((i) =>
Child {i}
); + it('renders children', () => { + const stack = mountWithApp({children}); + + expect(stack).toContainReactComponent('p', {children: text}); + }); + + it('renders custom properties by default', () => { + const stack = mountWithApp({children}); + + expect(stack).toContainReactComponent('div', { + style: expect.objectContaining({ + '--pc-stack-order': 'column', + }) as React.CSSProperties, + }); + }); + + it('overrides custom properties if they are passed in', () => { + const stack = mountWithApp( + + {children} + , + ); + + expect(stack).toContainReactComponent('div', { + style: expect.objectContaining({ + '--pc-stack-align': 'center', + '--pc-stack-gap-xs': 'var(--p-space-10)', + }) as React.CSSProperties, + }); + }); - it('renders its children', () => { - const stack = mountWithApp({renderChildren()}); + it('accepts gap based on breakpoints', () => { + const stack = mountWithApp( + {children}, + ); - // eslint-disable-next-line import/no-deprecated - expect(stack).toContainReactComponentTimes(Stack.Item, 2); + expect(stack).toContainReactComponent('div', { + style: expect.objectContaining({ + '--pc-stack-gap-md': 'var(--p-space-8)', + '--pc-stack-gap-xs': 'var(--p-space-2)', + }) as React.CSSProperties, + }); }); }); diff --git a/polaris-react/src/components/TextContainer/TextContainer.tsx b/polaris-react/src/components/TextContainer/TextContainer.tsx index c4a938912df..ef217df9ca4 100644 --- a/polaris-react/src/components/TextContainer/TextContainer.tsx +++ b/polaris-react/src/components/TextContainer/TextContainer.tsx @@ -13,7 +13,7 @@ export interface TextContainerProps { children?: React.ReactNode; } -/** @deprecated Use AlphaStack instead */ +/** @deprecated Use Stack instead */ export function TextContainer({spacing, children}: TextContainerProps) { const className = classNames( styles.TextContainer, diff --git a/polaris-react/src/index.ts b/polaris-react/src/index.ts index 5e5ff03fd02..54cbec16c9d 100644 --- a/polaris-react/src/index.ts +++ b/polaris-react/src/index.ts @@ -46,9 +46,6 @@ export type { export {ActionMenu} from './components/ActionMenu'; export type {ActionMenuProps} from './components/ActionMenu'; -export {AlphaStack} from './components/AlphaStack'; -export type {AlphaStackProps} from './components/AlphaStack'; - export {Autocomplete} from './components/Autocomplete'; export type {AutocompleteProps} from './components/Autocomplete'; diff --git a/polaris.shopify.com/content/components/deprecated/stack.md b/polaris.shopify.com/content/components/deprecated/stack.md deleted file mode 100644 index 352a29f3e0f..00000000000 --- a/polaris.shopify.com/content/components/deprecated/stack.md +++ /dev/null @@ -1,81 +0,0 @@ ---- -title: Stack -description: Use to lay out a horizontal row of components or to achieve no-fuss vertical centering. A stack is made of flexible items that wrap each of the stack’s children. Options provide control of the wrapping, spacing, and relative size of the items in the stack. -category: Deprecated -keywords: - - rows - - vertical centering - - horizontal row of components - - flexible items - - flexbox - - row of components - - stack spacing - - vertical centering - - fill available space - - fill space - - equal width - - right-aligned stack - - stack layout - - layout -status: - value: Deprecated - message: >- - Stack was built prior to layout primitives like box, inline, and alpha stack. - The new layout primitives can be used in combination to achieve similar results to stack, or the existing legacy stack. -examples: - - fileName: stack-default.tsx - title: Default - description: Use to quickly lay out a horizontal row of components and maintain their relative sizes. On small screens, children rows wrap down to additional rows as needed. - - fileName: stack-non-wrapping.tsx - title: Non-wrapping - description: Use to create a stack where the children will not wrap to new rows on small screens. As noted above, the wrap option defaults to true. This means you must explicitly set it to false to turn it off. - - fileName: stack-spacing.tsx - title: Spacing - description: Use to control spacing of items in a stack in standard increments. Use tight for less spacing, loose for more spacing, or none to remove normal spacing altogether. - - fileName: stack-vertical-centering.tsx - title: Vertical centering - description: Use to vertically center a set of items that have different heights. - - fileName: stack-fill-available-space-proportionally.tsx - title: Fill available space proportionally - description: Use to have the stack’s items fill the horizontal space in the container but maintain their relative proportions. - - fileName: stack-where-items-fill-space-evenly.tsx - title: Where items fill space evenly - description: Use to have the stack’s items fill the horizontal space in the container and be equal widths, regardless of their content. - - fileName: stack-where-a-single-item-fills-the-remaining-space.tsx - title: Where a single item fills the remaining space - description: Use for aligning buttons or secondary content to the right edge of another element, allowing it to wrap below on small screens. ---- - -## Best practices - -Stacks should: - -- Be used for small-scale layout tasks when you want a row of components that should wrap on small screen widths -- Be used to vertically center two elements -- Not be used for complex or unique arrangements of components -- Not be used for large-scale page layout - ---- - -## Stack item - -The stack component will treat multiple elements wrapped in a stack item component as one item. By default, each individual element is treated as one stack item. Use the fill prop on a single stack item component to make it fill the rest of the available horizontal space. See the β€œStack where a single item fills the remaining space” example. - -### Stack item properties - -| Prop | Type | Description | Default | -| -------- | ------- | -------------------------------------------------------------- | ------- | -| fill | boolean | Fill the available horizontal space in the stack with the item | false | -| children | any | Elements to display inside stack item | | - ---- - -## Related components - -- To create the large-scale structure of pages, [use the layout component](https://polaris.shopify.com/components/layout-and-structure/layout) - ---- - -## Accessibility - -The stack component is for alignment only and doesn’t provide any structural information for assistive technologies. To convey relationships between specific items, consider using the [list component](https://polaris.shopify.com/components/lists/list). diff --git a/polaris.shopify.com/content/components/deprecated/text-container.md b/polaris.shopify.com/content/components/deprecated/text-container.md index 51235b3f528..d88e15a0508 100644 --- a/polaris.shopify.com/content/components/deprecated/text-container.md +++ b/polaris.shopify.com/content/components/deprecated/text-container.md @@ -13,7 +13,7 @@ keywords: - padding status: value: Deprecated - message: The TextContainer is a simple layout component which was made redundant by the AlphaStack component. Use AlphaStack with `gap` values of 2, 4, and 5 to replicate layouts. + message: The TextContainer is a simple layout component which was made redundant by the Stack component. Use Stack with `gap` values of 2, 4, and 5 to replicate layouts. examples: - fileName: text-container-default.tsx title: Default diff --git a/polaris.shopify.com/content/components/layout-and-structure/inline.md b/polaris.shopify.com/content/components/layout-and-structure/inline.md index 9327312e938..916a53eb503 100644 --- a/polaris.shopify.com/content/components/layout-and-structure/inline.md +++ b/polaris.shopify.com/content/components/layout-and-structure/inline.md @@ -32,4 +32,4 @@ examples: ## Related components -- To display elements vertically, [use the AlphaStack component](https://polaris.shopify.com/components/layout-and-structure/alpha-stack) +- To display elements vertically, [use the Stack component](https://polaris.shopify.com/components/layout-and-structure/stack) diff --git a/polaris.shopify.com/content/components/layout-and-structure/legacy-stack.md b/polaris.shopify.com/content/components/layout-and-structure/legacy-stack.md index e521cff787d..2d7bb1f22cd 100644 --- a/polaris.shopify.com/content/components/layout-and-structure/legacy-stack.md +++ b/polaris.shopify.com/content/components/layout-and-structure/legacy-stack.md @@ -20,7 +20,7 @@ keywords: - legacy stack status: value: Legacy - message: This is a legacy component and will be deprecated. The new [AlphaStack component](/components/layout-and-structure/alpha-stack) can be used in combination with the new layout primitives to achieve similar results to LegacyStack. Learn more about our [component lifecycles](/getting-started/components-lifecycle). + message: This is a legacy component and will be deprecated. The new [Stack component](/components/layout-and-structure/stack) can be used in combination with the new layout primitives to achieve similar results to LegacyStack. Learn more about our [component lifecycles](/getting-started/components-lifecycle). examples: - fileName: legacy-stack-default.tsx title: Default diff --git a/polaris.shopify.com/content/components/layout-and-structure/alpha-stack.md b/polaris.shopify.com/content/components/layout-and-structure/stack.md similarity index 83% rename from polaris.shopify.com/content/components/layout-and-structure/alpha-stack.md rename to polaris.shopify.com/content/components/layout-and-structure/stack.md index ef57db11aac..459dae32df4 100644 --- a/polaris.shopify.com/content/components/layout-and-structure/alpha-stack.md +++ b/polaris.shopify.com/content/components/layout-and-structure/stack.md @@ -1,5 +1,5 @@ --- -title: Alpha stack +title: Stack description: Use to display elements vertically with items placed directly below the preceding item. category: Layout and structure keywords: @@ -8,19 +8,19 @@ status: value: Alpha message: This component is a work in progress and ready for exploratory usage, with breaking changes expected in minor version updates. Please use with caution. Learn more about our [component lifecycles](/getting-started/components-lifecycle). examples: - - fileName: alpha-stack-default.tsx + - fileName: stack-default.tsx title: Default description: >- By default, stack is left aligned and stacked items are spaced with 16px in between. - - fileName: alpha-stack-with-gap.tsx + - fileName: stack-with-gap.tsx title: Gap description: >- Gaps between stack children can be adjusted using the Space token. - - fileName: alpha-stack-with-full-width-children.tsx + - fileName: stack-with-full-width-children.tsx title: Full width description: >- Use a boolean to make Stack full width. - - fileName: alpha-stack-with-align.tsx + - fileName: stack-with-align.tsx title: Alignment description: >- Use to horizontally align Stack. diff --git a/polaris.shopify.com/content/patterns/app-settings-layout/variants/default.md b/polaris.shopify.com/content/patterns/app-settings-layout/variants/default.md index 91515dc8561..ad4a8e9536b 100644 --- a/polaris.shopify.com/content/patterns/app-settings-layout/variants/default.md +++ b/polaris.shopify.com/content/patterns/app-settings-layout/variants/default.md @@ -24,7 +24,7 @@ hideFromNav: true ## Using this pattern -This pattern uses the [`AlphaStack`](/components/layout-and-structure/alpha-stack), [`AlphaCard`](/components/layout-and-structure/alpha-card), [`Columns`](/components/layout-and-structure/columns) and [`Box`](/components/layout-and-structure/box) components. +This pattern uses the [`Stack`](/components/layout-and-structure/stack), [`Card`](/components/layout-and-structure/card), [`Columns`](/components/layout-and-structure/columns) and [`Box`](/components/layout-and-structure/box) components. ```javascript {"type":"previewContext","for":"example"} @@ -45,28 +45,28 @@ This pattern uses the [`AlphaStack`](/components/layout-and-structure/alpha-stac }, ]} > - + - + InterJambs

Interjambs are the rounded protruding bits of your puzzlie piece

- + - - + + - - + + - + Dimensions

Interjambs are the rounded protruding bits of your puzzlie piece

- + - - + + - - + + - + ``` diff --git a/polaris.shopify.com/content/patterns/date-picking/variants/date-range.md b/polaris.shopify.com/content/patterns/date-picking/variants/date-range.md index bb8e06a88fb..b19cc0c8075 100644 --- a/polaris.shopify.com/content/patterns/date-picking/variants/date-range.md +++ b/polaris.shopify.com/content/patterns/date-picking/variants/date-range.md @@ -32,7 +32,7 @@ This enables merchants to select a date range. ## Using this pattern -This pattern uses the [`AlphaStack`](/components/layout-and-structure/alpha-stack), [`Box`](/components/layout-and-structure/box), [`Button`](/components/actions/button), [`Columns`](/components/layout-and-structure/columns), [`DatePicker`](/components/selection-and-input/date-picker), [`Inline`](/components/layout-and-structure/inline), [`OptionList`](/components/lists/option-list), [`Popover`](/components/overlays/popover) and [`TextField`](/components/selection-and-input/text-field) components. +This pattern uses the [`Stack`](/components/layout-and-structure/stack), [`Box`](/components/layout-and-structure/box), [`Button`](/components/actions/button), [`Columns`](/components/layout-and-structure/columns), [`DatePicker`](/components/selection-and-input/date-picker), [`Inline`](/components/layout-and-structure/inline), [`OptionList`](/components/lists/option-list), [`Popover`](/components/overlays/popover) and [`TextField`](/components/selection-and-input/text-field) components. ```javascript {"type":"previewContext","for":"example"} @@ -323,7 +323,7 @@ function DateRangePicker() { )} - +
- + diff --git a/polaris.shopify.com/content/patterns/date-picking/variants/single-date.md b/polaris.shopify.com/content/patterns/date-picking/variants/single-date.md index c876b1abbfe..6396b0a6fcf 100644 --- a/polaris.shopify.com/content/patterns/date-picking/variants/single-date.md +++ b/polaris.shopify.com/content/patterns/date-picking/variants/single-date.md @@ -93,7 +93,7 @@ function DatePickerExample() { } }, [selectedDate]); return ( - + - + ); } ``` diff --git a/polaris.shopify.com/content/patterns/resource-details-layout/variants/default.md b/polaris.shopify.com/content/patterns/resource-details-layout/variants/default.md index 74d27c7be38..82ddfd0314a 100644 --- a/polaris.shopify.com/content/patterns/resource-details-layout/variants/default.md +++ b/polaris.shopify.com/content/patterns/resource-details-layout/variants/default.md @@ -86,28 +86,28 @@ function ResourceDetailsLayout() { }} > - - - + + + - - - - + + + + - - - - - - + + + + + + @@ -118,19 +118,19 @@ function ResourceDetailsLayout() { - - - - + + + + - - - + + + ); diff --git a/polaris.shopify.com/content/patterns/variant.md.template b/polaris.shopify.com/content/patterns/variant.md.template index 3c1749732c3..bab28d62c9d 100644 --- a/polaris.shopify.com/content/patterns/variant.md.template +++ b/polaris.shopify.com/content/patterns/variant.md.template @@ -55,7 +55,7 @@ This pattern uses the components. ```javascript {"type":"livePreview","id":"example"} - Coming Soon + Coming Soon ``` diff --git a/polaris.shopify.com/next.config.js b/polaris.shopify.com/next.config.js index 646908f0086..62edd3ba992 100644 --- a/polaris.shopify.com/next.config.js +++ b/polaris.shopify.com/next.config.js @@ -211,11 +211,6 @@ const deprecated = [ destination: '/components/deprecated/sheet', permanent: false, }, - { - source: '/components/stack', - destination: '/components/deprecated/stack', - permanent: false, - }, { source: '/components/subheading', destination: '/components/deprecated/subheading', @@ -345,11 +340,6 @@ const layoutAndStructure = [ destination: '/components/layout-and-structure/alpha-card', permanent: false, }, - { - source: '/components/alpha-stack', - destination: '/components/layout-and-structure/alpha-stack', - permanent: false, - }, { source: '/components/bleed', destination: '/components/layout-and-structure/bleed', @@ -440,6 +430,11 @@ const layoutAndStructure = [ destination: '/components/layout-and-structure/page', permanent: false, }, + { + source: '/components/layout-and-structure/alpha-stack', + destination: '/components/layout-and-structure/stack', + permanent: false, + }, { source: '/components/stack', destination: '/components/layout-and-structure/stack', diff --git a/polaris.shopify.com/pages/examples/alpha-stack-default.tsx b/polaris.shopify.com/pages/examples/alpha-stack-default.tsx deleted file mode 100644 index b95e2b3f011..00000000000 --- a/polaris.shopify.com/pages/examples/alpha-stack-default.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import React from 'react'; -import {AlphaStack, Text} from '@shopify/polaris'; - -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function AlphaStackExample() { - return ( - - - - - - ); -} - -const Placeholder = ({ - label = '', - height = 'auto', - width = 'auto', - childWidth = 'auto', -}) => { - return ( -
-
- - {label} - -
-
- ); -}; - -export default withPolarisExample(AlphaStackExample); diff --git a/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx b/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx index 297205058fd..ed564b14d81 100644 --- a/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx +++ b/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx @@ -1,11 +1,11 @@ import React from 'react'; -import {AlphaStack, Bleed, Box, Text, Inline} from '@shopify/polaris'; +import {Stack, Bleed, Box, Text, Inline} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BleedSpecificDirectionExample() { return ( - + @@ -26,7 +26,7 @@ function BleedSpecificDirectionExample() { - + ); } diff --git a/polaris.shopify.com/pages/examples/box-with-padding.tsx b/polaris.shopify.com/pages/examples/box-with-padding.tsx index 5e8faabe37c..9c7bb179a7e 100644 --- a/polaris.shopify.com/pages/examples/box-with-padding.tsx +++ b/polaris.shopify.com/pages/examples/box-with-padding.tsx @@ -1,11 +1,11 @@ import React from 'react'; -import {AlphaStack, Box, LegacyStack, Text, Inline} from '@shopify/polaris'; +import {Stack, Box, Text, Inline} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BoxWithPaddingExample() { return ( - +
@@ -35,7 +35,7 @@ function BoxWithPaddingExample() {
- + ); } diff --git a/polaris.shopify.com/pages/examples/card-with-varying-padding.tsx b/polaris.shopify.com/pages/examples/card-with-varying-padding.tsx index 13d1dd61382..3ffe996ecb0 100644 --- a/polaris.shopify.com/pages/examples/card-with-varying-padding.tsx +++ b/polaris.shopify.com/pages/examples/card-with-varying-padding.tsx @@ -1,10 +1,10 @@ -import {Card, Text, AlphaStack} from '@shopify/polaris'; +import {Card, Text, Stack} from '@shopify/polaris'; import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function CardExample() { return ( - + @@ -17,7 +17,7 @@ function CardExample() { - + ); } diff --git a/polaris.shopify.com/pages/examples/divider-with-border-styles.tsx b/polaris.shopify.com/pages/examples/divider-with-border-styles.tsx index cd8f052524a..b1d021898cb 100644 --- a/polaris.shopify.com/pages/examples/divider-with-border-styles.tsx +++ b/polaris.shopify.com/pages/examples/divider-with-border-styles.tsx @@ -1,11 +1,11 @@ import React from 'react'; -import {Divider, Text, AlphaStack} from '@shopify/polaris'; +import {Divider, Text, Stack} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function DividerWithBorderStylesExample() { return ( - + Base @@ -26,7 +26,7 @@ function DividerWithBorderStylesExample() { Transparent - + ); } diff --git a/polaris.shopify.com/pages/examples/inline-with-gap.tsx b/polaris.shopify.com/pages/examples/inline-with-gap.tsx index 5fe75d52b8c..a41ea54e986 100644 --- a/polaris.shopify.com/pages/examples/inline-with-gap.tsx +++ b/polaris.shopify.com/pages/examples/inline-with-gap.tsx @@ -1,11 +1,11 @@ import React from 'react'; -import {Inline, AlphaStack} from '@shopify/polaris'; +import {Inline, Stack} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function InlineWithGapExample() { return ( - + @@ -22,7 +22,7 @@ function InlineWithGapExample() { - + ); } diff --git a/polaris.shopify.com/pages/examples/inline-with-horizontal-alignment.tsx b/polaris.shopify.com/pages/examples/inline-with-horizontal-alignment.tsx index 9eb15f15ec5..6a188deb336 100644 --- a/polaris.shopify.com/pages/examples/inline-with-horizontal-alignment.tsx +++ b/polaris.shopify.com/pages/examples/inline-with-horizontal-alignment.tsx @@ -1,12 +1,12 @@ import React from 'react'; -import {AlphaStack, Inline, Text, Page} from '@shopify/polaris'; +import {Stack, Inline, Text, Page} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function InlineWithHorizontalAlignmentExample() { return ( - + @@ -31,7 +31,7 @@ function InlineWithHorizontalAlignmentExample() { - + ); } diff --git a/polaris.shopify.com/pages/examples/inline-with-vertical-alignment.tsx b/polaris.shopify.com/pages/examples/inline-with-vertical-alignment.tsx index 45c166217ae..2d41a6409ba 100644 --- a/polaris.shopify.com/pages/examples/inline-with-vertical-alignment.tsx +++ b/polaris.shopify.com/pages/examples/inline-with-vertical-alignment.tsx @@ -1,11 +1,11 @@ import React from 'react'; -import {Inline, Text, AlphaStack} from '@shopify/polaris'; +import {Inline, Text, Stack} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function InlineWithVerticalAlignmentExample() { return ( - + @@ -38,7 +38,7 @@ function InlineWithVerticalAlignmentExample() { - + ); } diff --git a/polaris.shopify.com/pages/examples/stack-default.tsx b/polaris.shopify.com/pages/examples/stack-default.tsx index 639dac7df51..38beccf2c3f 100644 --- a/polaris.shopify.com/pages/examples/stack-default.tsx +++ b/polaris.shopify.com/pages/examples/stack-default.tsx @@ -1,16 +1,47 @@ -import {Stack, Badge} from '@shopify/polaris'; import React from 'react'; +import {Stack, Text} from '@shopify/polaris'; + import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function StackExample() { return ( - Paid - Processing - Fulfilled - Completed + + + ); } +const Placeholder = ({ + label = '', + height = 'auto', + width = 'auto', + childWidth = 'auto', +}) => { + return ( +
+
+ + {label} + +
+
+ ); +}; + export default withPolarisExample(StackExample); diff --git a/polaris.shopify.com/pages/examples/stack-fill-available-space-proportionally.tsx b/polaris.shopify.com/pages/examples/stack-fill-available-space-proportionally.tsx deleted file mode 100644 index 572d9af85f2..00000000000 --- a/polaris.shopify.com/pages/examples/stack-fill-available-space-proportionally.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import {Stack, Badge, Text} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function StackExample() { - return ( - - - Order #1136 - - Paid - Fulfilled - - ); -} - -export default withPolarisExample(StackExample); diff --git a/polaris.shopify.com/pages/examples/stack-non-wrapping.tsx b/polaris.shopify.com/pages/examples/stack-non-wrapping.tsx deleted file mode 100644 index 0069e4199c3..00000000000 --- a/polaris.shopify.com/pages/examples/stack-non-wrapping.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import {Stack, Badge} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function StackExample() { - return ( - - Paid - Processing - Fulfilled - Completed - - ); -} - -export default withPolarisExample(StackExample); diff --git a/polaris.shopify.com/pages/examples/stack-spacing.tsx b/polaris.shopify.com/pages/examples/stack-spacing.tsx deleted file mode 100644 index 7e5bd3535c6..00000000000 --- a/polaris.shopify.com/pages/examples/stack-spacing.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import {Stack, Badge} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function StackExample() { - return ( - - Paid - Fulfilled - - ); -} - -export default withPolarisExample(StackExample); diff --git a/polaris.shopify.com/pages/examples/stack-vertical-centering.tsx b/polaris.shopify.com/pages/examples/stack-vertical-centering.tsx deleted file mode 100644 index 5afbf183379..00000000000 --- a/polaris.shopify.com/pages/examples/stack-vertical-centering.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import {Stack, Badge, Text} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function StackExample() { - return ( - - - Order -
- #1136 -
- was paid - - Paid - Fulfilled - - ); -} - -export default withPolarisExample(StackExample); diff --git a/polaris.shopify.com/pages/examples/stack-where-a-single-item-fills-the-remaining-space.tsx b/polaris.shopify.com/pages/examples/stack-where-a-single-item-fills-the-remaining-space.tsx deleted file mode 100644 index 567327e49b8..00000000000 --- a/polaris.shopify.com/pages/examples/stack-where-a-single-item-fills-the-remaining-space.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import {Stack, Badge, Text} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function StackExample() { - return ( - - - - Order #1136 - - - - Paid - - - Fulfilled - - - ); -} - -export default withPolarisExample(StackExample); diff --git a/polaris.shopify.com/pages/examples/stack-where-items-fill-space-evenly.tsx b/polaris.shopify.com/pages/examples/stack-where-items-fill-space-evenly.tsx deleted file mode 100644 index 511f3db5909..00000000000 --- a/polaris.shopify.com/pages/examples/stack-where-items-fill-space-evenly.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import {Stack, Badge, Text} from '@shopify/polaris'; -import React from 'react'; -import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; - -function StackExample() { - return ( - - - Order #1136 - - Paid - Fulfilled - - ); -} - -export default withPolarisExample(StackExample); diff --git a/polaris.shopify.com/pages/examples/alpha-stack-with-align.tsx b/polaris.shopify.com/pages/examples/stack-with-align.tsx similarity index 76% rename from polaris.shopify.com/pages/examples/alpha-stack-with-align.tsx rename to polaris.shopify.com/pages/examples/stack-with-align.tsx index 9e706e5613c..337c5ff6205 100644 --- a/polaris.shopify.com/pages/examples/alpha-stack-with-align.tsx +++ b/polaris.shopify.com/pages/examples/stack-with-align.tsx @@ -1,28 +1,28 @@ import React from 'react'; -import {AlphaStack, Page, Inline, Text} from '@shopify/polaris'; +import {Stack, Page, Inline, Text} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; -function AlphaStackWithAlignExample() { +function StackWithAlignExample() { return ( - - + + - - + + - - + + - - + + ); } @@ -59,4 +59,4 @@ const Placeholder = ({ ); }; -export default withPolarisExample(AlphaStackWithAlignExample); +export default withPolarisExample(StackWithAlignExample); diff --git a/polaris.shopify.com/pages/examples/alpha-stack-with-full-width-children.tsx b/polaris.shopify.com/pages/examples/stack-with-full-width-children.tsx similarity index 78% rename from polaris.shopify.com/pages/examples/alpha-stack-with-full-width-children.tsx rename to polaris.shopify.com/pages/examples/stack-with-full-width-children.tsx index 5e6a2744cb1..babe2e2bc88 100644 --- a/polaris.shopify.com/pages/examples/alpha-stack-with-full-width-children.tsx +++ b/polaris.shopify.com/pages/examples/stack-with-full-width-children.tsx @@ -1,15 +1,15 @@ import React from 'react'; -import {AlphaStack, Text} from '@shopify/polaris'; +import {Stack, Text} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; -function AlphaStackWithFullWidthChildrenExample() { +function StackWithFullWidthChildrenExample() { return ( - + - + ); } @@ -44,4 +44,4 @@ const Placeholder = ({ ); }; -export default withPolarisExample(AlphaStackWithFullWidthChildrenExample); +export default withPolarisExample(StackWithFullWidthChildrenExample); diff --git a/polaris.shopify.com/pages/examples/alpha-stack-with-gap.tsx b/polaris.shopify.com/pages/examples/stack-with-gap.tsx similarity index 86% rename from polaris.shopify.com/pages/examples/alpha-stack-with-gap.tsx rename to polaris.shopify.com/pages/examples/stack-with-gap.tsx index 739ba85c012..fa9dbb7caee 100644 --- a/polaris.shopify.com/pages/examples/alpha-stack-with-gap.tsx +++ b/polaris.shopify.com/pages/examples/stack-with-gap.tsx @@ -1,16 +1,16 @@ import React from 'react'; -import {AlphaStack, Text} from '@shopify/polaris'; +import {Stack, Text} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; -function AlphaStackWithGapExample() { +function StackWithGapExample() { return ( - + - + ); } @@ -61,4 +61,4 @@ const Placeholder = ({ ); }; -export default withPolarisExample(AlphaStackWithGapExample); +export default withPolarisExample(StackWithGapExample); diff --git a/polaris.shopify.com/public/images/components/deprecated/stack.png b/polaris.shopify.com/public/images/components/deprecated/stack.png deleted file mode 100644 index 521e95bfdf7c450b85fa7c9a3094994e38c56ec2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8562 zcmeHNYfuwc6uujY5Rsr@5rYPh@iq9u7eO$*f`~2DQmM%lFja}QA~A-d0!oxnwIsxG ze8d5XtsQ8`j0RC&1`-iMg#@LJm4FbQ2?2`1kdOcg-H>*sKRVOD{jocbDsGM4O=?sJN;y+!s1@qG?+!c{kT^zgyDPJrfwpAZ+wS^$8=1pvr50+9Uz0A%k30Ldc& z$*BM!-~a(iFiJ$g0SpctokcaJrKN*LV@9<^auAQl-)w4XLic={m6g?EwOUW5r$5dn z5|azCuD6mVcg~KDjV03rX2+S(!`2nVm*U*q+`);7i4>2qnrQ{CdfG6OVhN{Uz_seb-SK%wa%frAvtKk{Q#myL?-fCR^HZagxglC`*y-iaggaJHnJl+FPlap&*Y&J)j3zpD| zwihaBPlX%vge1aAMqa0k7;0;4`$vL+ zGwxE>30&p*5{^4|h_#`R(aIsO+y|uZirz>w8!%2>#V;#eQ(tSf+Aa6WV{(@27)8sy zH*Ix03Q?2$IkG5}?L}qf<>j_)S3fl{aO8Gd)vl1^1SmsQHBK0LR)4vCV=0gp74UeL zP#1ru6=DX3I^#ta5FmHYOX+_5 z-gR}=rjl(bnia}LPY^D9J#@Tn?te%RpmkgHP}d*&h1uv@p+W|s%|9icnQyE9ewgsYIl^E7%+}LfCg#-3hvgn$<$1L6ZSM%9F m$lg*$43KrO1 - +
@@ -20,7 +20,7 @@ function TipBanner({title, message}: Props) {

{message}

- +
); } From bc99b8bc941ec0a57775fd8982ad758079883e62 Mon Sep 17 00:00:00 2001 From: Lo Kim Date: Wed, 8 Mar 2023 14:41:31 -0500 Subject: [PATCH 31/43] Re-add Stack changes --- polaris-react/src/components/Stack/Stack.scss | 8 +------- .../src/components/Stack/Stack.stories.tsx | 16 ---------------- polaris-react/src/components/Stack/Stack.tsx | 6 ------ 3 files changed, 1 insertion(+), 29 deletions(-) diff --git a/polaris-react/src/components/Stack/Stack.scss b/polaris-react/src/components/Stack/Stack.scss index 375a1aa5192..dfd8e4c9376 100644 --- a/polaris-react/src/components/Stack/Stack.scss +++ b/polaris-react/src/components/Stack/Stack.scss @@ -2,6 +2,7 @@ .Stack { // stylelint-disable -- Polaris component custom properties + --pc-stack-align: initial; --pc-stack-gap-xs: 0; --pc-stack-gap-sm: var(--pc-stack-gap-xs); --pc-stack-gap-md: var(--pc-stack-gap-sm); @@ -51,10 +52,3 @@ margin: 0; padding: 0; } - -.fullWidth { - > * { - // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY - width: 100%; - } -} diff --git a/polaris-react/src/components/Stack/Stack.stories.tsx b/polaris-react/src/components/Stack/Stack.stories.tsx index bc09c509889..fe30438d247 100644 --- a/polaris-react/src/components/Stack/Stack.stories.tsx +++ b/polaris-react/src/components/Stack/Stack.stories.tsx @@ -101,19 +101,3 @@ export function WithAlignEnd() { ); } - -export function WithFullWidthChildren() { - return ( - - - 01 - - - 02 - - - 03 - - - ); -} diff --git a/polaris-react/src/components/Stack/Stack.tsx b/polaris-react/src/components/Stack/Stack.tsx index e0ddd203478..d569ab21dcf 100644 --- a/polaris-react/src/components/Stack/Stack.tsx +++ b/polaris-react/src/components/Stack/Stack.tsx @@ -24,10 +24,6 @@ export interface StackProps extends React.AriaAttributes { as?: Element; /** Horizontal alignment of children */ align?: Align; - /** Toggle children to be full width - * @default false - */ - fullWidth?: boolean; /** The spacing between children */ gap?: Gap; /** HTML id attribute */ @@ -42,7 +38,6 @@ export const Stack = ({ as = 'div', children, align, - fullWidth = false, gap, id, reverseOrder = false, @@ -50,7 +45,6 @@ export const Stack = ({ }: StackProps) => { const className = classNames( styles.Stack, - fullWidth && styles.fullWidth, as === 'ul' && styles.listReset, as === 'fieldset' && styles.fieldsetReset, ); From ea8cb2aa9b72f58065f41184fed0d02f75127b9e Mon Sep 17 00:00:00 2001 From: Lo Kim Date: Wed, 8 Mar 2023 14:42:02 -0500 Subject: [PATCH 32/43] Update URLs referencing AlphaStack --- polaris.shopify.com/content/components/deprecated/grid.md | 2 +- .../content/components/deprecated/text-container.md | 2 +- .../content/components/layout-and-structure/layout.md | 2 +- polaris.shopify.com/content/components/lists/list.md | 2 +- .../content/patterns/date-picking/variants/single-date.md | 6 +++--- .../patterns/resource-details-layout/variants/default.md | 4 ++-- .../patterns/resource-index-layout/variants/default.md | 2 +- 7 files changed, 10 insertions(+), 10 deletions(-) diff --git a/polaris.shopify.com/content/components/deprecated/grid.md b/polaris.shopify.com/content/components/deprecated/grid.md index ed996c7f7b8..c8f831ef04b 100644 --- a/polaris.shopify.com/content/components/deprecated/grid.md +++ b/polaris.shopify.com/content/components/deprecated/grid.md @@ -35,5 +35,5 @@ examples: ## Related components -- To lay out a set of smaller components in a row, [use the stack component](https://polaris.shopify.com/components/layout-and-structure/alpha-stack) +- To lay out a set of smaller components in a row, [use the stack component](https://polaris.shopify.com/components/layout-and-structure/stack) - To lay out form fields, [use the form layout component](https://polaris.shopify.com/components/form-layout) diff --git a/polaris.shopify.com/content/components/deprecated/text-container.md b/polaris.shopify.com/content/components/deprecated/text-container.md index d88e15a0508..63777b59d5a 100644 --- a/polaris.shopify.com/content/components/deprecated/text-container.md +++ b/polaris.shopify.com/content/components/deprecated/text-container.md @@ -37,4 +37,4 @@ The closer the spacing, the closer the relationship between content topics. The ## Related components -- For more layout variations, or if you’re looking to vertically space components other than text, use [Stack](https://polaris.shopify.com/components/layout-and-structure/alpha-stack). +- For more layout variations, or if you’re looking to vertically space components other than text, use [Stack](https://polaris.shopify.com/components/layout-and-structure/stack). diff --git a/polaris.shopify.com/content/components/layout-and-structure/layout.md b/polaris.shopify.com/content/components/layout-and-structure/layout.md index b12803a463e..81504353bf0 100644 --- a/polaris.shopify.com/content/components/layout-and-structure/layout.md +++ b/polaris.shopify.com/content/components/layout-and-structure/layout.md @@ -81,5 +81,5 @@ Annotated section descriptions should: ## Related components - To visually group content in a layout section, [use the card component](https://polaris.shopify.com/components/layout-and-structure/card) -- To lay out a set of smaller components in a row, [use the stack component](https://polaris.shopify.com/components/layout-and-structure/alpha-stack) +- To lay out a set of smaller components in a row, [use the stack component](https://polaris.shopify.com/components/layout-and-structure/stack) - To lay out form fields, [use the form layout component](https://polaris.shopify.com/components/form-layout) diff --git a/polaris.shopify.com/content/components/lists/list.md b/polaris.shopify.com/content/components/lists/list.md index 5cfacabf5ba..e8e002380fa 100644 --- a/polaris.shopify.com/content/components/lists/list.md +++ b/polaris.shopify.com/content/components/lists/list.md @@ -88,4 +88,4 @@ Every item in a list should: The list component outputs list items (`
  • `) inside a list wrapper (`
      ` for bullet lists or `
        ` for numbered lists). By default, list items are conveyed as a group of related elements to assistive technology users. -To group items for layout only, consider using the [stack component](https://polaris.shopify.com/components/layout-and-structure/alpha-stack). +To group items for layout only, consider using the [stack component](https://polaris.shopify.com/components/layout-and-structure/stack). diff --git a/polaris.shopify.com/content/patterns/date-picking/variants/single-date.md b/polaris.shopify.com/content/patterns/date-picking/variants/single-date.md index 6396b0a6fcf..322f0c637b4 100644 --- a/polaris.shopify.com/content/patterns/date-picking/variants/single-date.md +++ b/polaris.shopify.com/content/patterns/date-picking/variants/single-date.md @@ -31,7 +31,7 @@ This enables merchants to type a specific date or pick it from a calendar. ## Using this pattern -This pattern uses the [`AlphaCard`](/components/layout-and-structure/alpha-card), [`DatePicker`](/components/selection-and-input/date-picker), [`Popover`](/components/overlays/popover) and [`TextField`](/components/selection-and-input/text-field) components. +This pattern uses the [`Card`](/components/layout-and-structure/card), [`DatePicker`](/components/selection-and-input/date-picker), [`Popover`](/components/overlays/popover) and [`TextField`](/components/selection-and-input/text-field) components. ```javascript {"type":"sandboxContext","for":"example"} @@ -116,7 +116,7 @@ function DatePickerExample() { /> } > - + - + diff --git a/polaris.shopify.com/content/patterns/resource-details-layout/variants/default.md b/polaris.shopify.com/content/patterns/resource-details-layout/variants/default.md index f0a6f0e18eb..e0aa96fcaad 100644 --- a/polaris.shopify.com/content/patterns/resource-details-layout/variants/default.md +++ b/polaris.shopify.com/content/patterns/resource-details-layout/variants/default.md @@ -28,7 +28,7 @@ hideFromNav: true ## Using this pattern -This pattern uses the [`AlphaCard`](/components/layout-and-structure/alpha-card), [`AlphaStack`](/components/layout-and-structure/alpha-stack), [`Columns`](/components/layout-and-structure/columns) and [`Page`](/components/layout-and-structure/page) components. +This pattern uses the [`Card`](/components/layout-and-structure/alpha-card), [`Stack`](/components/layout-and-structure/stack), [`Columns`](/components/layout-and-structure/columns) and [`Page`](/components/layout-and-structure/page) components. ```javascript {"type":"previewContext","for":"example"} @@ -119,7 +119,7 @@ function ResourceDetailsLayout() { - + diff --git a/polaris.shopify.com/content/patterns/resource-index-layout/variants/default.md b/polaris.shopify.com/content/patterns/resource-index-layout/variants/default.md index 07aa93ee8d8..f55490dfc4e 100644 --- a/polaris.shopify.com/content/patterns/resource-index-layout/variants/default.md +++ b/polaris.shopify.com/content/patterns/resource-index-layout/variants/default.md @@ -47,7 +47,7 @@ This pattern uses the [`Layout`](/components/layout-and-structure/layout), [`Pag }, ]} > - Coming Soon + Coming Soon ``` From e994a785348e54d019eb3f80dae1a23f1a68a300 Mon Sep 17 00:00:00 2001 From: Lo Kim Date: Wed, 8 Mar 2023 15:27:30 -0500 Subject: [PATCH 33/43] Re-add AlphaCard story changes --- .../src/components/Card/Card.stories.tsx | 16 ++++------------ 1 file changed, 4 insertions(+), 12 deletions(-) diff --git a/polaris-react/src/components/Card/Card.stories.tsx b/polaris-react/src/components/Card/Card.stories.tsx index 7a3df5227ea..d804f77b5bf 100644 --- a/polaris-react/src/components/Card/Card.stories.tsx +++ b/polaris-react/src/components/Card/Card.stories.tsx @@ -13,9 +13,7 @@ export function Default() { Online store dashboard - - View a summary of your online store’s performance. - +

        View a summary of your online store’s performance.

                 ); @@ -28,9 +26,7 @@ export function WithBackgroundSubdued() { Online store dashboard - - View a summary of your online store’s performance. - +

        View a summary of your online store’s performance.

        ); @@ -43,9 +39,7 @@ export function WithBorderRadiusRoundedAbove() { Online store dashboard - - View a summary of your online store’s performance. - +

        View a summary of your online store’s performance.

        ); @@ -58,9 +52,7 @@ export function WithResponsivePadding() { Online store dashboard - - View a summary of your online store’s performance. - +

        View a summary of your online store’s performance.

        ); From d118c2502fd7cdc434adfea7caeb306c4419d226 Mon Sep 17 00:00:00 2001 From: Ben Scott Date: Thu, 9 Mar 2023 17:03:16 -0800 Subject: [PATCH 34/43] Replace @shopify/babel-preset with using underlying configs This commit is a non-breaking change. There are slight differences with how class properties are initialised - it removes setting them to undefined before reassigning them, which isn't needed. --- babel.config.js | 81 ++++++++++++++++++++++++++++++++++++++++++------- package.json | 3 +- yarn.lock | 72 ++++++------------------------------------- 3 files changed, 82 insertions(+), 74 deletions(-) diff --git a/babel.config.js b/babel.config.js index 7ca7b5ca135..56511a1ccdd 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,15 +1,74 @@ /** * @type {import('@babel/core').TransformOptions} */ -module.exports = { - presets: [['@shopify/babel-preset', {typescript: true, react: true}]], - babelrcRoots: [ - '.', - // Note: The following projects use rootMode: 'upward' to inherit - // and merge with this root level config. - './polaris-migrator', - './polaris-tokens', - './polaris-icons', - './polaris-react', - ], +module.exports = function (api) { + const envName = api.env(); + const development = envName === 'development' || envName === 'test'; + return { + presets: [ + [ + '@babel/preset-env', + { + useBuiltIns: 'entry', + corejs: '3.0', + bugfixes: true, + // These plugins are handled by preset-env. + // But they aren't yet supported in webpack 4 because of missing support + // in acorn v6 (support is in acorn v7, which is used in webpack v5). + // So we want to always transpile this synax away + // See https://github.com/webpack/webpack/issues/10227 + // Can be removed once we drop support for webpack v4 in esnext builds + include: [ + '@babel/plugin-proposal-class-properties', + '@babel/plugin-proposal-private-methods', + '@babel/plugin-proposal-numeric-separator', + '@babel/plugin-proposal-nullish-coalescing-operator', + '@babel/plugin-proposal-optional-chaining', + ], + }, + ], + ['@babel/preset-typescript'], + ['@babel/preset-react', {development, useBuiltIns: true}], + ], + assumptions: { + setPublicClassFields: true, + privateFieldsAsProperties: true, + // nothing accesses `document.all`: + noDocumentAll: true, + // nothing relies on class constructors invoked without `new` throwing: + noClassCalls: true, + // nothing should be relying on tagged template strings being frozen: + mutableTemplateObject: true, + // nothing is relying on Function.prototype.length: + ignoreFunctionLength: true, + // nothing is relying on mutable re-exported bindings: + constantReexports: true, + // don't bother marking Module records non-enumerable: + enumerableModuleMeta: true, + // nothing uses [[Symbol.toPrimitive]]: + // (see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toPrimitive) + ignoreToPrimitiveHint: true, + // nothing relies on spread copying Symbol keys: ({...{ [Symbol()]: 1 }}) + objectRestNoSymbols: true, + // nothing relies on `new (() => {})` throwing: + noNewArrows: true, + // transpile object spread to assignment instead of defineProperty(): + setSpreadProperties: true, + // nothing should be using custom iterator protocol: + skipForOfIteratorClosing: true, + // nothing inherits from a constructor function with explicit return value: + superIsCallableConstructor: true, + // nothing relies on CJS-transpiled namespace imports having all properties prior to module execution completing: + noIncompleteNsImportDetection: true, + }, + babelrcRoots: [ + '.', + // Note: The following projects use rootMode: 'upward' to inherit + // and merge with this root level config. + './polaris-migrator', + './polaris-tokens', + './polaris-icons', + './polaris-react', + ], + }; }; diff --git a/package.json b/package.json index 2fa03272f43..4f322b1a1ee 100644 --- a/package.json +++ b/package.json @@ -46,6 +46,8 @@ "devDependencies": { "@babel/core": "^7.20.12", "@babel/node": "^7.20.7", + "@babel/preset-env": "^7.16.4", + "@babel/preset-react": "^7.16.0", "@babel/preset-typescript": "^7.18.6", "@changesets/changelog-github": "^0.4.4", "@changesets/cli": "^2.23.0", @@ -59,7 +61,6 @@ "@rollup/plugin-replace": "^5.0.2", "@rollup/plugin-virtual": "^3.0.1", "@rollup/pluginutils": "^5.0.2", - "@shopify/babel-preset": "^25.0.0", "@shopify/cli": "^3.10.1", "@shopify/eslint-plugin": "^42.0.1", "@shopify/prettier-config": "^1.1.2", diff --git a/yarn.lock b/yarn.lock index fd6124efdbf..d8ce8b3b2c6 100644 --- a/yarn.lock +++ b/yarn.lock @@ -77,7 +77,7 @@ semver "^5.4.1" source-map "^0.5.0" -"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.16.0", "@babel/core@^7.4.5", "@babel/core@^7.7.2", "@babel/core@^7.7.5", "@babel/core@^7.8.0": +"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.4.5", "@babel/core@^7.7.2", "@babel/core@^7.7.5", "@babel/core@^7.8.0": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.9.tgz#805461f967c77ff46c74ca0460ccf4fe933ddd59" integrity sha512-1LIb1eL8APMy91/IMW+31ckrfBM4yCoLaVzoDhZUKSM4cu1L1nIidyxkCgzPAgrC5WEz36IPEr/eSeSF9pIn+g== @@ -641,7 +641,7 @@ "@babel/helper-remap-async-to-generator" "^7.18.9" "@babel/plugin-syntax-async-generators" "^7.8.4" -"@babel/plugin-proposal-class-properties@^7.12.1", "@babel/plugin-proposal-class-properties@^7.13.0", "@babel/plugin-proposal-class-properties@^7.16.0", "@babel/plugin-proposal-class-properties@^7.16.7", "@babel/plugin-proposal-class-properties@^7.18.6": +"@babel/plugin-proposal-class-properties@^7.12.1", "@babel/plugin-proposal-class-properties@^7.13.0", "@babel/plugin-proposal-class-properties@^7.16.7", "@babel/plugin-proposal-class-properties@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz#b110f59741895f7ec21a6fff696ec46265c446a3" integrity sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ== @@ -667,7 +667,7 @@ "@babel/helper-plugin-utils" "^7.18.6" "@babel/plugin-syntax-class-static-block" "^7.14.5" -"@babel/plugin-proposal-decorators@^7.12.12", "@babel/plugin-proposal-decorators@^7.16.4": +"@babel/plugin-proposal-decorators@^7.12.12": version "7.17.9" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.17.9.tgz#67a1653be9c77ce5b6c318aa90c8287b87831619" integrity sha512-EfH2LZ/vPa2wuPwJ26j+kYRkaubf89UlwxKXtxqEm57HrgSEYDB8t4swFP+p8LcI9yiP9ZRJJjo/58hS6BnaDA== @@ -679,7 +679,7 @@ "@babel/plugin-syntax-decorators" "^7.17.0" charcodes "^0.2.0" -"@babel/plugin-proposal-dynamic-import@^7.16.0", "@babel/plugin-proposal-dynamic-import@^7.16.7": +"@babel/plugin-proposal-dynamic-import@^7.16.7": version "7.16.7" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.16.7.tgz#c19c897eaa46b27634a00fee9fb7d829158704b2" integrity sha512-I8SW9Ho3/8DRSdmDdH3gORdyUuYnk1m4cMxUAdu5oy4n3OfN8flDEH+d60iG7dUfi0KkYwSvoalHzzdRzpWHTg== @@ -751,7 +751,7 @@ "@babel/helper-plugin-utils" "^7.18.9" "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" -"@babel/plugin-proposal-nullish-coalescing-operator@^7.12.1", "@babel/plugin-proposal-nullish-coalescing-operator@^7.13.8", "@babel/plugin-proposal-nullish-coalescing-operator@^7.16.0", "@babel/plugin-proposal-nullish-coalescing-operator@^7.16.7", "@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6": +"@babel/plugin-proposal-nullish-coalescing-operator@^7.12.1", "@babel/plugin-proposal-nullish-coalescing-operator@^7.13.8", "@babel/plugin-proposal-nullish-coalescing-operator@^7.16.7", "@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz#fdd940a99a740e577d6c753ab6fbb43fdb9467e1" integrity sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA== @@ -759,7 +759,7 @@ "@babel/helper-plugin-utils" "^7.18.6" "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3" -"@babel/plugin-proposal-numeric-separator@^7.16.0", "@babel/plugin-proposal-numeric-separator@^7.16.7": +"@babel/plugin-proposal-numeric-separator@^7.16.7": version "7.16.7" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.16.7.tgz#d6b69f4af63fb38b6ca2558442a7fb191236eba9" integrity sha512-vQgPMknOIgiuVqbokToyXbkY/OmmjAzr/0lhSIbG/KmnzXPGwW/AdhdKpi+O4X/VkWiWjnkKOBiqJrTaC98VKw== @@ -822,7 +822,7 @@ "@babel/helper-plugin-utils" "^7.18.6" "@babel/plugin-syntax-optional-catch-binding" "^7.8.3" -"@babel/plugin-proposal-optional-chaining@^7.12.7", "@babel/plugin-proposal-optional-chaining@^7.13.12", "@babel/plugin-proposal-optional-chaining@^7.16.0", "@babel/plugin-proposal-optional-chaining@^7.16.7", "@babel/plugin-proposal-optional-chaining@^7.18.9": +"@babel/plugin-proposal-optional-chaining@^7.12.7", "@babel/plugin-proposal-optional-chaining@^7.13.12", "@babel/plugin-proposal-optional-chaining@^7.16.7", "@babel/plugin-proposal-optional-chaining@^7.18.9": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.18.9.tgz#e8e8fe0723f2563960e4bf5e9690933691915993" integrity sha512-v5nwt4IqBXihxGsW2QmCWMDS3B3bzGIk/EQVZz2ei7f3NJl8NzAJVvUmpDW5q1CRNY+Beb/k58UAH1Km1N411w== @@ -831,7 +831,7 @@ "@babel/helper-skip-transparent-expression-wrappers" "^7.18.9" "@babel/plugin-syntax-optional-chaining" "^7.8.3" -"@babel/plugin-proposal-private-methods@^7.12.1", "@babel/plugin-proposal-private-methods@^7.16.0", "@babel/plugin-proposal-private-methods@^7.16.11": +"@babel/plugin-proposal-private-methods@^7.12.1", "@babel/plugin-proposal-private-methods@^7.16.11": version "7.16.11" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.16.11.tgz#e8df108288555ff259f4527dbe84813aac3a1c50" integrity sha512-F/2uAkPlXDr8+BHpZvo19w3hLFKge+k75XUprE6jaqKxjGkSYcK+4c+bup5PdW/7W/Rpjwql7FTVEDW+fRAQsw== @@ -1290,7 +1290,7 @@ "@babel/helper-plugin-utils" "^7.18.6" babel-plugin-dynamic-import-node "^2.3.3" -"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.16.0", "@babel/plugin-transform-modules-commonjs@^7.16.8", "@babel/plugin-transform-modules-commonjs@^7.18.6": +"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.16.8", "@babel/plugin-transform-modules-commonjs@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.18.6.tgz#afd243afba166cca69892e24a8fd8c9f2ca87883" integrity sha512-Qfv2ZOWikpvmedXQJDSbxNqy7Xr/j2Y8/KfijM0iJyKkBTmWuvCA1yeH1yDM7NJhBW/2aXxeucLj6i80/LAJ/Q== @@ -1411,13 +1411,6 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" -"@babel/plugin-transform-react-constant-elements@^7.16.0": - version "7.17.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.17.6.tgz#6cc273c2f612a6a50cb657e63ee1303e5e68d10a" - integrity sha512-OBv9VkyyKtsHZiHLoSfCn+h6yU7YKX8nrs32xUmOa1SRSk+t03FosB6fBZ0Yz4BpD1WV7l73Nsad+2Tz7APpqw== - dependencies: - "@babel/helper-plugin-utils" "^7.16.7" - "@babel/plugin-transform-react-display-name@^7.16.7": version "7.16.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.16.7.tgz#7b6d40d232f4c0f550ea348593db3b21e2404340" @@ -1513,18 +1506,6 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" -"@babel/plugin-transform-runtime@^7.16.4": - version "7.17.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.17.0.tgz#0a2e08b5e2b2d95c4b1d3b3371a2180617455b70" - integrity sha512-fr7zPWnKXNc1xoHfrIU9mN/4XKX4VLZ45Q+oMhfsYIaHvg7mHgmhfOy/ckRWqDK7XF3QDigRpkh5DKq6+clE8A== - dependencies: - "@babel/helper-module-imports" "^7.16.7" - "@babel/helper-plugin-utils" "^7.16.7" - babel-plugin-polyfill-corejs2 "^0.3.0" - babel-plugin-polyfill-corejs3 "^0.5.0" - babel-plugin-polyfill-regenerator "^0.3.0" - semver "^6.3.0" - "@babel/plugin-transform-shorthand-properties@^7.12.1", "@babel/plugin-transform-shorthand-properties@^7.16.7": version "7.16.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.16.7.tgz#e8549ae4afcf8382f711794c0c7b6b934c5fbd2a" @@ -1841,7 +1822,7 @@ "@babel/plugin-transform-react-jsx-development" "^7.18.6" "@babel/plugin-transform-react-pure-annotations" "^7.18.6" -"@babel/preset-typescript@^7.12.7", "@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.16.0", "@babel/preset-typescript@^7.18.6": +"@babel/preset-typescript@^7.12.7", "@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.18.6.tgz#ce64be3e63eddc44240c6358daefac17b3186399" integrity sha512-s9ik86kXBAnD760aybBucdpnLsAt0jK1xqJn2juOn9lkOvSHV60os5hxoVJsPzMQxvnUJFAlkont2DvvaYEBtQ== @@ -3305,29 +3286,6 @@ resolved "https://registry.yarnpkg.com/@shopify/async/-/async-3.1.5.tgz#fcb1253ed2f41f22f9ce2ca28dc667003f4a1a71" integrity sha512-kc/QSwQpcG2Enm6QqLUvCSbPuEabX34DTo/NKQh5eT6ud6gOCwTL3jdIiybK9RzRe3gbEUJ9cfCuggT87bXcZg== -"@shopify/babel-preset@^25.0.0": - version "25.0.0" - resolved "https://registry.yarnpkg.com/@shopify/babel-preset/-/babel-preset-25.0.0.tgz#57eaae6e250ab1a1daba26e6f1ecb42204aad929" - integrity sha512-2eVmLPGMLEdZ2u93pikVcwAf+XTpzYMtphFwuE1ZwlxBSQZg2H6OWbt/rnS79fAiJUmS7DSUel+ZlBzdSlg6Bg== - dependencies: - "@babel/core" "^7.16.0" - "@babel/plugin-proposal-class-properties" "^7.16.0" - "@babel/plugin-proposal-decorators" "^7.16.4" - "@babel/plugin-proposal-dynamic-import" "^7.16.0" - "@babel/plugin-proposal-nullish-coalescing-operator" "^7.16.0" - "@babel/plugin-proposal-numeric-separator" "^7.16.0" - "@babel/plugin-proposal-optional-chaining" "^7.16.0" - "@babel/plugin-proposal-private-methods" "^7.16.0" - "@babel/plugin-transform-modules-commonjs" "^7.16.0" - "@babel/plugin-transform-react-constant-elements" "^7.16.0" - "@babel/plugin-transform-runtime" "^7.16.4" - "@babel/preset-env" "^7.16.4" - "@babel/preset-react" "^7.16.0" - "@babel/preset-typescript" "^7.16.0" - "@babel/runtime" "^7.16.3" - babel-plugin-react-test-id "^1.0.2" - babel-plugin-transform-inline-environment-variables "^0.4.3" - "@shopify/cli-kit@3.10.1": version "3.10.1" resolved "https://registry.yarnpkg.com/@shopify/cli-kit/-/cli-kit-3.10.1.tgz#deaf0ead4989ad4d7645a00b7f4b9cbeb8052993" @@ -6602,16 +6560,6 @@ babel-plugin-react-docgen@^4.2.1: lodash "^4.17.15" react-docgen "^5.0.0" -babel-plugin-react-test-id@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/babel-plugin-react-test-id/-/babel-plugin-react-test-id-1.0.2.tgz#90fb7ab91e9623bea47ad1f7eddd9a38e2dfc51b" - integrity sha1-kPt6uR6WI76ketH37d2aOOLfxRs= - -babel-plugin-transform-inline-environment-variables@^0.4.3: - version "0.4.3" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-inline-environment-variables/-/babel-plugin-transform-inline-environment-variables-0.4.3.tgz#a3b09883353be8b5e2336e3ff1ef8a5d93f9c489" - integrity sha1-o7CYgzU76LXiM24/8e+KXZP5xIk= - babel-preset-current-node-syntax@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b" From 6e750e9397198a4d452f2a973c7b4fb3f761aff2 Mon Sep 17 00:00:00 2001 From: Ben Scott Date: Thu, 9 Mar 2023 17:45:53 -0800 Subject: [PATCH 35/43] Remove opting into babel plugins Now we transpile based upon our browserslist, we don't force the usage of these transpilations. In practice, given our current browserslist config this means that the following transforms are now no longer ran (for instance our compiled output now contains `foo?.bar` instead of that being transformed): - proposal-numeric-separator - proposal-nullish-coalescing-operator - proposal-optional-chaining --- babel.config.js | 19 +------------------ 1 file changed, 1 insertion(+), 18 deletions(-) diff --git a/babel.config.js b/babel.config.js index 56511a1ccdd..a9c7189309c 100644 --- a/babel.config.js +++ b/babel.config.js @@ -8,24 +8,7 @@ module.exports = function (api) { presets: [ [ '@babel/preset-env', - { - useBuiltIns: 'entry', - corejs: '3.0', - bugfixes: true, - // These plugins are handled by preset-env. - // But they aren't yet supported in webpack 4 because of missing support - // in acorn v6 (support is in acorn v7, which is used in webpack v5). - // So we want to always transpile this synax away - // See https://github.com/webpack/webpack/issues/10227 - // Can be removed once we drop support for webpack v4 in esnext builds - include: [ - '@babel/plugin-proposal-class-properties', - '@babel/plugin-proposal-private-methods', - '@babel/plugin-proposal-numeric-separator', - '@babel/plugin-proposal-nullish-coalescing-operator', - '@babel/plugin-proposal-optional-chaining', - ], - }, + {useBuiltIns: 'entry', corejs: '3.0', bugfixes: true}, ], ['@babel/preset-typescript'], ['@babel/preset-react', {development, useBuiltIns: true}], From fe99874f07c2ed2045316055a1295190e0155809 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Fri, 10 Mar 2023 13:16:51 +1100 Subject: [PATCH 36/43] Update migrating-from-v10-to-v11.md --- documentation/guides/migrating-from-v10-to-v11.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/documentation/guides/migrating-from-v10-to-v11.md b/documentation/guides/migrating-from-v10-to-v11.md index b82cfc6a940..cb130d0772b 100644 --- a/documentation/guides/migrating-from-v10-to-v11.md +++ b/documentation/guides/migrating-from-v10-to-v11.md @@ -18,6 +18,10 @@ NodeJS version 14 is no longer supported. NodeJS 18 is recommended and 16 is the React version 16 and 17 is no longer supported. React 18 is the minimum supported version. +## Webpack support + +Webpack version 4 is no longer supported. Webpack 5 is the minimum supported version. + ## TypeScript Built types in `@shopify/polaris` have moved from `build/ts/latest` to `build/ts`. From 44b98879867267223159225f3f55ff654a4da69f Mon Sep 17 00:00:00 2001 From: Ben Scott Date: Thu, 9 Mar 2023 20:01:16 -0800 Subject: [PATCH 37/43] add changeset --- .changeset/few-forks-change.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/few-forks-change.md diff --git a/.changeset/few-forks-change.md b/.changeset/few-forks-change.md new file mode 100644 index 00000000000..ed4db1d95aa --- /dev/null +++ b/.changeset/few-forks-change.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': major +--- + +No longer transpile optional chaining, nullish coalescing or numeric separators, as our target browser environments all have native support for these syntaxes. This removes support for apps using webpack4, which unable to parse these syntaxes. From 82ff68b52e4c1c3e1ba73a649910a3bc39ba115a Mon Sep 17 00:00:00 2001 From: Alex Page Date: Fri, 10 Mar 2023 15:34:11 +1100 Subject: [PATCH 38/43] Add runtime automatic --- babel.config.js | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/babel.config.js b/babel.config.js index a9c7189309c..7793d0d463c 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,9 +1,7 @@ /** * @type {import('@babel/core').TransformOptions} */ -module.exports = function (api) { - const envName = api.env(); - const development = envName === 'development' || envName === 'test'; +module.exports = function () { return { presets: [ [ @@ -11,7 +9,7 @@ module.exports = function (api) { {useBuiltIns: 'entry', corejs: '3.0', bugfixes: true}, ], ['@babel/preset-typescript'], - ['@babel/preset-react', {development, useBuiltIns: true}], + ['@babel/preset-react', {runtime: 'automatic', useBuiltIns: true}], ], assumptions: { setPublicClassFields: true, From d1c9d983113dd07a3e46bb1ca77e0a092c28834f Mon Sep 17 00:00:00 2001 From: Ben Scott <227292+BPScott@users.noreply.github.com> Date: Thu, 9 Mar 2023 20:38:04 -0800 Subject: [PATCH 39/43] Define our own in-repo babel configuration (#8624) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### WHY are these changes introduced? This PR replaces using `@shopify/babel-preset` with using the underlying presets directly. As part of this we simplify the plugins we use and lean more heavily on `@babel/preset-env`. As a result of this we no longer transpile numeric separators (`1_000`), nullish coalescing operators (`foo ?? 'bar'`) and optional chaining `foo?.bar` because our browserslist targets say that those features are all supported in the browsers that we target. This means that our build output now contains optional chaining et al. A breaking change side-effect of this is that code that uses these features will no longer successfully parse in webpack4, as webpack4 uses an old version of acorn does not understand these syntaxes. Webpack5 uses a newer version of acorn that can read this just fine. ### WHAT is this pull request doing? Replace `@shopify/babel-config` with using `@babel/preset-env`, `@babel/preset-typescript` and `@babel/preset-react` directly. This PR is split into two commits. The first replaces `@shopify/babel-preset` with inline config, with minimal changes. The second removes the forced compilation of the 5 plugins that were always forced to be enabled. ### How to 🎩 - Check out the main branch of polaris in your `~/projects/polaris` directory and run `cd package`, `yarn`, `yarn run turbo run build --filter='!polaris.shopify.com' --force` to produce a clean build - Check out this branch of polaris in your `~/src/github.com/Shopify/polaris` directory and run `cd package`, `yarn`, `yarn run turbo run build --filter='!polaris.shopify.com' --force` to produce a build - In the polaris in the src directory run `touch out.txt; for PACKAGENAME in $(ls -1 . | grep '^polaris-'); diff -ru ~/projects/polaris/$PACKAGENAME $PACKAGENAME -x '*.tsbuildinfo' -x '*.d.ts.map' -x'.turbo' -x '*.esnext' >> out.txt` to compare the build folder output. Note that the differences are as follows: - A handful of places where a class property is initialised to `void 0`. In all cases either the value is already implicitly undefined, or is assigned to a value shortly afterwards - Optional chaining is now left intact - Nullish coalesing is now left intact - numeric separators are now left intact --------- Co-authored-by: Alex Page --- .changeset/few-forks-change.md | 5 ++ babel.config.js | 64 ++++++++++++++--- .../guides/migrating-from-v10-to-v11.md | 4 ++ package.json | 3 +- yarn.lock | 72 +++---------------- 5 files changed, 74 insertions(+), 74 deletions(-) create mode 100644 .changeset/few-forks-change.md diff --git a/.changeset/few-forks-change.md b/.changeset/few-forks-change.md new file mode 100644 index 00000000000..ed4db1d95aa --- /dev/null +++ b/.changeset/few-forks-change.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': major +--- + +No longer transpile optional chaining, nullish coalescing or numeric separators, as our target browser environments all have native support for these syntaxes. This removes support for apps using webpack4, which unable to parse these syntaxes. diff --git a/babel.config.js b/babel.config.js index 7ca7b5ca135..a9c7189309c 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,15 +1,57 @@ /** * @type {import('@babel/core').TransformOptions} */ -module.exports = { - presets: [['@shopify/babel-preset', {typescript: true, react: true}]], - babelrcRoots: [ - '.', - // Note: The following projects use rootMode: 'upward' to inherit - // and merge with this root level config. - './polaris-migrator', - './polaris-tokens', - './polaris-icons', - './polaris-react', - ], +module.exports = function (api) { + const envName = api.env(); + const development = envName === 'development' || envName === 'test'; + return { + presets: [ + [ + '@babel/preset-env', + {useBuiltIns: 'entry', corejs: '3.0', bugfixes: true}, + ], + ['@babel/preset-typescript'], + ['@babel/preset-react', {development, useBuiltIns: true}], + ], + assumptions: { + setPublicClassFields: true, + privateFieldsAsProperties: true, + // nothing accesses `document.all`: + noDocumentAll: true, + // nothing relies on class constructors invoked without `new` throwing: + noClassCalls: true, + // nothing should be relying on tagged template strings being frozen: + mutableTemplateObject: true, + // nothing is relying on Function.prototype.length: + ignoreFunctionLength: true, + // nothing is relying on mutable re-exported bindings: + constantReexports: true, + // don't bother marking Module records non-enumerable: + enumerableModuleMeta: true, + // nothing uses [[Symbol.toPrimitive]]: + // (see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toPrimitive) + ignoreToPrimitiveHint: true, + // nothing relies on spread copying Symbol keys: ({...{ [Symbol()]: 1 }}) + objectRestNoSymbols: true, + // nothing relies on `new (() => {})` throwing: + noNewArrows: true, + // transpile object spread to assignment instead of defineProperty(): + setSpreadProperties: true, + // nothing should be using custom iterator protocol: + skipForOfIteratorClosing: true, + // nothing inherits from a constructor function with explicit return value: + superIsCallableConstructor: true, + // nothing relies on CJS-transpiled namespace imports having all properties prior to module execution completing: + noIncompleteNsImportDetection: true, + }, + babelrcRoots: [ + '.', + // Note: The following projects use rootMode: 'upward' to inherit + // and merge with this root level config. + './polaris-migrator', + './polaris-tokens', + './polaris-icons', + './polaris-react', + ], + }; }; diff --git a/documentation/guides/migrating-from-v10-to-v11.md b/documentation/guides/migrating-from-v10-to-v11.md index b82cfc6a940..cb130d0772b 100644 --- a/documentation/guides/migrating-from-v10-to-v11.md +++ b/documentation/guides/migrating-from-v10-to-v11.md @@ -18,6 +18,10 @@ NodeJS version 14 is no longer supported. NodeJS 18 is recommended and 16 is the React version 16 and 17 is no longer supported. React 18 is the minimum supported version. +## Webpack support + +Webpack version 4 is no longer supported. Webpack 5 is the minimum supported version. + ## TypeScript Built types in `@shopify/polaris` have moved from `build/ts/latest` to `build/ts`. diff --git a/package.json b/package.json index 2fa03272f43..4f322b1a1ee 100644 --- a/package.json +++ b/package.json @@ -46,6 +46,8 @@ "devDependencies": { "@babel/core": "^7.20.12", "@babel/node": "^7.20.7", + "@babel/preset-env": "^7.16.4", + "@babel/preset-react": "^7.16.0", "@babel/preset-typescript": "^7.18.6", "@changesets/changelog-github": "^0.4.4", "@changesets/cli": "^2.23.0", @@ -59,7 +61,6 @@ "@rollup/plugin-replace": "^5.0.2", "@rollup/plugin-virtual": "^3.0.1", "@rollup/pluginutils": "^5.0.2", - "@shopify/babel-preset": "^25.0.0", "@shopify/cli": "^3.10.1", "@shopify/eslint-plugin": "^42.0.1", "@shopify/prettier-config": "^1.1.2", diff --git a/yarn.lock b/yarn.lock index fd6124efdbf..d8ce8b3b2c6 100644 --- a/yarn.lock +++ b/yarn.lock @@ -77,7 +77,7 @@ semver "^5.4.1" source-map "^0.5.0" -"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.16.0", "@babel/core@^7.4.5", "@babel/core@^7.7.2", "@babel/core@^7.7.5", "@babel/core@^7.8.0": +"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.4.5", "@babel/core@^7.7.2", "@babel/core@^7.7.5", "@babel/core@^7.8.0": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.9.tgz#805461f967c77ff46c74ca0460ccf4fe933ddd59" integrity sha512-1LIb1eL8APMy91/IMW+31ckrfBM4yCoLaVzoDhZUKSM4cu1L1nIidyxkCgzPAgrC5WEz36IPEr/eSeSF9pIn+g== @@ -641,7 +641,7 @@ "@babel/helper-remap-async-to-generator" "^7.18.9" "@babel/plugin-syntax-async-generators" "^7.8.4" -"@babel/plugin-proposal-class-properties@^7.12.1", "@babel/plugin-proposal-class-properties@^7.13.0", "@babel/plugin-proposal-class-properties@^7.16.0", "@babel/plugin-proposal-class-properties@^7.16.7", "@babel/plugin-proposal-class-properties@^7.18.6": +"@babel/plugin-proposal-class-properties@^7.12.1", "@babel/plugin-proposal-class-properties@^7.13.0", "@babel/plugin-proposal-class-properties@^7.16.7", "@babel/plugin-proposal-class-properties@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz#b110f59741895f7ec21a6fff696ec46265c446a3" integrity sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ== @@ -667,7 +667,7 @@ "@babel/helper-plugin-utils" "^7.18.6" "@babel/plugin-syntax-class-static-block" "^7.14.5" -"@babel/plugin-proposal-decorators@^7.12.12", "@babel/plugin-proposal-decorators@^7.16.4": +"@babel/plugin-proposal-decorators@^7.12.12": version "7.17.9" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.17.9.tgz#67a1653be9c77ce5b6c318aa90c8287b87831619" integrity sha512-EfH2LZ/vPa2wuPwJ26j+kYRkaubf89UlwxKXtxqEm57HrgSEYDB8t4swFP+p8LcI9yiP9ZRJJjo/58hS6BnaDA== @@ -679,7 +679,7 @@ "@babel/plugin-syntax-decorators" "^7.17.0" charcodes "^0.2.0" -"@babel/plugin-proposal-dynamic-import@^7.16.0", "@babel/plugin-proposal-dynamic-import@^7.16.7": +"@babel/plugin-proposal-dynamic-import@^7.16.7": version "7.16.7" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.16.7.tgz#c19c897eaa46b27634a00fee9fb7d829158704b2" integrity sha512-I8SW9Ho3/8DRSdmDdH3gORdyUuYnk1m4cMxUAdu5oy4n3OfN8flDEH+d60iG7dUfi0KkYwSvoalHzzdRzpWHTg== @@ -751,7 +751,7 @@ "@babel/helper-plugin-utils" "^7.18.9" "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" -"@babel/plugin-proposal-nullish-coalescing-operator@^7.12.1", "@babel/plugin-proposal-nullish-coalescing-operator@^7.13.8", "@babel/plugin-proposal-nullish-coalescing-operator@^7.16.0", "@babel/plugin-proposal-nullish-coalescing-operator@^7.16.7", "@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6": +"@babel/plugin-proposal-nullish-coalescing-operator@^7.12.1", "@babel/plugin-proposal-nullish-coalescing-operator@^7.13.8", "@babel/plugin-proposal-nullish-coalescing-operator@^7.16.7", "@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz#fdd940a99a740e577d6c753ab6fbb43fdb9467e1" integrity sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA== @@ -759,7 +759,7 @@ "@babel/helper-plugin-utils" "^7.18.6" "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3" -"@babel/plugin-proposal-numeric-separator@^7.16.0", "@babel/plugin-proposal-numeric-separator@^7.16.7": +"@babel/plugin-proposal-numeric-separator@^7.16.7": version "7.16.7" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.16.7.tgz#d6b69f4af63fb38b6ca2558442a7fb191236eba9" integrity sha512-vQgPMknOIgiuVqbokToyXbkY/OmmjAzr/0lhSIbG/KmnzXPGwW/AdhdKpi+O4X/VkWiWjnkKOBiqJrTaC98VKw== @@ -822,7 +822,7 @@ "@babel/helper-plugin-utils" "^7.18.6" "@babel/plugin-syntax-optional-catch-binding" "^7.8.3" -"@babel/plugin-proposal-optional-chaining@^7.12.7", "@babel/plugin-proposal-optional-chaining@^7.13.12", "@babel/plugin-proposal-optional-chaining@^7.16.0", "@babel/plugin-proposal-optional-chaining@^7.16.7", "@babel/plugin-proposal-optional-chaining@^7.18.9": +"@babel/plugin-proposal-optional-chaining@^7.12.7", "@babel/plugin-proposal-optional-chaining@^7.13.12", "@babel/plugin-proposal-optional-chaining@^7.16.7", "@babel/plugin-proposal-optional-chaining@^7.18.9": version "7.18.9" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.18.9.tgz#e8e8fe0723f2563960e4bf5e9690933691915993" integrity sha512-v5nwt4IqBXihxGsW2QmCWMDS3B3bzGIk/EQVZz2ei7f3NJl8NzAJVvUmpDW5q1CRNY+Beb/k58UAH1Km1N411w== @@ -831,7 +831,7 @@ "@babel/helper-skip-transparent-expression-wrappers" "^7.18.9" "@babel/plugin-syntax-optional-chaining" "^7.8.3" -"@babel/plugin-proposal-private-methods@^7.12.1", "@babel/plugin-proposal-private-methods@^7.16.0", "@babel/plugin-proposal-private-methods@^7.16.11": +"@babel/plugin-proposal-private-methods@^7.12.1", "@babel/plugin-proposal-private-methods@^7.16.11": version "7.16.11" resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.16.11.tgz#e8df108288555ff259f4527dbe84813aac3a1c50" integrity sha512-F/2uAkPlXDr8+BHpZvo19w3hLFKge+k75XUprE6jaqKxjGkSYcK+4c+bup5PdW/7W/Rpjwql7FTVEDW+fRAQsw== @@ -1290,7 +1290,7 @@ "@babel/helper-plugin-utils" "^7.18.6" babel-plugin-dynamic-import-node "^2.3.3" -"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.16.0", "@babel/plugin-transform-modules-commonjs@^7.16.8", "@babel/plugin-transform-modules-commonjs@^7.18.6": +"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.16.8", "@babel/plugin-transform-modules-commonjs@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.18.6.tgz#afd243afba166cca69892e24a8fd8c9f2ca87883" integrity sha512-Qfv2ZOWikpvmedXQJDSbxNqy7Xr/j2Y8/KfijM0iJyKkBTmWuvCA1yeH1yDM7NJhBW/2aXxeucLj6i80/LAJ/Q== @@ -1411,13 +1411,6 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" -"@babel/plugin-transform-react-constant-elements@^7.16.0": - version "7.17.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.17.6.tgz#6cc273c2f612a6a50cb657e63ee1303e5e68d10a" - integrity sha512-OBv9VkyyKtsHZiHLoSfCn+h6yU7YKX8nrs32xUmOa1SRSk+t03FosB6fBZ0Yz4BpD1WV7l73Nsad+2Tz7APpqw== - dependencies: - "@babel/helper-plugin-utils" "^7.16.7" - "@babel/plugin-transform-react-display-name@^7.16.7": version "7.16.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.16.7.tgz#7b6d40d232f4c0f550ea348593db3b21e2404340" @@ -1513,18 +1506,6 @@ dependencies: "@babel/helper-plugin-utils" "^7.18.6" -"@babel/plugin-transform-runtime@^7.16.4": - version "7.17.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.17.0.tgz#0a2e08b5e2b2d95c4b1d3b3371a2180617455b70" - integrity sha512-fr7zPWnKXNc1xoHfrIU9mN/4XKX4VLZ45Q+oMhfsYIaHvg7mHgmhfOy/ckRWqDK7XF3QDigRpkh5DKq6+clE8A== - dependencies: - "@babel/helper-module-imports" "^7.16.7" - "@babel/helper-plugin-utils" "^7.16.7" - babel-plugin-polyfill-corejs2 "^0.3.0" - babel-plugin-polyfill-corejs3 "^0.5.0" - babel-plugin-polyfill-regenerator "^0.3.0" - semver "^6.3.0" - "@babel/plugin-transform-shorthand-properties@^7.12.1", "@babel/plugin-transform-shorthand-properties@^7.16.7": version "7.16.7" resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.16.7.tgz#e8549ae4afcf8382f711794c0c7b6b934c5fbd2a" @@ -1841,7 +1822,7 @@ "@babel/plugin-transform-react-jsx-development" "^7.18.6" "@babel/plugin-transform-react-pure-annotations" "^7.18.6" -"@babel/preset-typescript@^7.12.7", "@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.16.0", "@babel/preset-typescript@^7.18.6": +"@babel/preset-typescript@^7.12.7", "@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.18.6.tgz#ce64be3e63eddc44240c6358daefac17b3186399" integrity sha512-s9ik86kXBAnD760aybBucdpnLsAt0jK1xqJn2juOn9lkOvSHV60os5hxoVJsPzMQxvnUJFAlkont2DvvaYEBtQ== @@ -3305,29 +3286,6 @@ resolved "https://registry.yarnpkg.com/@shopify/async/-/async-3.1.5.tgz#fcb1253ed2f41f22f9ce2ca28dc667003f4a1a71" integrity sha512-kc/QSwQpcG2Enm6QqLUvCSbPuEabX34DTo/NKQh5eT6ud6gOCwTL3jdIiybK9RzRe3gbEUJ9cfCuggT87bXcZg== -"@shopify/babel-preset@^25.0.0": - version "25.0.0" - resolved "https://registry.yarnpkg.com/@shopify/babel-preset/-/babel-preset-25.0.0.tgz#57eaae6e250ab1a1daba26e6f1ecb42204aad929" - integrity sha512-2eVmLPGMLEdZ2u93pikVcwAf+XTpzYMtphFwuE1ZwlxBSQZg2H6OWbt/rnS79fAiJUmS7DSUel+ZlBzdSlg6Bg== - dependencies: - "@babel/core" "^7.16.0" - "@babel/plugin-proposal-class-properties" "^7.16.0" - "@babel/plugin-proposal-decorators" "^7.16.4" - "@babel/plugin-proposal-dynamic-import" "^7.16.0" - "@babel/plugin-proposal-nullish-coalescing-operator" "^7.16.0" - "@babel/plugin-proposal-numeric-separator" "^7.16.0" - "@babel/plugin-proposal-optional-chaining" "^7.16.0" - "@babel/plugin-proposal-private-methods" "^7.16.0" - "@babel/plugin-transform-modules-commonjs" "^7.16.0" - "@babel/plugin-transform-react-constant-elements" "^7.16.0" - "@babel/plugin-transform-runtime" "^7.16.4" - "@babel/preset-env" "^7.16.4" - "@babel/preset-react" "^7.16.0" - "@babel/preset-typescript" "^7.16.0" - "@babel/runtime" "^7.16.3" - babel-plugin-react-test-id "^1.0.2" - babel-plugin-transform-inline-environment-variables "^0.4.3" - "@shopify/cli-kit@3.10.1": version "3.10.1" resolved "https://registry.yarnpkg.com/@shopify/cli-kit/-/cli-kit-3.10.1.tgz#deaf0ead4989ad4d7645a00b7f4b9cbeb8052993" @@ -6602,16 +6560,6 @@ babel-plugin-react-docgen@^4.2.1: lodash "^4.17.15" react-docgen "^5.0.0" -babel-plugin-react-test-id@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/babel-plugin-react-test-id/-/babel-plugin-react-test-id-1.0.2.tgz#90fb7ab91e9623bea47ad1f7eddd9a38e2dfc51b" - integrity sha1-kPt6uR6WI76ketH37d2aOOLfxRs= - -babel-plugin-transform-inline-environment-variables@^0.4.3: - version "0.4.3" - resolved "https://registry.yarnpkg.com/babel-plugin-transform-inline-environment-variables/-/babel-plugin-transform-inline-environment-variables-0.4.3.tgz#a3b09883353be8b5e2336e3ff1ef8a5d93f9c489" - integrity sha1-o7CYgzU76LXiM24/8e+KXZP5xIk= - babel-preset-current-node-syntax@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b" From 4da3517d1726c0b998f67a1c4a0e28a43006f9d7 Mon Sep 17 00:00:00 2001 From: Lo Kim Date: Fri, 10 Mar 2023 12:27:49 -0500 Subject: [PATCH 40/43] Fix Card example metadata --- .../content/components/layout-and-structure/card.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/polaris.shopify.com/content/components/layout-and-structure/card.md b/polaris.shopify.com/content/components/layout-and-structure/card.md index 5466556508a..9eddda0f505 100644 --- a/polaris.shopify.com/content/components/layout-and-structure/card.md +++ b/polaris.shopify.com/content/components/layout-and-structure/card.md @@ -38,12 +38,10 @@ examples: title: With varying padding description: >- Use the `padding` property to adjust the spacing within a card. You can also specify spacing values at different breakpoints. - - fileName: card-with-rounded-corners.tsx - Use the `padding` property to adjust the spacing of content within a card. The `padding` prop supports responsive spacing with the [Breakpoints tokens](https://polaris.shopify.com/tokens/breakpoints). - fileName: card-with-rounded-corners.tsx title: Rounded corners description: >- - Cards can have a border radius applied responsively with the `roundedAbove` prop. + Use the `padding` property to adjust the spacing of content within a card. The `padding` prop supports responsive spacing with the [Breakpoints tokens](https://polaris.shopify.com/tokens/breakpoints). --- ## Best practices From f0b31599d04c2630d93d0c22e4b7c67b635d39fb Mon Sep 17 00:00:00 2001 From: Alex Page Date: Mon, 13 Mar 2023 21:10:48 +1100 Subject: [PATCH 41/43] Config for runtime: automatic --- .eslintrc.js | 6 +++++- babel.config.js | 12 ++++++++++-- polaris-migrator/tsconfig.json | 2 +- polaris-react/tsconfig.json | 3 ++- polaris.shopify.com/tsconfig.json | 2 +- 5 files changed, 19 insertions(+), 6 deletions(-) diff --git a/.eslintrc.js b/.eslintrc.js index 04a187a2e2f..209ca364852 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -55,6 +55,11 @@ module.exports = { 'react/button-has-type': 'off', 'react/no-array-index-key': 'off', 'react/no-unsafe': ['error', {checkAliases: true}], + + // These can be removed when eslint-plugin-react is updated + 'react/jsx-uses-react': 'off', + 'react/react-in-jsx-scope': 'off', + '@shopify/jsx-no-complex-expressions': 'off', '@shopify/jsx-prefer-fragment-wrappers': 'off', '@shopify/no-ancestor-directory-import': 'error', @@ -165,7 +170,6 @@ module.exports = { files: ['polaris.shopify.com/**/*'], extends: 'plugin:@next/eslint-plugin-next/recommended', rules: { - 'react/react-in-jsx-scope': 'off', '@shopify/jsx-no-hardcoded-content': 'off', 'import/no-default-export': 'off', }, diff --git a/babel.config.js b/babel.config.js index 7793d0d463c..d8e21a6a18a 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,7 +1,9 @@ /** * @type {import('@babel/core').TransformOptions} */ -module.exports = function () { +module.exports = function (api) { + api.cache(true); + return { presets: [ [ @@ -9,7 +11,13 @@ module.exports = function () { {useBuiltIns: 'entry', corejs: '3.0', bugfixes: true}, ], ['@babel/preset-typescript'], - ['@babel/preset-react', {runtime: 'automatic', useBuiltIns: true}], + [ + '@babel/preset-react', + { + runtime: 'automatic', + useBuiltIns: true, + }, + ], ], assumptions: { setPublicClassFields: true, diff --git a/polaris-migrator/tsconfig.json b/polaris-migrator/tsconfig.json index 6051d2576fb..661fd5a6b96 100644 --- a/polaris-migrator/tsconfig.json +++ b/polaris-migrator/tsconfig.json @@ -6,7 +6,7 @@ "emitDeclarationOnly": true, "outDir": "dist/types", "rootDir": "src", - "jsx": "react", + "jsx": "react-jsx", "types": ["node", "jest"] }, "include": ["src"], diff --git a/polaris-react/tsconfig.json b/polaris-react/tsconfig.json index c317885ab27..3eb23ffb4d2 100644 --- a/polaris-react/tsconfig.json +++ b/polaris-react/tsconfig.json @@ -9,7 +9,8 @@ "strictFunctionTypes": false, "paths": { "tests/*": ["./tests/*"] - } + }, + "jsx": "react-jsx" }, "include": [ "./src", diff --git a/polaris.shopify.com/tsconfig.json b/polaris.shopify.com/tsconfig.json index 356f7512c1a..09c48e63393 100644 --- a/polaris.shopify.com/tsconfig.json +++ b/polaris.shopify.com/tsconfig.json @@ -15,7 +15,7 @@ "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, - "jsx": "preserve", + "jsx": "react-jsx", "composite": true, "noUnusedLocals": true, "noUnusedParameters": true From d09999caf0af0d6d523a04a0586375cff067f5f6 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Wed, 15 Mar 2023 20:15:03 +1100 Subject: [PATCH 42/43] Fix up config --- babel.config.js | 5 +++-- polaris-icons/rollup.config.mjs | 2 +- polaris-react/tsconfig.json | 1 - polaris.shopify.com/tsconfig.json | 8 ++++++-- 4 files changed, 10 insertions(+), 6 deletions(-) diff --git a/babel.config.js b/babel.config.js index d8e21a6a18a..63cc19b1bc7 100644 --- a/babel.config.js +++ b/babel.config.js @@ -2,7 +2,8 @@ * @type {import('@babel/core').TransformOptions} */ module.exports = function (api) { - api.cache(true); + const envName = api.env(); + const development = envName === 'development' || envName === 'test'; return { presets: [ @@ -15,7 +16,7 @@ module.exports = function (api) { '@babel/preset-react', { runtime: 'automatic', - useBuiltIns: true, + development, }, ], ], diff --git a/polaris-icons/rollup.config.mjs b/polaris-icons/rollup.config.mjs index 9448e91b439..eee9221dd27 100644 --- a/polaris-icons/rollup.config.mjs +++ b/polaris-icons/rollup.config.mjs @@ -242,7 +242,7 @@ export default [ }, ], - external: ['react'], + external: ['react', 'react/jsx-runtime'], onwarn: (warning, warn) => { // Unresolved imports means Rollup couldn't find an import, possibly because // we made a typo in the file name. Fail the build in that case so we know diff --git a/polaris-react/tsconfig.json b/polaris-react/tsconfig.json index 3eb23ffb4d2..c49491cd18f 100644 --- a/polaris-react/tsconfig.json +++ b/polaris-react/tsconfig.json @@ -3,7 +3,6 @@ "compilerOptions": { "composite": true, "emitDeclarationOnly": true, - "importsNotUsedAsValues": "error", "outDir": "build/ts", "rootDir": "./", "strictFunctionTypes": false, diff --git a/polaris.shopify.com/tsconfig.json b/polaris.shopify.com/tsconfig.json index 09c48e63393..2bd0ceb0575 100644 --- a/polaris.shopify.com/tsconfig.json +++ b/polaris.shopify.com/tsconfig.json @@ -3,7 +3,11 @@ "display": "Next.js", "compilerOptions": { "target": "es5", - "lib": ["dom", "dom.iterable", "esnext"], + "lib": [ + "dom", + "dom.iterable", + "esnext" + ], "allowJs": true, "skipLibCheck": true, "strict": true, @@ -15,7 +19,7 @@ "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, - "jsx": "react-jsx", + "jsx": "preserve", "composite": true, "noUnusedLocals": true, "noUnusedParameters": true From ce3542ce3a1db45672576477cf203a1e0cc95ab2 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Wed, 15 Mar 2023 20:44:54 +1100 Subject: [PATCH 43/43] Run migration --- .../tests/react-rename-component-prop.input.tsx | 2 -- .../tests/react-rename-component-prop.output.tsx | 2 -- .../tests/react-rename-component.input.tsx | 1 - .../tests/react-rename-component.output.tsx | 1 - .../tests/react-rename-stack-component.input.tsx | 1 - .../tests/react-rename-stack-component.output.tsx | 1 - .../tests/rename-prop-types.input.tsx | 1 - .../tests/rename-prop-types.output.tsx | 1 - .../tests/renamed-available-identifier.input.tsx | 1 - .../tests/renamed-available-identifier.output.tsx | 1 - .../tests/renamed-available-jsx.input.tsx | 1 - .../tests/renamed-available-jsx.output.tsx | 1 - .../tests/renamed-import.input.tsx | 1 - .../tests/renamed-import.output.tsx | 1 - .../tests/remove-imports-all.input.tsx | 1 - .../tests/remove-imports-all.output.tsx | 1 - .../tests/remove-imports-partial-identifier.input.tsx | 1 - .../tests/remove-imports-partial-identifier.output.tsx | 1 - .../remove-imports-partial-props-invalid.input.tsx | 1 - .../remove-imports-partial-props-invalid.output.tsx | 1 - .../tests/remove-imports-partial-props-type.input.tsx | 1 - .../tests/remove-imports-partial-props-type.output.tsx | 1 - .../tests/v10-react-replace-text-components.input.tsx | 1 - .../tests/v10-react-replace-text-components.output.tsx | 1 - .../tests/with-component-name.input.tsx | 10 +--------- .../tests/with-component-name.output.tsx | 10 +--------- ...other-component-and-other-component-props.input.tsx | 1 - ...ther-component-and-other-component-props.output.tsx | 1 - .../tests/with-relative-display-text.input.tsx | 4 +--- .../tests/with-relative-display-text.output.tsx | 4 +--- ...other-component-and-other-component-props.input.tsx | 4 +--- ...ther-component-and-other-component-props.output.tsx | 2 -- .../tests/with-relative-text-style-props.input.tsx | 4 +--- .../tests/with-relative-text-style-props.output.tsx | 2 -- .../tests/with-relative.input.tsx | 4 +--- .../tests/with-relative.output.tsx | 2 -- .../tests/with-text-style-props.input.tsx | 1 - .../tests/with-text-style-props.output.tsx | 1 - .../tests/v11-react-update-page-breadcrumbs.input.tsx | 1 - .../tests/v11-react-update-page-breadcrumbs.output.tsx | 1 - polaris-react/.storybook/GridOverlay/GridOverlay.tsx | 2 +- .../RenderPerformanceProfiler.tsx | 6 +++--- polaris-react/.storybook/manager.js | 1 - polaris-react/.storybook/preview.js | 6 +++--- polaris-react/playground/DetailsPage.tsx | 2 +- polaris-react/playground/KitchenSink.tsx | 2 -- polaris-react/playground/Playground.tsx | 2 -- .../AccountConnection/AccountConnection.stories.tsx | 2 +- .../components/AccountConnection/AccountConnection.tsx | 2 -- .../AccountConnection/tests/AccountConnection.test.tsx | 1 - .../src/components/ActionList/ActionList.stories.tsx | 2 +- polaris-react/src/components/ActionList/ActionList.tsx | 2 +- .../src/components/ActionList/components/Item/Item.tsx | 2 -- .../ActionList/components/Item/tests/Item.test.tsx | 1 - .../ActionList/components/Section/Section.tsx | 2 -- .../components/Section/tests/Section.test.tsx | 1 - .../components/ActionList/tests/ActionList.test.tsx | 1 - polaris-react/src/components/ActionMenu/ActionMenu.tsx | 2 -- .../ActionMenu/components/Actions/Actions.tsx | 2 +- .../components/Actions/tests/Actions.test.tsx | 2 +- .../ActionMenu/components/MenuGroup/MenuGroup.tsx | 2 +- .../components/MenuGroup/tests/MenuGroup.test.tsx | 1 - .../components/RollupActions/RollupActions.tsx | 1 - .../RollupActions/tests/RollupActions.test.tsx | 1 - .../components/SecondaryAction/SecondaryAction.tsx | 2 +- .../components/ActionMenu/tests/ActionMenu.test.tsx | 1 - .../components/AfterInitialMount/AfterInitialMount.tsx | 2 +- .../AfterInitialMount/test/AfterInitialMount.test.tsx | 2 +- .../src/components/AppProvider/AppProvider.stories.tsx | 2 +- .../src/components/AppProvider/AppProvider.tsx | 2 +- .../components/AppProvider/tests/AppProvider.test.tsx | 2 +- .../components/Autocomplete/Autocomplete.stories.tsx | 2 +- .../src/components/Autocomplete/Autocomplete.tsx | 2 +- .../components/MappedAction/MappedAction.tsx | 2 +- .../MappedAction/tests/MappedAction.test.tsx | 1 - .../components/MappedOption/MappedOption.tsx | 2 +- .../MappedOption/tests/MappedOption.test.tsx | 1 - .../Autocomplete/tests/Autocomplete.test.tsx | 1 - polaris-react/src/components/Avatar/Avatar.stories.tsx | 2 +- polaris-react/src/components/Avatar/Avatar.tsx | 2 +- .../src/components/Avatar/tests/Avatar-ssr.test.tsx | 1 - .../src/components/Avatar/tests/Avatar.test.tsx | 1 - polaris-react/src/components/Backdrop/Backdrop.tsx | 2 +- .../src/components/Backdrop/tests/Backdrop.test.tsx | 1 - polaris-react/src/components/Badge/Badge.stories.tsx | 1 - polaris-react/src/components/Badge/Badge.tsx | 2 +- .../src/components/Badge/components/Pip/Pip.tsx | 2 -- .../src/components/Badge/tests/Badge.test.tsx | 1 - polaris-react/src/components/Banner/Banner.stories.tsx | 2 +- polaris-react/src/components/Banner/Banner.tsx | 2 +- .../src/components/Banner/tests/Banner.test.tsx | 2 +- polaris-react/src/components/Bleed/Bleed.stories.tsx | 1 - polaris-react/src/components/Bleed/Bleed.tsx | 1 - .../src/components/Bleed/tests/Bleed.test.tsx | 1 - polaris-react/src/components/Box/Box.stories.tsx | 1 - polaris-react/src/components/Box/Box.tsx | 2 +- polaris-react/src/components/Box/tests/Box.test.tsx | 1 - .../src/components/Breadcrumbs/Breadcrumbs.tsx | 1 - .../components/Breadcrumbs/tests/Breadcrumbs.test.tsx | 1 - .../src/components/BulkActions/BulkActions.tsx | 2 +- .../components/BulkActionButton/BulkActionButton.tsx | 2 +- .../components/BulkActionMenu/BulkActionMenu.tsx | 2 -- .../BulkActionMenu/tests/BulkActionMenu.test.tsx | 1 - .../hooks/tests/use-is-bulk-actions-sticky.test.tsx | 1 - .../components/BulkActions/tests/BulkActions.test.tsx | 1 - polaris-react/src/components/Button/Button.stories.tsx | 2 +- polaris-react/src/components/Button/Button.tsx | 2 +- .../src/components/Button/tests/Button.test.tsx | 1 - polaris-react/src/components/Button/utils.tsx | 2 -- .../src/components/ButtonGroup/ButtonGroup.stories.tsx | 1 - .../src/components/ButtonGroup/ButtonGroup.tsx | 2 -- .../components/ButtonGroup/components/Item/Item.tsx | 2 -- .../ButtonGroup/components/Item/tests/Item.test.tsx | 1 - .../components/ButtonGroup/tests/ButtonGroup.test.tsx | 1 - .../src/components/CalloutCard/CalloutCard.stories.tsx | 1 - .../src/components/CalloutCard/CalloutCard.tsx | 1 - .../components/CalloutCard/tests/CalloutCard.test.tsx | 1 - polaris-react/src/components/Card/Card.stories.tsx | 1 - polaris-react/src/components/Card/Card.tsx | 1 - polaris-react/src/components/Card/tests/Card.test.tsx | 1 - .../src/components/CheckableButton/CheckableButton.tsx | 2 +- .../CheckableButton/tests/CheckableButton.test.tsx | 1 - .../src/components/Checkbox/Checkbox.stories.tsx | 2 +- polaris-react/src/components/Checkbox/Checkbox.tsx | 2 +- .../src/components/Checkbox/tests/Checkbox.test.tsx | 2 +- polaris-react/src/components/Choice/Choice.tsx | 2 -- .../src/components/Choice/tests/Choice.test.tsx | 1 - .../src/components/ChoiceList/ChoiceList.stories.tsx | 2 +- polaris-react/src/components/ChoiceList/ChoiceList.tsx | 2 +- .../components/ChoiceList/tests/ChoiceList.test.tsx | 1 - .../src/components/Collapsible/Collapsible.stories.tsx | 2 +- .../src/components/Collapsible/Collapsible.tsx | 2 +- .../components/Collapsible/tests/Collapsible.test.tsx | 1 - .../src/components/ColorPicker/ColorPicker.stories.tsx | 2 +- .../src/components/ColorPicker/ColorPicker.tsx | 2 +- .../ColorPicker/components/AlphaPicker/AlphaPicker.tsx | 2 +- .../components/AlphaPicker/tests/AlphaPicker.test.tsx | 1 - .../ColorPicker/components/HuePicker/HuePicker.tsx | 2 +- .../components/HuePicker/tests/HuePicker.test.tsx | 1 - .../ColorPicker/components/Slidable/Slidable.tsx | 2 +- .../components/Slidable/tests/Slidable.test.tsx | 1 - .../ColorPicker/tests/ColorPicker-ssr.test.tsx | 1 - .../components/ColorPicker/tests/ColorPicker.test.tsx | 1 - .../src/components/Columns/Columns.stories.tsx | 1 - polaris-react/src/components/Columns/Columns.tsx | 1 - .../src/components/Columns/tests/Columns.test.tsx | 1 - .../src/components/Combobox/Combobox.stories.tsx | 2 +- polaris-react/src/components/Combobox/Combobox.tsx | 2 +- .../Combobox/components/TextField/TextField.tsx | 2 +- .../components/TextField/tests/TextField.test.tsx | 1 - .../src/components/Combobox/tests/Combobox.test.tsx | 1 - polaris-react/src/components/Connected/Connected.tsx | 2 -- .../src/components/Connected/components/Item/Item.tsx | 2 -- .../src/components/Connected/tests/Connected.test.tsx | 1 - .../ContextualSaveBar/ContextualSaveBar.stories.tsx | 1 - .../ContextualSaveBar/tests/ContextualSaveBar.test.tsx | 1 - .../src/components/DataTable/DataTable.stories.tsx | 2 +- polaris-react/src/components/DataTable/DataTable.tsx | 7 +------ .../src/components/DataTable/components/Cell/Cell.tsx | 2 +- .../DataTable/components/Cell/tests/Cell.test.tsx | 2 +- .../DataTable/components/Navigation/Navigation.tsx | 1 - .../components/Navigation/tests/Navigation.test.tsx | 1 - .../src/components/DataTable/tests/DataTable.test.tsx | 1 - .../src/components/DatePicker/DatePicker.stories.tsx | 2 +- polaris-react/src/components/DatePicker/DatePicker.tsx | 2 +- .../src/components/DatePicker/components/Day/Day.tsx | 2 +- .../DatePicker/components/Day/tests/Day.test.tsx | 1 - .../components/DatePicker/components/Month/Month.tsx | 2 +- .../DatePicker/components/Month/tests/Month.test.tsx | 1 - .../DatePicker/components/Weekday/Weekday.tsx | 2 +- .../components/Weekday/tests/Weekday.test.tsx | 1 - .../components/DatePicker/tests/DatePicker.test.tsx | 1 - .../DescriptionList/DescriptionList.stories.tsx | 1 - .../src/components/DescriptionList/DescriptionList.tsx | 2 -- .../DescriptionList/tests/DescriptionList.test.tsx | 1 - .../src/components/Divider/Divider.stories.tsx | 1 - polaris-react/src/components/Divider/Divider.tsx | 2 -- .../src/components/Divider/tests/Divider.test.tsx | 1 - .../src/components/DropZone/DropZone.stories.tsx | 2 +- polaris-react/src/components/DropZone/DropZone.tsx | 2 +- .../DropZone/components/FileUpload/FileUpload.tsx | 2 +- .../components/FileUpload/tests/FileUpload.test.tsx | 1 - .../src/components/DropZone/tests/DropZone.test.tsx | 1 - .../components/EmptySearchResult/EmptySearchResult.tsx | 2 -- .../EmptySearchResult/tests/EmptySearchResult.test.tsx | 1 - .../src/components/EmptyState/EmptyState.stories.tsx | 1 - polaris-react/src/components/EmptyState/EmptyState.tsx | 2 +- .../components/EmptyState/tests/EmptyState.test.tsx | 1 - .../EphemeralPresenceManager.tsx | 2 +- .../tests/EphemeralPresenceManager.test.tsx | 1 - .../EventListener/tests/EventListener.test.tsx | 1 - .../components/ExceptionList/ExceptionList.stories.tsx | 1 - .../src/components/ExceptionList/ExceptionList.tsx | 2 +- .../ExceptionList/tests/ExceptionList.test.tsx | 1 - .../src/components/Filters/Filters.stories.tsx | 2 +- polaris-react/src/components/Filters/Filters.tsx | 2 +- .../ConnectedFilterControl/ConnectedFilterControl.tsx | 2 +- .../ConnectedFilterControl/components/Item/Item.tsx | 2 -- .../components/Item/tests/Item.test.tsx | 1 - .../tests/ConnectedFilterControl.test.tsx | 1 - .../Filters/components/TagsWrapper/TagsWrapper.tsx | 2 -- .../components/TagsWrapper/tests/TagsWrapper.test.tsx | 1 - .../src/components/Filters/tests/Filters.test.tsx | 1 - polaris-react/src/components/Focus/Focus.tsx | 2 +- .../src/components/Focus/tests/Focus.test.tsx | 2 +- .../src/components/FocusManager/FocusManager.tsx | 2 +- .../FocusManager/tests/FocusManager.test.tsx | 2 +- .../src/components/FooterHelp/FooterHelp.stories.tsx | 1 - polaris-react/src/components/FooterHelp/FooterHelp.tsx | 2 -- .../components/FooterHelp/tests/FooterHelp.test.tsx | 1 - polaris-react/src/components/Form/Form.stories.tsx | 2 +- polaris-react/src/components/Form/Form.tsx | 2 +- polaris-react/src/components/Form/tests/Form.test.tsx | 1 - .../src/components/FormLayout/FormLayout.stories.tsx | 1 - polaris-react/src/components/FormLayout/FormLayout.tsx | 2 +- .../components/FormLayout/components/Group/Group.tsx | 2 +- .../FormLayout/components/Group/tests/Group.test.tsx | 1 - .../src/components/FormLayout/components/Item/Item.tsx | 2 -- .../FormLayout/components/Item/tests/Item.test.tsx | 1 - .../components/FormLayout/tests/FormLayout.test.tsx | 1 - polaris-react/src/components/Frame/Frame.stories.tsx | 2 +- polaris-react/src/components/Frame/Frame.tsx | 2 +- .../Frame/components/CSSAnimation/CSSAnimation.tsx | 2 +- .../components/ContextualSaveBar/ContextualSaveBar.tsx | 2 +- .../DiscardConfirmationModal.tsx | 2 -- .../tests/DiscardConfirmationModal.test.tsx | 1 - .../ContextualSaveBar/tests/ContextualSaveBar.test.tsx | 1 - .../components/Frame/components/Loading/Loading.tsx | 2 +- .../Frame/components/Loading/tests/Loading.test.tsx | 1 - .../src/components/Frame/components/Toast/Toast.tsx | 2 +- .../Frame/components/Toast/tests/Toast.test.tsx | 1 - .../Frame/components/ToastManager/ToastManager.tsx | 2 +- .../ToastManager/tests/ToastManager.test.tsx | 1 - .../src/components/Frame/tests/Frame.test.tsx | 2 +- .../components/FullscreenBar/FullscreenBar.stories.tsx | 2 +- .../src/components/FullscreenBar/FullscreenBar.tsx | 1 - .../FullscreenBar/tests/FullscreenBar.test.tsx | 1 - polaris-react/src/components/Grid/Grid.stories.tsx | 1 - polaris-react/src/components/Grid/Grid.tsx | 2 +- .../src/components/Grid/components/Cell/Cell.tsx | 2 -- .../Grid/components/Cell/tests/Cell.test.tsx | 1 - polaris-react/src/components/Grid/tests/Grid.test.tsx | 1 - polaris-react/src/components/Icon/Icon.stories.tsx | 1 - polaris-react/src/components/Icon/Icon.tsx | 2 -- polaris-react/src/components/Icon/tests/Icon.test.tsx | 1 - polaris-react/src/components/Image/Image.tsx | 2 +- .../src/components/Image/tests/Image.test.tsx | 1 - .../src/components/IndexProvider/IndexProvider.tsx | 2 +- .../IndexProvider/tests/IndexProvider.test.tsx | 1 - .../src/components/IndexTable/IndexTable.stories.tsx | 2 +- polaris-react/src/components/IndexTable/IndexTable.tsx | 2 +- .../src/components/IndexTable/components/Cell/Cell.tsx | 2 +- .../IndexTable/components/Cell/tests/Cell.test.tsx | 2 +- .../IndexTable/components/Checkbox/Checkbox.tsx | 10 +--------- .../components/Checkbox/tests/Checkbox.test.tsx | 2 +- .../src/components/IndexTable/components/Row/Row.tsx | 2 +- .../IndexTable/components/Row/tests/Row.test.tsx | 2 +- .../components/ScrollContainer/ScrollContainer.tsx | 2 +- .../ScrollContainer/tests/ScrollContainer.test.tsx | 6 +++--- .../components/IndexTable/tests/IndexTable.test.tsx | 1 - polaris-react/src/components/Indicator/Indicator.tsx | 2 -- .../src/components/Indicator/tests/Indicator.test.tsx | 1 - polaris-react/src/components/Inline/Inline.stories.tsx | 1 - polaris-react/src/components/Inline/Inline.tsx | 1 - .../src/components/Inline/tests/Inline.test.tsx | 1 - polaris-react/src/components/InlineCode/InlineCode.tsx | 2 +- .../components/InlineCode/tests/InlineCode.test.tsx | 1 - .../src/components/InlineError/InlineError.stories.tsx | 1 - .../src/components/InlineError/InlineError.tsx | 1 - .../components/InlineError/tests/InlineError.test.tsx | 1 - .../src/components/KeyboardKey/KeyboardKey.stories.tsx | 1 - .../src/components/KeyboardKey/KeyboardKey.tsx | 2 -- .../components/KeyboardKey/tests/KeyboardKey.test.tsx | 1 - .../KeypressListener/tests/KeypressListener.test.tsx | 1 - polaris-react/src/components/Label/Label.tsx | 2 -- .../src/components/Label/tests/Label.test.tsx | 1 - polaris-react/src/components/Labelled/Labelled.tsx | 2 -- .../src/components/Labelled/tests/Labelled.test.tsx | 1 - polaris-react/src/components/Layout/Layout.stories.tsx | 1 - polaris-react/src/components/Layout/Layout.tsx | 2 -- .../components/AnnotatedSection/AnnotatedSection.tsx | 2 -- .../components/Layout/components/Section/Section.tsx | 2 -- .../src/components/Layout/tests/Layout.test.tsx | 1 - .../src/components/LegacyCard/LegacyCard.stories.tsx | 1 - polaris-react/src/components/LegacyCard/LegacyCard.tsx | 2 -- .../components/LegacyCard/components/Header/Header.tsx | 2 +- .../LegacyCard/components/Header/tests/Header.test.tsx | 1 - .../LegacyCard/components/Section/Section.tsx | 2 -- .../components/Section/tests/Section.test.tsx | 1 - .../LegacyCard/components/Subsection/Subsection.tsx | 2 -- .../components/Subsection/tests/Subsection.test.tsx | 1 - .../components/LegacyCard/tests/LegacyCard.test.tsx | 1 - .../src/components/LegacyStack/LegacyStack.stories.tsx | 1 - .../src/components/LegacyStack/LegacyStack.tsx | 2 +- .../components/LegacyStack/components/Item/Item.tsx | 2 -- .../components/LegacyStack/tests/LegacyStack.test.tsx | 1 - polaris-react/src/components/Link/Link.stories.tsx | 1 - polaris-react/src/components/Link/Link.tsx | 2 -- polaris-react/src/components/Link/tests/Link.test.tsx | 1 - polaris-react/src/components/List/List.stories.tsx | 1 - polaris-react/src/components/List/List.tsx | 2 -- .../src/components/List/components/Item/Item.tsx | 2 -- .../List/components/Item/tests/Item.test.tsx | 1 - polaris-react/src/components/List/tests/List.test.tsx | 1 - .../src/components/Listbox/Listbox.stories.tsx | 2 +- polaris-react/src/components/Listbox/Listbox.tsx | 2 +- .../components/Listbox/components/Action/Action.tsx | 2 -- .../Listbox/components/Action/tests/Action.test.tsx | 1 - .../components/Listbox/components/Header/Header.tsx | 2 +- .../Listbox/components/Header/tests/Header.test.tsx | 1 - .../components/Listbox/components/Loading/Loading.tsx | 2 +- .../Listbox/components/Loading/tests/Loading.test.tsx | 1 - .../components/Listbox/components/Option/Option.tsx | 2 +- .../Listbox/components/Option/tests/Option.test.tsx | 1 - .../components/Listbox/components/Section/Section.tsx | 2 +- .../Listbox/components/Section/tests/Section.test.tsx | 1 - .../Listbox/components/TextOption/TextOption.tsx | 2 +- .../components/TextOption/tests/TextOption.test.tsx | 1 - .../src/components/Listbox/tests/Listbox.test.tsx | 1 - .../src/components/Loading/Loading.stories.tsx | 1 - .../src/components/Loading/tests/Loading.test.tsx | 1 - .../src/components/MediaCard/MediaCard.stories.tsx | 1 - polaris-react/src/components/MediaCard/MediaCard.tsx | 1 - .../src/components/MediaCard/tests/MediaCard.test.tsx | 1 - .../MediaQueryProvider/MediaQueryProvider.tsx | 2 +- .../tests/MediaQueryProvider.test.tsx | 1 - .../components/MessageIndicator/MessageIndicator.tsx | 2 -- .../MessageIndicator/tests/MessageIndicator.test.tsx | 1 - polaris-react/src/components/Modal/Modal.stories.tsx | 2 +- polaris-react/src/components/Modal/Modal.tsx | 2 +- .../Modal/components/CloseButton/CloseButton.tsx | 1 - .../src/components/Modal/components/Dialog/Dialog.tsx | 2 +- .../Modal/components/Dialog/tests/Dialog.test.tsx | 1 - .../src/components/Modal/components/Footer/Footer.tsx | 2 -- .../src/components/Modal/components/Header/Header.tsx | 2 -- .../components/Modal/components/Section/Section.tsx | 2 -- .../src/components/Modal/tests/Modal.test.tsx | 2 +- .../src/components/Navigation/Navigation.stories.tsx | 1 - polaris-react/src/components/Navigation/Navigation.tsx | 2 +- .../src/components/Navigation/components/Item/Item.tsx | 10 +--------- .../components/Item/components/Secondary/Secondary.tsx | 2 +- .../Item/components/Secondary/tests/Secondary.test.tsx | 1 - .../Navigation/components/Item/tests/Item.test.tsx | 1 - .../Navigation/components/Section/Section.tsx | 2 +- .../components/Section/tests/Section.test.tsx | 1 - .../components/Navigation/tests/Navigation.test.tsx | 1 - .../src/components/OptionList/OptionList.stories.tsx | 2 +- polaris-react/src/components/OptionList/OptionList.tsx | 2 +- .../OptionList/components/Checkbox/Checkbox.tsx | 2 +- .../components/Checkbox/tests/Checkbox.test.tsx | 1 - .../components/OptionList/components/Option/Option.tsx | 2 +- .../OptionList/components/Option/tests/Option.test.tsx | 1 - .../components/OptionList/tests/OptionList.test.tsx | 1 - polaris-react/src/components/Page/Page.stories.tsx | 1 - polaris-react/src/components/Page/Page.tsx | 2 -- .../src/components/Page/components/Header/Header.tsx | 2 -- .../Page/components/Header/components/Title/Title.tsx | 2 -- .../Header/components/Title/tests/Title.test.tsx | 1 - .../Page/components/Header/tests/Header.test.tsx | 1 - polaris-react/src/components/Page/tests/Page.test.tsx | 2 +- .../src/components/PageActions/PageActions.stories.tsx | 1 - .../src/components/PageActions/PageActions.tsx | 2 -- .../components/PageActions/tests/PageActions.test.tsx | 1 - .../src/components/Pagination/Pagination.stories.tsx | 1 - polaris-react/src/components/Pagination/Pagination.tsx | 2 +- .../components/Pagination/tests/Pagination.test.tsx | 1 - .../PolarisTestProvider/PolarisTestProvider.tsx | 2 +- .../tests/PolarisTestProvider.test.tsx | 2 +- .../src/components/Popover/Popover.stories.tsx | 2 +- polaris-react/src/components/Popover/Popover.tsx | 3 ++- .../src/components/Popover/components/Pane/Pane.tsx | 2 -- .../Popover/components/Pane/tests/Pane.test.tsx | 1 - .../components/PopoverOverlay/PopoverOverlay.tsx | 2 +- .../PopoverOverlay/tests/PopoverOverlay.test.tsx | 4 ++-- .../components/Popover/components/Section/Section.tsx | 2 -- .../Popover/components/Section/tests/Section.test.tsx | 1 - .../src/components/Popover/tests/Popover.test.tsx | 2 +- polaris-react/src/components/Portal/Portal.tsx | 2 +- .../src/components/Portal/tests/Portal.test.tsx | 1 - .../src/components/PortalsManager/PortalsManager.tsx | 2 +- .../components/PortalsContainer/PortalsContainer.tsx | 2 +- .../PortalsManager/tests/PortalsManager.test.tsx | 1 - .../components/PositionedOverlay/PositionedOverlay.tsx | 2 +- .../PositionedOverlay/tests/PositionedOverlay.test.tsx | 2 +- .../src/components/ProgressBar/ProgressBar.stories.tsx | 1 - .../src/components/ProgressBar/ProgressBar.tsx | 2 +- .../components/ProgressBar/tests/ProgressBar.test.tsx | 1 - .../src/components/RadioButton/RadioButton.stories.tsx | 2 +- .../src/components/RadioButton/RadioButton.tsx | 2 +- .../components/RadioButton/tests/RadioButton.test.tsx | 1 - .../src/components/RangeSlider/RangeSlider.stories.tsx | 2 +- .../src/components/RangeSlider/RangeSlider.tsx | 2 +- .../RangeSlider/components/DualThumb/DualThumb.tsx | 2 +- .../components/DualThumb/tests/DualThumb.test.tsx | 1 - .../RangeSlider/components/SingleThumb/SingleThumb.tsx | 2 -- .../components/SingleThumb/tests/SingleThumb.test.tsx | 1 - .../components/RangeSlider/tests/RangeSlider.test.tsx | 1 - .../components/ResourceItem/ResourceItem.stories.tsx | 2 +- .../src/components/ResourceItem/ResourceItem.tsx | 2 +- .../ResourceItem/tests/ResourceItem.test.tsx | 2 +- .../components/ResourceList/ResourceList.stories.tsx | 2 +- .../src/components/ResourceList/ResourceList.tsx | 2 +- .../ResourceList/tests/ResourceList.test.tsx | 1 - .../components/ScrollLock/tests/ScrollLock.test.tsx | 2 +- .../src/components/Scrollable/Scrollable.stories.tsx | 2 +- polaris-react/src/components/Scrollable/Scrollable.tsx | 2 +- .../Scrollable/components/ScrollTo/ScrollTo.tsx | 2 +- .../components/ScrollTo/tests/ScrollTo.test.tsx | 1 - .../components/Scrollable/tests/Scrollable.test.tsx | 1 - polaris-react/src/components/Select/Select.stories.tsx | 2 +- polaris-react/src/components/Select/Select.tsx | 2 +- .../src/components/Select/tests/Select.test.tsx | 1 - .../components/SelectAllActions/SelectAllActions.tsx | 2 +- .../SelectAllActions/tests/SelectAllActions.test.tsx | 1 - .../src/components/SettingAction/SettingAction.tsx | 2 -- .../components/SettingToggle/SettingToggle.stories.tsx | 2 +- .../src/components/SettingToggle/SettingToggle.tsx | 2 +- .../SettingToggle/tests/SettingToggle.test.tsx | 1 - polaris-react/src/components/Sheet/Sheet.stories.tsx | 2 +- polaris-react/src/components/Sheet/Sheet.tsx | 2 +- .../src/components/Sheet/tests/Sheet.test.tsx | 2 +- .../SkeletonBodyText/SkeletonBodyText.stories.tsx | 1 - .../components/SkeletonBodyText/SkeletonBodyText.tsx | 2 -- .../SkeletonBodyText/tests/SkeletonBodyText.test.tsx | 1 - .../SkeletonDisplayText.stories.tsx | 1 - .../SkeletonDisplayText/SkeletonDisplayText.tsx | 2 -- .../tests/SkeletonDisplayText.test.tsx | 1 - .../components/SkeletonPage/SkeletonPage.stories.tsx | 1 - .../src/components/SkeletonPage/SkeletonPage.tsx | 2 -- .../SkeletonPage/tests/SkeletonPage.test.tsx | 1 - .../components/SkeletonTabs/SkeletonTabs.stories.tsx | 1 - .../src/components/SkeletonTabs/SkeletonTabs.tsx | 2 -- .../SkeletonThumbnail/SkeletonThumbnail.stories.tsx | 1 - .../components/SkeletonThumbnail/SkeletonThumbnail.tsx | 2 -- .../SkeletonThumbnail/tests/SkeletonThumbnail.test.tsx | 1 - .../src/components/Spinner/Spinner.stories.tsx | 2 +- polaris-react/src/components/Spinner/Spinner.tsx | 2 -- .../src/components/Spinner/tests/Spinner.test.tsx | 1 - polaris-react/src/components/Stack/Stack.stories.tsx | 1 - polaris-react/src/components/Stack/Stack.tsx | 2 +- .../src/components/Stack/tests/Stack.test.tsx | 1 - polaris-react/src/components/Sticky/Sticky.tsx | 2 +- .../src/components/Sticky/tests/Sticky.test.tsx | 1 - polaris-react/src/components/Tabs/Tabs.stories.tsx | 2 +- polaris-react/src/components/Tabs/Tabs.tsx | 2 +- .../src/components/Tabs/components/Item/Item.tsx | 2 +- .../Tabs/components/Item/tests/Item.test.tsx | 1 - .../src/components/Tabs/components/List/List.tsx | 2 -- .../Tabs/components/List/tests/List.test.tsx | 1 - .../src/components/Tabs/components/Panel/Panel.tsx | 2 -- .../Tabs/components/Panel/tests/Panel.test.tsx | 1 - .../src/components/Tabs/components/Tab/Tab.tsx | 2 +- .../components/Tabs/components/Tab/tests/Tab.test.tsx | 1 - .../Tabs/components/TabMeasurer/TabMeasurer.tsx | 2 +- .../components/TabMeasurer/tests/TabMeasurer.test.tsx | 1 - polaris-react/src/components/Tabs/tests/Tabs.test.tsx | 2 +- polaris-react/src/components/Tag/Tag.stories.tsx | 2 +- polaris-react/src/components/Tag/Tag.tsx | 1 - polaris-react/src/components/Tag/tests/Tag.test.tsx | 1 - polaris-react/src/components/Text/Text.stories.tsx | 1 - polaris-react/src/components/Text/Text.tsx | 2 +- polaris-react/src/components/Text/tests/Text.test.tsx | 1 - .../components/TextContainer/TextContainer.stories.tsx | 1 - .../src/components/TextContainer/TextContainer.tsx | 2 -- .../src/components/TextField/TextField.stories.tsx | 2 +- polaris-react/src/components/TextField/TextField.tsx | 2 +- .../TextField/components/Resizer/Resizer.tsx | 2 +- .../components/Resizer/tests/Resizer.test.tsx | 1 - .../TextField/components/Spinner/Spinner.tsx | 4 ++-- .../components/Spinner/tests/Spinner.test.tsx | 1 - .../src/components/TextField/tests/TextField.test.tsx | 1 - .../src/components/Thumbnail/Thumbnail.stories.tsx | 1 - polaris-react/src/components/Thumbnail/Thumbnail.tsx | 2 -- .../src/components/Thumbnail/tests/Thumbnail.test.tsx | 1 - polaris-react/src/components/Toast/Toast.stories.tsx | 2 +- .../src/components/Toast/tests/Toast.test.tsx | 1 - .../src/components/Tooltip/Tooltip.stories.tsx | 1 - polaris-react/src/components/Tooltip/Tooltip.tsx | 2 +- .../components/TooltipOverlay/TooltipOverlay.tsx | 2 -- .../TooltipOverlay/tests/TooltipOverlay.test.tsx | 1 - .../src/components/Tooltip/tests/Tooltip.test.tsx | 1 - polaris-react/src/components/TopBar/TopBar.stories.tsx | 2 +- polaris-react/src/components/TopBar/TopBar.tsx | 1 - .../src/components/TopBar/components/Menu/Menu.tsx | 2 -- .../components/Menu/components/Message/Message.tsx | 2 -- .../Menu/components/Message/tests/Message.test.tsx | 1 - .../TopBar/components/Menu/tests/Menu.test.tsx | 1 - .../src/components/TopBar/components/Search/Search.tsx | 2 -- .../TopBar/components/Search/tests/Search.test.tsx | 1 - .../SearchDismissOverlay/SearchDismissOverlay.tsx | 2 +- .../tests/SearchDismissOverlay.test.tsx | 1 - .../TopBar/components/SearchField/SearchField.tsx | 2 +- .../components/SearchField/tests/SearchField.test.tsx | 1 - .../components/TopBar/components/UserMenu/UserMenu.tsx | 2 -- .../TopBar/components/UserMenu/tests/UserMenu.test.tsx | 1 - .../src/components/TopBar/tests/TopBar.test.tsx | 1 - polaris-react/src/components/TrapFocus/TrapFocus.tsx | 2 +- .../src/components/TrapFocus/tests/TrapFocus.test.tsx | 1 - polaris-react/src/components/Truncate/Truncate.tsx | 2 -- .../src/components/Truncate/tests/Truncate.test.tsx | 1 - .../src/components/UnstyledButton/UnstyledButton.tsx | 2 -- .../UnstyledButton/tests/UnstyledButton.test.tsx | 1 - polaris-react/src/components/UnstyledButton/utils.tsx | 2 -- .../src/components/UnstyledLink/UnstyledLink.tsx | 2 +- .../UnstyledLink/tests/UnstyledLink.test.tsx | 1 - .../VideoThumbnail/VideoThumbnail.stories.tsx | 1 - .../src/components/VideoThumbnail/VideoThumbnail.tsx | 1 - .../VideoThumbnail/tests/VideoThumbnail.test.tsx | 1 - .../src/utilities/combobox/tests/hook.test.tsx | 1 - polaris-react/src/utilities/components.tsx | 2 +- .../src/utilities/features/tests/hooks.test.tsx | 1 - .../src/utilities/focus-manager/tests/hooks.test.tsx | 1 - polaris-react/src/utilities/frame/tests/hooks.test.tsx | 2 +- polaris-react/src/utilities/i18n/tests/hooks.test.tsx | 2 +- .../src/utilities/index-provider/tests/hooks.test.tsx | 1 - .../tests/hooks-useContainerScroll.test.tsx | 1 - .../index-table/tests/hooks-useRowHovered.test.tsx | 1 - .../index-table/tests/hooks-useRowSelected.test.tsx | 1 - polaris-react/src/utilities/link/tests/hooks.test.tsx | 2 +- .../src/utilities/media-query/tests/hooks.test.tsx | 2 +- .../src/utilities/portals/tests/hooks.test.tsx | 2 +- .../utilities/scroll-lock-manager/tests/hooks.test.tsx | 2 +- .../src/utilities/sticky-manager/tests/hooks.test.tsx | 2 +- .../src/utilities/tests/is-input-focused.test.tsx | 1 - .../src/utilities/tests/use-breakpoints-ssr.test.tsx | 1 - .../src/utilities/tests/use-breakpoints.test.tsx | 1 - .../utilities/tests/use-component-did-mount.test.tsx | 1 - .../utilities/tests/use-disable-interaction.test.tsx | 1 - .../src/utilities/tests/use-event-listener.test.tsx | 2 +- .../utilities/tests/use-index-resource-state.test.tsx | 1 - .../tests/use-is-after-initial-mount.test.tsx | 1 - .../src/utilities/tests/use-is-mounted-ref.test.tsx | 2 +- .../src/utilities/tests/use-lazy-ref.test.tsx | 2 +- polaris-react/tests/utilities/listbox.tsx | 2 +- polaris-react/tests/utilities/react-testing.tsx | 1 - .../action-list-with-a-prefix-and-a-suffix.tsx | 1 - .../pages/examples/app-provider-default.tsx | 1 - .../pages/examples/app-provider-with-i18n.tsx | 1 - .../examples/app-provider-with-link-component.tsx | 1 - .../pages/examples/autocomplete-with-empty-state.tsx | 6 +++--- polaris.shopify.com/pages/examples/avatar-default.tsx | 1 - polaris.shopify.com/pages/examples/avatar-square.tsx | 1 - polaris.shopify.com/pages/examples/badge-attention.tsx | 1 - polaris.shopify.com/pages/examples/badge-complete.tsx | 1 - polaris.shopify.com/pages/examples/badge-critical.tsx | 1 - polaris.shopify.com/pages/examples/badge-default.tsx | 1 - .../pages/examples/badge-incomplete.tsx | 1 - .../pages/examples/badge-informational.tsx | 1 - .../pages/examples/badge-partially-complete.tsx | 1 - polaris.shopify.com/pages/examples/badge-small.tsx | 1 - polaris.shopify.com/pages/examples/badge-success.tsx | 1 - polaris.shopify.com/pages/examples/badge-warning.tsx | 1 - .../badge-with-status-and-progress-label-override.tsx | 1 - polaris.shopify.com/pages/examples/banner-critical.tsx | 1 - polaris.shopify.com/pages/examples/banner-default.tsx | 1 - .../pages/examples/banner-dismissible.tsx | 1 - .../pages/examples/banner-in-a-card.tsx | 1 - .../pages/examples/banner-informational.tsx | 1 - polaris.shopify.com/pages/examples/banner-success.tsx | 1 - polaris.shopify.com/pages/examples/banner-warning.tsx | 1 - .../examples/banner-with-footer-call-to-action.tsx | 1 - .../pages/examples/bleed-all-directions.tsx | 1 - .../pages/examples/bleed-horizontal.tsx | 1 - .../pages/examples/bleed-specific-direction.tsx | 1 - polaris.shopify.com/pages/examples/bleed-vertical.tsx | 1 - .../pages/examples/box-with-border-radius.tsx | 1 - polaris.shopify.com/pages/examples/box-with-border.tsx | 1 - polaris.shopify.com/pages/examples/box-with-color.tsx | 1 - .../pages/examples/box-with-padding.tsx | 1 - polaris.shopify.com/pages/examples/box-with-shadow.tsx | 1 - polaris.shopify.com/pages/examples/button-default.tsx | 1 - .../pages/examples/button-destructive.tsx | 1 - .../pages/examples/button-disabled-state.tsx | 1 - .../pages/examples/button-full-width.tsx | 1 - .../pages/examples/button-group-default.tsx | 1 - .../button-group-outline-with-segmented-buttons.tsx | 1 - .../examples/button-group-with-segmented-buttons.tsx | 1 - polaris.shopify.com/pages/examples/button-large.tsx | 1 - .../pages/examples/button-loading-state.tsx | 1 - .../pages/examples/button-outline-monochrome.tsx | 1 - polaris.shopify.com/pages/examples/button-outline.tsx | 1 - .../pages/examples/button-plain-destructive.tsx | 1 - .../pages/examples/button-plain-monochrome.tsx | 1 - polaris.shopify.com/pages/examples/button-plain.tsx | 1 - polaris.shopify.com/pages/examples/button-primary.tsx | 1 - .../pages/examples/button-select-disclosure.tsx | 1 - polaris.shopify.com/pages/examples/button-slim.tsx | 1 - polaris.shopify.com/pages/examples/button-split.tsx | 1 - .../pages/examples/button-text-aligned.tsx | 1 - .../pages/examples/callout-card-default.tsx | 1 - .../pages/examples/callout-card-dismissable.tsx | 1 - .../examples/callout-card-with-secondary-action.tsx | 1 - .../pages/examples/card-with-rounded-corners.tsx | 1 - .../pages/examples/card-with-subdued-background.tsx | 1 - .../pages/examples/card-with-varying-padding.tsx | 1 - .../pages/examples/columns-with-fixed-widths.tsx | 1 - .../pages/examples/columns-with-set-number.tsx | 1 - .../pages/examples/columns-with-varying-gap.tsx | 1 - .../pages/examples/contextual-save-bar-default.tsx | 1 - .../contextual-save-bar-with-flush-contents.tsx | 1 - .../examples/contextual-save-bar-with-full-width.tsx | 1 - .../pages/examples/data-table-default.tsx | 1 - .../examples/data-table-with-custom-totals-heading.tsx | 1 - .../pages/examples/data-table-with-footer.tsx | 1 - .../examples/data-table-with-row-heading-links.tsx | 1 - .../examples/data-table-with-totals-in-footer.tsx | 1 - .../pages/examples/deprecated-card-default.tsx | 1 - .../pages/examples/description-list-default.tsx | 1 - .../pages/examples/divider-with-border-styles.tsx | 1 - .../pages/examples/drop-zone-medium-sized.tsx | 1 - .../pages/examples/drop-zone-small-sized.tsx | 1 - .../pages/examples/drop-zone-with-a-label.tsx | 1 - .../pages/examples/empty-state-default.tsx | 1 - .../examples/empty-state-with-full-width-layout.tsx | 1 - .../empty-state-with-subdued-footer-context.tsx | 1 - .../pages/examples/exception-list-default.tsx | 1 - .../pages/examples/footer-help-default.tsx | 1 - .../examples/form-layout-condensed-field-group.tsx | 1 - .../pages/examples/form-layout-default.tsx | 1 - .../pages/examples/form-layout-field-group.tsx | 1 - .../pages/examples/grid-custom-layout.tsx | 1 - .../pages/examples/grid-three-one-third-column.tsx | 1 - polaris.shopify.com/pages/examples/grid-two-column.tsx | 1 - .../examples/grid-two-thirds-and-one-third-column.tsx | 1 - polaris.shopify.com/pages/examples/icon-colored.tsx | 1 - polaris.shopify.com/pages/examples/icon-default.tsx | 1 - .../pages/examples/icon-with-backdrop.tsx | 1 - .../pages/examples/icon-with-custom-svg-and-color.tsx | 1 - .../pages/examples/icon-with-custom-svg.tsx | 1 - .../pages/examples/index-table-default.tsx | 1 - .../pages/examples/index-table-flush.tsx | 1 - .../pages/examples/index-table-small-screen.tsx | 1 - ...le-with-bulk-actions-and-selection-across-pages.tsx | 1 - .../pages/examples/index-table-with-bulk-actions.tsx | 1 - .../index-table-with-clickable-button-column.tsx | 1 - .../pages/examples/index-table-with-empty-state.tsx | 1 - .../pages/examples/index-table-with-loading-state.tsx | 1 - ...index-table-with-multiple-promoted-bulk-actions.tsx | 1 - .../examples/index-table-with-row-navigation-link.tsx | 1 - .../pages/examples/index-table-with-row-status.tsx | 1 - .../examples/index-table-with-sticky-last-column.tsx | 1 - .../pages/examples/index-table-without-checkboxes.tsx | 1 - .../pages/examples/inline-error-default.tsx | 1 - .../pages/examples/inline-with-align.tsx | 1 - .../pages/examples/inline-with-block-align.tsx | 1 - polaris.shopify.com/pages/examples/inline-with-gap.tsx | 1 - .../pages/examples/inline-with-non-wrapping.tsx | 1 - .../pages/examples/keyboard-key-default.tsx | 1 - .../pages/examples/keyboard-key-list-of-shortcuts.tsx | 1 - .../layout-annotated-with-banner-at-the-top.tsx | 1 - .../pages/examples/layout-annotated-with-sections.tsx | 1 - .../pages/examples/layout-annotated.tsx | 1 - .../pages/examples/layout-one-column.tsx | 1 - .../examples/layout-three-columns-with-equal-width.tsx | 1 - .../examples/layout-two-columns-with-equal-width.tsx | 1 - ...t-two-columns-with-primary-and-secondary-widths.tsx | 1 - .../pages/examples/legacy-card-default.tsx | 1 - .../examples/legacy-card-with-a-subdued-section.tsx | 1 - .../pages/examples/legacy-card-with-all-elements.tsx | 1 - .../legacy-card-with-custom-footer-actions.tsx | 1 - .../legacy-card-with-custom-react-node-title.tsx | 1 - .../examples/legacy-card-with-destructive-action.tsx | 1 - .../legacy-card-with-destructive-footer-action.tsx | 1 - .../examples/legacy-card-with-flushed-sections.tsx | 1 - .../pages/examples/legacy-card-with-footer-actions.tsx | 1 - .../pages/examples/legacy-card-with-header-actions.tsx | 1 - .../legacy-card-with-multiple-footer-actions.tsx | 1 - .../examples/legacy-card-with-multiple-sections.tsx | 1 - .../legacy-card-with-multiple-titled-sections.tsx | 1 - .../examples/legacy-card-with-sections-and-actions.tsx | 1 - .../examples/legacy-card-with-separate-header.tsx | 1 - .../legacy-card-with-subdued-for-secondary-content.tsx | 1 - .../pages/examples/legacy-card-with-subsection.tsx | 1 - .../pages/examples/legacy-stack-default.tsx | 1 - ...egacy-stack-fill-available-space-proportionally.tsx | 1 - .../pages/examples/legacy-stack-non-wrapping.tsx | 1 - .../pages/examples/legacy-stack-spacing.tsx | 1 - .../pages/examples/legacy-stack-vertical-centering.tsx | 1 - ...k-where-a-single-item-fills-the-remaining-space.tsx | 1 - .../legacy-stack-where-items-fill-space-evenly.tsx | 1 - polaris.shopify.com/pages/examples/link-default.tsx | 1 - polaris.shopify.com/pages/examples/link-external.tsx | 1 - .../pages/examples/link-monochrome-in-a-banner.tsx | 1 - polaris.shopify.com/pages/examples/link-monochrome.tsx | 1 - polaris.shopify.com/pages/examples/list-bulleted.tsx | 1 - .../pages/examples/list-extra-tight.tsx | 1 - polaris.shopify.com/pages/examples/list-numbered.tsx | 1 - polaris.shopify.com/pages/examples/listbox-default.tsx | 1 - .../pages/examples/listbox-with-action.tsx | 1 - .../pages/examples/listbox-with-custom-element.tsx | 1 - .../pages/examples/listbox-with-loading.tsx | 1 - .../pages/examples/listbox-with-search.tsx | 2 +- polaris.shopify.com/pages/examples/loading-default.tsx | 1 - .../pages/examples/media-card-default.tsx | 1 - .../pages/examples/media-card-portrait-video-card.tsx | 1 - .../pages/examples/media-card-video-card.tsx | 1 - .../pages/examples/media-card-with-no-actions.tsx | 1 - .../examples/media-card-with-secondary-action.tsx | 1 - .../pages/examples/media-card-with-small-visual.tsx | 1 - .../pages/examples/navigation-default.tsx | 1 - .../pages/examples/navigation-using-major-icons.tsx | 1 - ...ondary-action-for-a-section-and-a-section-title.tsx | 1 - .../navigation-with-a-secondary-action-for-an-item.tsx | 1 - ...ctive-root-item-with-secondary-navigation-items.tsx | 1 - .../pages/examples/navigation-with-aria-labelledby.tsx | 1 - .../navigation-with-multiple-secondary-actions.tsx | 1 - .../navigation-with-multiple-secondary-navigations.tsx | 1 - .../pages/examples/navigation-with-section-rollup.tsx | 1 - .../examples/navigation-with-section-separator.tsx | 1 - .../navigation-with-truncation-for-various-states.tsx | 1 - ...tion-with-various-states-and-secondary-elements.tsx | 1 - .../pages/examples/page-actions-default.tsx | 1 - .../examples/page-actions-primary-action-only.tsx | 1 - .../page-actions-with-custom-primary-action.tsx | 1 - .../page-actions-with-custom-secondary-action.tsx | 1 - polaris.shopify.com/pages/examples/page-default.tsx | 1 - polaris.shopify.com/pages/examples/page-full-width.tsx | 1 - .../pages/examples/page-narrow-width.tsx | 1 - .../pages/examples/page-with-action-groups.tsx | 1 - .../pages/examples/page-with-content-after-title.tsx | 1 - .../pages/examples/page-with-custom-primary-action.tsx | 1 - .../examples/page-with-custom-secondary-action.tsx | 1 - .../page-with-destructive-secondary-action.tsx | 1 - .../pages/examples/page-with-divider.tsx | 1 - .../pages/examples/page-with-external-link.tsx | 1 - .../pages/examples/page-with-subtitle.tsx | 1 - .../pages/examples/page-with-tooltip-action.tsx | 1 - .../pages/examples/page-without-pagination.tsx | 1 - .../examples/page-without-primary-action-in-header.tsx | 1 - .../pages/examples/pagination-default.tsx | 1 - .../examples/pagination-with-keyboard-navigation.tsx | 1 - .../pages/examples/pagination-with-label.tsx | 1 - .../pages/examples/popover-with-searchable-listbox.tsx | 2 +- .../pages/examples/progress-bar-colored.tsx | 1 - .../pages/examples/progress-bar-default.tsx | 1 - .../pages/examples/progress-bar-non-animated.tsx | 1 - .../pages/examples/progress-bar-small.tsx | 1 - .../pages/examples/resource-item-with-media.tsx | 1 - .../examples/resource-item-with-shortcut-actions.tsx | 1 - .../examples/resource-item-with-vertical-alignment.tsx | 1 - .../pages/examples/resource-list-default.tsx | 1 - .../examples/resource-list-with-alternate-tool.tsx | 1 - .../pages/examples/resource-list-with-empty-state.tsx | 1 - .../resource-list-with-item-shortcut-actions.tsx | 1 - ...urce-list-with-persistent-item-shortcut-actions.tsx | 1 - .../pages/examples/resource-list-with-total-count.tsx | 1 - .../pages/examples/scrollable-default.tsx | 1 - .../pages/examples/scrollable-to-child-component.tsx | 1 - polaris.shopify.com/pages/examples/select-disabled.tsx | 1 - .../pages/examples/sheet-with-searchable-listbox.tsx | 2 +- .../pages/examples/skeleton-body-text-default.tsx | 1 - .../skeleton-body-text-single-line-content.tsx | 1 - .../examples/skeleton-display-text-extra-large.tsx | 1 - .../skeleton-display-text-medium-and-large.tsx | 1 - .../pages/examples/skeleton-display-text-small.tsx | 1 - .../examples/skeleton-page-with-dynamic-content.tsx | 1 - .../examples/skeleton-page-with-static-content.tsx | 1 - .../pages/examples/skeleton-tabs-default.tsx | 1 - .../examples/skeleton-tabs-with-a-custom-count.tsx | 1 - .../pages/examples/skeleton-thumbnail-extra-small.tsx | 1 - .../pages/examples/skeleton-thumbnail-large.tsx | 1 - .../pages/examples/skeleton-thumbnail-medium.tsx | 1 - .../pages/examples/skeleton-thumbnail-small.tsx | 1 - polaris.shopify.com/pages/examples/spinner-default.tsx | 1 - polaris.shopify.com/pages/examples/spinner-small.tsx | 1 - polaris.shopify.com/pages/examples/stack-default.tsx | 1 - .../pages/examples/stack-with-align.tsx | 1 - polaris.shopify.com/pages/examples/stack-with-gap.tsx | 1 - polaris.shopify.com/pages/examples/tag-clickable.tsx | 1 - polaris.shopify.com/pages/examples/tag-default.tsx | 1 - .../pages/examples/tag-with-custom-content.tsx | 1 - polaris.shopify.com/pages/examples/tag-with-link.tsx | 1 - polaris.shopify.com/pages/examples/text-align.tsx | 1 - polaris.shopify.com/pages/examples/text-body.tsx | 1 - polaris.shopify.com/pages/examples/text-color.tsx | 1 - .../pages/examples/text-container-default.tsx | 1 - .../pages/examples/text-container-loose.tsx | 1 - .../pages/examples/text-container-tight.tsx | 1 - .../pages/examples/text-field-disabled.tsx | 1 - polaris.shopify.com/pages/examples/text-heading.tsx | 1 - polaris.shopify.com/pages/examples/text-weight.tsx | 1 - .../pages/examples/thumbnail-default.tsx | 1 - .../pages/examples/thumbnail-extra-small.tsx | 1 - polaris.shopify.com/pages/examples/thumbnail-large.tsx | 1 - polaris.shopify.com/pages/examples/thumbnail-small.tsx | 1 - .../pages/examples/thumbnail-with-component-source.tsx | 1 - polaris.shopify.com/pages/examples/tooltip-default.tsx | 1 - .../tooltip-visible-only-with-child-interaction.tsx | 1 - .../pages/examples/tooltip-with-suffix.tsx | 1 - .../pages/examples/video-thumbnail-default.tsx | 1 - .../pages/examples/video-thumbnail-with-progress.tsx | 1 - polaris.shopify.com/pages/tokens/breakpoints.tsx | 1 - polaris.shopify.com/pages/tokens/colors.tsx | 1 - polaris.shopify.com/pages/tokens/depth.tsx | 1 - polaris.shopify.com/pages/tokens/font.tsx | 1 - polaris.shopify.com/pages/tokens/motion.tsx | 1 - polaris.shopify.com/pages/tokens/shape.tsx | 1 - polaris.shopify.com/pages/tokens/spacing.tsx | 1 - polaris.shopify.com/pages/tokens/typography.tsx | 1 - polaris.shopify.com/pages/tokens/z-index.tsx | 1 - polaris.shopify.com/playroom/FrameComponent.tsx | 2 +- polaris.shopify.com/src/components/Button/Button.tsx | 2 +- .../ExampleWrapper/LinkButton/LinkButton.tsx | 1 - polaris.shopify.com/src/components/Grid/Grid.tsx | 2 +- .../src/components/Markdown/Markdown.tsx | 1 - .../src/components/PatternPage/PatternPage.tsx | 8 +------- .../components/SandboxContainer/SandboxContainer.tsx | 1 - polaris.shopify.com/src/utils/hooks.ts | 2 +- 808 files changed, 217 insertions(+), 945 deletions(-) diff --git a/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.input.tsx b/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.input.tsx index 4be474e3865..843f786e0f5 100644 --- a/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.input.tsx +++ b/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.input.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - interface MyComponentProps { prop?: string; newProp?: string; diff --git a/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.output.tsx b/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.output.tsx index 9305ddb375b..d4ead638db8 100644 --- a/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.output.tsx +++ b/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.output.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - interface MyComponentProps { prop?: string; newProp?: string; diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.input.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.input.tsx index 278211d8fdf..58709cfbcb7 100644 --- a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.input.tsx +++ b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Card} from '@shopify/polaris'; const MyCard = Card; diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.output.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.output.tsx index 137f73424ef..8ff847a51e0 100644 --- a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.output.tsx +++ b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {LegacyCard} from '@shopify/polaris'; const MyCard = LegacyCard; diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.input.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.input.tsx index 60830ff037f..eb968d2f8e2 100644 --- a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.input.tsx +++ b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Stack} from '@shopify/polaris'; const MyStack = Stack; diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.output.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.output.tsx index ab49d74d730..72b1861a027 100644 --- a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.output.tsx +++ b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {LegacyStack} from '@shopify/polaris'; const MyStack = LegacyStack; diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.input.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.input.tsx index d80b696d34e..94bf07ba2ea 100644 --- a/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.input.tsx +++ b/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {CardProps} from '@shopify/polaris'; export interface MyCardProps extends CardProps {} diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.output.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.output.tsx index bd6065aee0c..4f4e35e5b11 100644 --- a/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.output.tsx +++ b/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {LegacyCardProps} from '@shopify/polaris'; export interface MyCardProps extends LegacyCardProps {} diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.input.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.input.tsx index 3b0a83177a4..e8429fb904e 100644 --- a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.input.tsx +++ b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Card as PolarisCard} from '@shopify/polaris'; const MyCard = PolarisCard; diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.output.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.output.tsx index 535ef3cf617..318feb501b7 100644 --- a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.output.tsx +++ b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Card as PolarisCard} from '@shopify/polaris'; const MyCard = PolarisCard; diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.input.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.input.tsx index f13016e992a..025a37d771b 100644 --- a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.input.tsx +++ b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Card as PolarisCard} from '@shopify/polaris'; const MyCard = PolarisCard; diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.output.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.output.tsx index fdd21ea489b..f1216f9f5f5 100644 --- a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.output.tsx +++ b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Card as PolarisCard} from '@shopify/polaris'; const MyCard = PolarisCard; diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.input.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.input.tsx index db747809228..f2382fd31d8 100644 --- a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.input.tsx +++ b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Card as PolarisCard} from '@shopify/polaris'; const MyCard = PolarisCard; diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.output.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.output.tsx index 7e04fd4be1c..bb7d8a4f6fe 100644 --- a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.output.tsx +++ b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {LegacyCard} from '@shopify/polaris'; const MyCard = LegacyCard; diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.input.tsx index d74f6d01b66..63b4e8a6eba 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.input.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import { Caption, DisplayText, diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.output.tsx index 92ddf39c233..17d2b01af33 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.output.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Text, InlineCode} from '@shopify/polaris'; export function App() { diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.input.tsx index ac71d0e75f7..37d61c1a226 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.input.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Caption, DisplayText} from '@shopify/polaris'; export function App() { diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.output.tsx index 4ad56081887..dea5b53fe7d 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.output.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import { /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */ /* Replace with: Text */ diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.input.tsx index c7a5847f131..dbbdc7d5d86 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.input.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import { Caption, DisplayText, diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.output.tsx index 80f96e965ac..fb9e8ef8fd5 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.output.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import { /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */ /* Replace with: Text */ diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.input.tsx index f82c7899701..ea764f3253b 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.input.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {CaptionProps} from '@shopify/polaris'; import {Caption, DisplayText} from '@shopify/polaris'; diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.output.tsx index 24f6a112286..b3377530a61 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.output.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type { /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */ /* Replace with: TextProps */ diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.input.tsx index e82264d9e71..d85d074214d 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.input.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {TextStyleProps} from '@shopify/polaris'; import { DisplayText, diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.output.tsx index 832b1862710..4027187c0ce 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.output.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type { /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */ /* Replace with: TextProps */ diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.input.tsx index bc45c624cf4..a2ea1d24cdb 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.input.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.input.tsx @@ -1,13 +1,5 @@ // @ts-nocheck -import React from 'react'; -import { - DisplayText, - Caption, - Heading, - Subheading, - TextStyle, - VisuallyHidden, -} from '@shopify/polaris'; +import { DisplayText, Caption, Heading, Subheading, TextStyle, VisuallyHidden } from '@shopify/polaris'; export function App() { return ( diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.output.tsx index 14bce256408..e97368adaf0 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.output.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.output.tsx @@ -1,13 +1,5 @@ // @ts-nocheck -import React from 'react'; -import { - DisplayText, - Caption, - Subheading, - TextStyle, - VisuallyHidden, - Text, -} from '@shopify/polaris'; +import { DisplayText, Caption, Subheading, TextStyle, VisuallyHidden, Text } from '@shopify/polaris'; export function App() { return ( diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.input.tsx index c9363744f98..d99c583c5c6 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.input.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {HeadingProps} from '@shopify/polaris'; import {Subheading} from '@shopify/polaris'; diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.output.tsx index 75d5576ac52..1e32fcb8f39 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.output.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type { /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */ /* Replace with: TextProps */ diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.input.tsx index 2459942aa53..d5246c426ff 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.input.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.input.tsx @@ -1,7 +1,5 @@ // @ts-nocheck -import React from 'react'; - -import {DisplayText} from '../DisplayText'; +import { DisplayText } from '../DisplayText'; export function App() { return Display text; diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.output.tsx index 0b2165fa42b..5ac90e4d2ee 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.output.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.output.tsx @@ -1,7 +1,5 @@ // @ts-nocheck -import React from 'react'; - -import {Text} from '../Text'; +import { Text } from '../Text'; export function App() { return ( diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.input.tsx index e8b245df74d..1c2eb4e315a 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.input.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.input.tsx @@ -1,7 +1,5 @@ // @ts-nocheck -import React from 'react'; - -import type {HeadingProps} from '../Heading'; +import type { HeadingProps } from '../Heading'; import {TextStyle} from '../TextStyle'; const MyHeading = (_props: HeadingProps) => { diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.output.tsx index 96fdf6212a6..e22ca02456b 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.output.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.output.tsx @@ -1,6 +1,4 @@ // @ts-nocheck -import React from 'react'; - import type { /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */ /* Replace with: TextProps */ diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.input.tsx index 538adb29ef6..9d266bfbe75 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.input.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.input.tsx @@ -1,7 +1,5 @@ // @ts-nocheck -import React from 'react'; - -import type {TextStyleProps} from '../TextStyle'; +import type { TextStyleProps } from '../TextStyle'; const MyTextStyle = (_props: TextStyleProps) => { return null; diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.output.tsx index 6e1d5eaad6a..363e26b1414 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.output.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.output.tsx @@ -1,6 +1,4 @@ // @ts-nocheck -import React from 'react'; - import type { /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */ /* Replace with: TextProps */ diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.input.tsx index 26f7d52c423..d8f140f0829 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.input.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.input.tsx @@ -1,7 +1,5 @@ // @ts-nocheck -import React from 'react'; - -import {DisplayText} from '../DisplayText'; +import { DisplayText } from '../DisplayText'; import {Heading} from '../Heading'; import {Subheading} from '../Subheading'; import {Caption} from '../Caption'; diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.output.tsx index 38cea8f97a9..1c6bfecd6b9 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.output.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.output.tsx @@ -1,6 +1,4 @@ // @ts-nocheck -import React from 'react'; - import { /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */ /* Replace with: Text */ diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.input.tsx index 269155605f5..33e5f69b91a 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.input.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {TextStyleProps} from '@shopify/polaris'; const MyTextStyle = (_props: TextStyleProps) => { diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.output.tsx index 6e35285fdbe..7dd170e17ef 100644 --- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.output.tsx +++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type { /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */ /* Replace with: TextProps */ diff --git a/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.input.tsx b/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.input.tsx index 9c1bb22d4ca..3aa99181da4 100644 --- a/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.input.tsx +++ b/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.input.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Page} from '@shopify/polaris'; export function App({ diff --git a/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.output.tsx b/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.output.tsx index 301c99ebc69..6004a42dd50 100644 --- a/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.output.tsx +++ b/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.output.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Page} from '@shopify/polaris'; export function App({ diff --git a/polaris-react/.storybook/GridOverlay/GridOverlay.tsx b/polaris-react/.storybook/GridOverlay/GridOverlay.tsx index 3ed4131a04e..781e80e2b92 100644 --- a/polaris-react/.storybook/GridOverlay/GridOverlay.tsx +++ b/polaris-react/.storybook/GridOverlay/GridOverlay.tsx @@ -1,4 +1,4 @@ -import React, {useState} from 'react'; +import {useState} from 'react'; // eslint-disable-next-line import/no-deprecated import {EventListener} from '../../src'; import {classNames} from '../../src/utilities/css'; diff --git a/polaris-react/.storybook/RenderPerformanceProfiler/RenderPerformanceProfiler.tsx b/polaris-react/.storybook/RenderPerformanceProfiler/RenderPerformanceProfiler.tsx index 4f757177afc..fda404a7173 100644 --- a/polaris-react/.storybook/RenderPerformanceProfiler/RenderPerformanceProfiler.tsx +++ b/polaris-react/.storybook/RenderPerformanceProfiler/RenderPerformanceProfiler.tsx @@ -1,4 +1,4 @@ -import React, {PropsWithChildren} from 'react'; +import { Profiler, PropsWithChildren } from 'react'; interface Data { id: string; @@ -34,7 +34,7 @@ export const RenderPerformanceProfiler = ({ } return ( - { const data = { @@ -48,6 +48,6 @@ export const RenderPerformanceProfiler = ({ }} > {children} - + ); }; diff --git a/polaris-react/.storybook/manager.js b/polaris-react/.storybook/manager.js index 92a2a0dfc59..b4098fb8855 100644 --- a/polaris-react/.storybook/manager.js +++ b/polaris-react/.storybook/manager.js @@ -1,4 +1,3 @@ -import React from 'react'; import {AddonPanel, ArgsTable} from '@storybook/components'; import {addons, types} from '@storybook/addons'; import {useGlobals} from '@storybook/api'; diff --git a/polaris-react/.storybook/preview.js b/polaris-react/.storybook/preview.js index 9c3746309b4..37711c5cdb0 100644 --- a/polaris-react/.storybook/preview.js +++ b/polaris-react/.storybook/preview.js @@ -1,4 +1,4 @@ -import React from 'react'; +import { StrictMode, Fragment } from 'react'; import {AppProvider} from '../src'; import enTranslations from '../locales/en.json'; @@ -9,7 +9,7 @@ import {breakpoints} from '@shopify/polaris-tokens'; function StrictModeDecorator(Story, context) { const {strictMode} = context.globals; - const Wrapper = strictMode ? React.StrictMode : React.Fragment; + const Wrapper = strictMode ? StrictMode : Fragment; return ( @@ -45,7 +45,7 @@ function GridOverlayDecorator(Story, context) { function ReactRenderProfiler(Story, context) { const {profiler} = context.globals; - const Wrapper = profiler ? RenderPerformanceProfiler : React.Fragment; + const Wrapper = profiler ? RenderPerformanceProfiler : Fragment; const props = profiler ? {id: context.id, kind: context.kind} : {}; return ( diff --git a/polaris-react/playground/DetailsPage.tsx b/polaris-react/playground/DetailsPage.tsx index ea4fdc5732d..375abd2cf18 100644 --- a/polaris-react/playground/DetailsPage.tsx +++ b/polaris-react/playground/DetailsPage.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useRef, useState} from 'react'; +import { useCallback, useRef, useState } from 'react'; import { AnalyticsMajor, AppsMajor, diff --git a/polaris-react/playground/KitchenSink.tsx b/polaris-react/playground/KitchenSink.tsx index eeb53f4afaa..770861903cb 100644 --- a/polaris-react/playground/KitchenSink.tsx +++ b/polaris-react/playground/KitchenSink.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {RenderPerformanceProfiler} from '../.storybook/RenderPerformanceProfiler'; interface Stories { diff --git a/polaris-react/playground/Playground.tsx b/polaris-react/playground/Playground.tsx index 355f6b984f2..6009e657e69 100644 --- a/polaris-react/playground/Playground.tsx +++ b/polaris-react/playground/Playground.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Page} from '../src'; export function Playground() { diff --git a/polaris-react/src/components/AccountConnection/AccountConnection.stories.tsx b/polaris-react/src/components/AccountConnection/AccountConnection.stories.tsx index 3a739793182..ea3f669d9b1 100644 --- a/polaris-react/src/components/AccountConnection/AccountConnection.stories.tsx +++ b/polaris-react/src/components/AccountConnection/AccountConnection.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {AccountConnection, Link} from '@shopify/polaris'; diff --git a/polaris-react/src/components/AccountConnection/AccountConnection.tsx b/polaris-react/src/components/AccountConnection/AccountConnection.tsx index 64790a4a107..7996539a66a 100644 --- a/polaris-react/src/components/AccountConnection/AccountConnection.tsx +++ b/polaris-react/src/components/AccountConnection/AccountConnection.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import type {Action} from '../../types'; import {Avatar} from '../Avatar'; import {buttonFrom} from '../Button'; diff --git a/polaris-react/src/components/AccountConnection/tests/AccountConnection.test.tsx b/polaris-react/src/components/AccountConnection/tests/AccountConnection.test.tsx index aac5109963c..f7591d9b7e4 100644 --- a/polaris-react/src/components/AccountConnection/tests/AccountConnection.test.tsx +++ b/polaris-react/src/components/AccountConnection/tests/AccountConnection.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {matchMedia} from '@shopify/jest-dom-mocks'; diff --git a/polaris-react/src/components/ActionList/ActionList.stories.tsx b/polaris-react/src/components/ActionList/ActionList.stories.tsx index f6900faeef7..437778e1c24 100644 --- a/polaris-react/src/components/ActionList/ActionList.stories.tsx +++ b/polaris-react/src/components/ActionList/ActionList.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { ActionList, diff --git a/polaris-react/src/components/ActionList/ActionList.tsx b/polaris-react/src/components/ActionList/ActionList.tsx index 7ec14e87b69..9c3cfb9c469 100644 --- a/polaris-react/src/components/ActionList/ActionList.tsx +++ b/polaris-react/src/components/ActionList/ActionList.tsx @@ -1,4 +1,4 @@ -import React, {useRef} from 'react'; +import { useRef } from 'react'; import { wrapFocusNextFocusableMenuItem, diff --git a/polaris-react/src/components/ActionList/components/Item/Item.tsx b/polaris-react/src/components/ActionList/components/Item/Item.tsx index 1f13460adf8..82e9d98ce23 100644 --- a/polaris-react/src/components/ActionList/components/Item/Item.tsx +++ b/polaris-react/src/components/ActionList/components/Item/Item.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../utilities/css'; import type {ActionListItemDescriptor} from '../../../../types'; import {Scrollable} from '../../../Scrollable'; diff --git a/polaris-react/src/components/ActionList/components/Item/tests/Item.test.tsx b/polaris-react/src/components/ActionList/components/Item/tests/Item.test.tsx index 5494718b75d..bea01b66f60 100644 --- a/polaris-react/src/components/ActionList/components/Item/tests/Item.test.tsx +++ b/polaris-react/src/components/ActionList/components/Item/tests/Item.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Item} from '../Item'; diff --git a/polaris-react/src/components/ActionList/components/Section/Section.tsx b/polaris-react/src/components/ActionList/components/Section/Section.tsx index 921d6b83681..3d84749c035 100644 --- a/polaris-react/src/components/ActionList/components/Section/Section.tsx +++ b/polaris-react/src/components/ActionList/components/Section/Section.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Item} from '../Item'; import {Box} from '../../../Box'; import {Text} from '../../../Text'; diff --git a/polaris-react/src/components/ActionList/components/Section/tests/Section.test.tsx b/polaris-react/src/components/ActionList/components/Section/tests/Section.test.tsx index 90e03ec68d6..f2259961398 100644 --- a/polaris-react/src/components/ActionList/components/Section/tests/Section.test.tsx +++ b/polaris-react/src/components/ActionList/components/Section/tests/Section.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Item} from '../../Item'; diff --git a/polaris-react/src/components/ActionList/tests/ActionList.test.tsx b/polaris-react/src/components/ActionList/tests/ActionList.test.tsx index 14ed6e9cab5..d82dceb53c3 100644 --- a/polaris-react/src/components/ActionList/tests/ActionList.test.tsx +++ b/polaris-react/src/components/ActionList/tests/ActionList.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {ImportMinor, ExportMinor} from '@shopify/polaris-icons'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/ActionMenu/ActionMenu.tsx b/polaris-react/src/components/ActionMenu/ActionMenu.tsx index b09fb002bdd..a60263ad00c 100644 --- a/polaris-react/src/components/ActionMenu/ActionMenu.tsx +++ b/polaris-react/src/components/ActionMenu/ActionMenu.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../utilities/css'; import type { ActionListSection, diff --git a/polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx b/polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx index 5f7c44b4873..32679e6566e 100644 --- a/polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx +++ b/polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useMemo, useRef, useState} from 'react'; +import { useCallback, useMemo, useRef, useState } from 'react'; import type { ActionListItemDescriptor, diff --git a/polaris-react/src/components/ActionMenu/components/Actions/tests/Actions.test.tsx b/polaris-react/src/components/ActionMenu/components/Actions/tests/Actions.test.tsx index 6559b07eeb9..0c9b6b6d4f7 100644 --- a/polaris-react/src/components/ActionMenu/components/Actions/tests/Actions.test.tsx +++ b/polaris-react/src/components/ActionMenu/components/Actions/tests/Actions.test.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import {mountWithApp} from 'tests/utilities'; import {ActionMenuProps, ActionMenu} from '../../..'; diff --git a/polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx b/polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx index 5052ed6e5f4..ff1dbadfc47 100644 --- a/polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx +++ b/polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx @@ -1,4 +1,4 @@ -import React, {useCallback} from 'react'; +import { useCallback } from 'react'; import type {ActionListSection, MenuGroupDescriptor} from '../../../../types'; import {ActionList} from '../../../ActionList'; diff --git a/polaris-react/src/components/ActionMenu/components/MenuGroup/tests/MenuGroup.test.tsx b/polaris-react/src/components/ActionMenu/components/MenuGroup/tests/MenuGroup.test.tsx index c47e257866f..9be726c024b 100644 --- a/polaris-react/src/components/ActionMenu/components/MenuGroup/tests/MenuGroup.test.tsx +++ b/polaris-react/src/components/ActionMenu/components/MenuGroup/tests/MenuGroup.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {ActionList} from '../../../../ActionList'; diff --git a/polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx b/polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx index b89e6ce59ad..8091d1aeb87 100644 --- a/polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx +++ b/polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {HorizontalDotsMinor} from '@shopify/polaris-icons'; import type { diff --git a/polaris-react/src/components/ActionMenu/components/RollupActions/tests/RollupActions.test.tsx b/polaris-react/src/components/ActionMenu/components/RollupActions/tests/RollupActions.test.tsx index 5979230dcdc..e4335b7f26f 100644 --- a/polaris-react/src/components/ActionMenu/components/RollupActions/tests/RollupActions.test.tsx +++ b/polaris-react/src/components/ActionMenu/components/RollupActions/tests/RollupActions.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {HorizontalDotsMinor} from '@shopify/polaris-icons'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx b/polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx index d3c0c33527c..3ba77a68052 100644 --- a/polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx +++ b/polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx @@ -1,4 +1,4 @@ -import React, {useEffect, useRef} from 'react'; +import {useEffect, useRef} from 'react'; import {classNames} from '../../../../utilities/css'; import {Tooltip} from '../../../Tooltip'; diff --git a/polaris-react/src/components/ActionMenu/tests/ActionMenu.test.tsx b/polaris-react/src/components/ActionMenu/tests/ActionMenu.test.tsx index 8ff14bcc0c3..6461e3ca8a4 100644 --- a/polaris-react/src/components/ActionMenu/tests/ActionMenu.test.tsx +++ b/polaris-react/src/components/ActionMenu/tests/ActionMenu.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import type { diff --git a/polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx b/polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx index 63b7707006f..6e279bd0908 100644 --- a/polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx +++ b/polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx @@ -1,4 +1,4 @@ -import React, {ReactNode, useEffect} from 'react'; +import { ReactNode, useEffect } from 'react'; import {useIsAfterInitialMount} from '../../utilities/use-is-after-initial-mount'; diff --git a/polaris-react/src/components/AfterInitialMount/test/AfterInitialMount.test.tsx b/polaris-react/src/components/AfterInitialMount/test/AfterInitialMount.test.tsx index 22a25cf7014..0334bb8eb0b 100644 --- a/polaris-react/src/components/AfterInitialMount/test/AfterInitialMount.test.tsx +++ b/polaris-react/src/components/AfterInitialMount/test/AfterInitialMount.test.tsx @@ -1,4 +1,4 @@ -import React, {useEffect} from 'react'; +import { useEffect } from 'react'; import {mountWithApp} from 'tests/utilities'; import {AfterInitialMount} from '../AfterInitialMount'; diff --git a/polaris-react/src/components/AppProvider/AppProvider.stories.tsx b/polaris-react/src/components/AppProvider/AppProvider.stories.tsx index 39b1f25388d..635ca6ac838 100644 --- a/polaris-react/src/components/AppProvider/AppProvider.stories.tsx +++ b/polaris-react/src/components/AppProvider/AppProvider.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { AppProvider, diff --git a/polaris-react/src/components/AppProvider/AppProvider.tsx b/polaris-react/src/components/AppProvider/AppProvider.tsx index 9413dc94fb0..b6e7ab99099 100644 --- a/polaris-react/src/components/AppProvider/AppProvider.tsx +++ b/polaris-react/src/components/AppProvider/AppProvider.tsx @@ -1,4 +1,4 @@ -import React, {Component} from 'react'; +import {Component} from 'react'; import {EphemeralPresenceManager} from '../EphemeralPresenceManager'; import {MediaQueryProvider} from '../MediaQueryProvider'; diff --git a/polaris-react/src/components/AppProvider/tests/AppProvider.test.tsx b/polaris-react/src/components/AppProvider/tests/AppProvider.test.tsx index 015400b696c..6910c2735dd 100644 --- a/polaris-react/src/components/AppProvider/tests/AppProvider.test.tsx +++ b/polaris-react/src/components/AppProvider/tests/AppProvider.test.tsx @@ -1,4 +1,4 @@ -import React, {useContext} from 'react'; +import {useContext} from 'react'; import {matchMedia} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Autocomplete/Autocomplete.stories.tsx b/polaris-react/src/components/Autocomplete/Autocomplete.stories.tsx index a51fc0ab604..c03f7b6cc20 100644 --- a/polaris-react/src/components/Autocomplete/Autocomplete.stories.tsx +++ b/polaris-react/src/components/Autocomplete/Autocomplete.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useMemo, useState} from 'react'; +import { useCallback, useMemo, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Autocomplete, diff --git a/polaris-react/src/components/Autocomplete/Autocomplete.tsx b/polaris-react/src/components/Autocomplete/Autocomplete.tsx index a28e05ac408..cad94b9e2df 100644 --- a/polaris-react/src/components/Autocomplete/Autocomplete.tsx +++ b/polaris-react/src/components/Autocomplete/Autocomplete.tsx @@ -1,4 +1,4 @@ -import React, {useMemo, useCallback} from 'react'; +import {useMemo, useCallback} from 'react'; import type { ActionListItemDescriptor, diff --git a/polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx b/polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx index 34fdbe6f5c7..98bdb533450 100644 --- a/polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx +++ b/polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx @@ -1,4 +1,4 @@ -import React, {useMemo} from 'react'; +import {useMemo} from 'react'; import type {ActionListItemDescriptor} from '../../../../types'; import {Badge} from '../../../Badge'; diff --git a/polaris-react/src/components/Autocomplete/components/MappedAction/tests/MappedAction.test.tsx b/polaris-react/src/components/Autocomplete/components/MappedAction/tests/MappedAction.test.tsx index a279e646688..cd6161aed1a 100644 --- a/polaris-react/src/components/Autocomplete/components/MappedAction/tests/MappedAction.test.tsx +++ b/polaris-react/src/components/Autocomplete/components/MappedAction/tests/MappedAction.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithListboxProvider} from 'tests/utilities/listbox'; import {Listbox} from '../../../../Listbox'; diff --git a/polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx b/polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx index be95bdd3b47..55a611a4359 100644 --- a/polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx +++ b/polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx @@ -1,4 +1,4 @@ -import React, {memo} from 'react'; +import { memo } from 'react'; import type {OptionDescriptor, ArrayElement} from '../../../../types'; import {Listbox} from '../../../Listbox'; diff --git a/polaris-react/src/components/Autocomplete/components/MappedOption/tests/MappedOption.test.tsx b/polaris-react/src/components/Autocomplete/components/MappedOption/tests/MappedOption.test.tsx index 3b7a1ca8373..1864d7835bc 100644 --- a/polaris-react/src/components/Autocomplete/components/MappedOption/tests/MappedOption.test.tsx +++ b/polaris-react/src/components/Autocomplete/components/MappedOption/tests/MappedOption.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithListboxProvider} from 'tests/utilities/listbox'; import {Listbox} from '../../../../Listbox'; diff --git a/polaris-react/src/components/Autocomplete/tests/Autocomplete.test.tsx b/polaris-react/src/components/Autocomplete/tests/Autocomplete.test.tsx index e80c2f8323c..d406ce2269b 100644 --- a/polaris-react/src/components/Autocomplete/tests/Autocomplete.test.tsx +++ b/polaris-react/src/components/Autocomplete/tests/Autocomplete.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp, ReactTestingElement, CustomRoot} from 'tests/utilities'; import {TextField} from '../../TextField'; diff --git a/polaris-react/src/components/Avatar/Avatar.stories.tsx b/polaris-react/src/components/Avatar/Avatar.stories.tsx index cbc0d7dc052..ae1cffcea30 100644 --- a/polaris-react/src/components/Avatar/Avatar.stories.tsx +++ b/polaris-react/src/components/Avatar/Avatar.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { ActionList, diff --git a/polaris-react/src/components/Avatar/Avatar.tsx b/polaris-react/src/components/Avatar/Avatar.tsx index 535d8fa65cd..2fb1640cb01 100644 --- a/polaris-react/src/components/Avatar/Avatar.tsx +++ b/polaris-react/src/components/Avatar/Avatar.tsx @@ -1,4 +1,4 @@ -import React, {useState, useCallback, useEffect} from 'react'; +import { useState, useCallback, useEffect } from 'react'; import {classNames, variationName} from '../../utilities/css'; import {useI18n} from '../../utilities/i18n'; diff --git a/polaris-react/src/components/Avatar/tests/Avatar-ssr.test.tsx b/polaris-react/src/components/Avatar/tests/Avatar-ssr.test.tsx index 08404ff39de..98cd551f2f5 100644 --- a/polaris-react/src/components/Avatar/tests/Avatar-ssr.test.tsx +++ b/polaris-react/src/components/Avatar/tests/Avatar-ssr.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Image} from '../../Image'; diff --git a/polaris-react/src/components/Avatar/tests/Avatar.test.tsx b/polaris-react/src/components/Avatar/tests/Avatar.test.tsx index 1487bf253c5..a7a9b09c6a7 100644 --- a/polaris-react/src/components/Avatar/tests/Avatar.test.tsx +++ b/polaris-react/src/components/Avatar/tests/Avatar.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Image} from '../../Image'; diff --git a/polaris-react/src/components/Backdrop/Backdrop.tsx b/polaris-react/src/components/Backdrop/Backdrop.tsx index 10c2539ca97..e6eef7a2542 100644 --- a/polaris-react/src/components/Backdrop/Backdrop.tsx +++ b/polaris-react/src/components/Backdrop/Backdrop.tsx @@ -1,4 +1,4 @@ -import React, {Dispatch, SetStateAction} from 'react'; +import { Dispatch, SetStateAction } from 'react'; import {classNames} from '../../utilities/css'; import {ScrollLock} from '../ScrollLock'; diff --git a/polaris-react/src/components/Backdrop/tests/Backdrop.test.tsx b/polaris-react/src/components/Backdrop/tests/Backdrop.test.tsx index 1ef6edb749f..70a81b6e5ba 100644 --- a/polaris-react/src/components/Backdrop/tests/Backdrop.test.tsx +++ b/polaris-react/src/components/Backdrop/tests/Backdrop.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Backdrop} from '..'; diff --git a/polaris-react/src/components/Badge/Badge.stories.tsx b/polaris-react/src/components/Badge/Badge.stories.tsx index 76c86d77eb0..cf47eae035c 100644 --- a/polaris-react/src/components/Badge/Badge.stories.tsx +++ b/polaris-react/src/components/Badge/Badge.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Badge} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Badge/Badge.tsx b/polaris-react/src/components/Badge/Badge.tsx index 1fb8ae0112c..d0db82da20c 100644 --- a/polaris-react/src/components/Badge/Badge.tsx +++ b/polaris-react/src/components/Badge/Badge.tsx @@ -1,4 +1,4 @@ -import React, {useContext} from 'react'; +import { useContext } from 'react'; import {classNames, variationName} from '../../utilities/css'; import {useI18n} from '../../utilities/i18n'; diff --git a/polaris-react/src/components/Badge/components/Pip/Pip.tsx b/polaris-react/src/components/Badge/components/Pip/Pip.tsx index 3faa53632fd..5b161390034 100644 --- a/polaris-react/src/components/Badge/components/Pip/Pip.tsx +++ b/polaris-react/src/components/Badge/components/Pip/Pip.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames, variationName} from '../../../../utilities/css'; import type {Progress, Status} from '../../types'; import {Text} from '../../../Text'; diff --git a/polaris-react/src/components/Badge/tests/Badge.test.tsx b/polaris-react/src/components/Badge/tests/Badge.test.tsx index fdd52dcc868..d0b2f7a0cf7 100644 --- a/polaris-react/src/components/Badge/tests/Badge.test.tsx +++ b/polaris-react/src/components/Badge/tests/Badge.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {GlobeMinor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/Banner/Banner.stories.tsx b/polaris-react/src/components/Banner/Banner.stories.tsx index d7f6a2c59c2..a444eada99b 100644 --- a/polaris-react/src/components/Banner/Banner.stories.tsx +++ b/polaris-react/src/components/Banner/Banner.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useEffect, useRef, useState} from 'react'; +import { useCallback, useEffect, useRef, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Stack, diff --git a/polaris-react/src/components/Banner/Banner.tsx b/polaris-react/src/components/Banner/Banner.tsx index af73e6b690a..ecec4ba8ef7 100644 --- a/polaris-react/src/components/Banner/Banner.tsx +++ b/polaris-react/src/components/Banner/Banner.tsx @@ -1,4 +1,4 @@ -import React, { +import { forwardRef, useRef, useState, diff --git a/polaris-react/src/components/Banner/tests/Banner.test.tsx b/polaris-react/src/components/Banner/tests/Banner.test.tsx index a9fcc3708dc..70b5168ef13 100644 --- a/polaris-react/src/components/Banner/tests/Banner.test.tsx +++ b/polaris-react/src/components/Banner/tests/Banner.test.tsx @@ -1,4 +1,4 @@ -import React, {useEffect, useRef} from 'react'; +import {useEffect, useRef} from 'react'; import { CirclePlusMinor, CircleTickMajor, diff --git a/polaris-react/src/components/Bleed/Bleed.stories.tsx b/polaris-react/src/components/Bleed/Bleed.stories.tsx index f6cf944c83d..278a2009c6c 100644 --- a/polaris-react/src/components/Bleed/Bleed.stories.tsx +++ b/polaris-react/src/components/Bleed/Bleed.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Card, Bleed, Box, Divider, LegacyStack, Text} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Bleed/Bleed.tsx b/polaris-react/src/components/Bleed/Bleed.tsx index 97928ae449a..9705bd4b4ea 100644 --- a/polaris-react/src/components/Bleed/Bleed.tsx +++ b/polaris-react/src/components/Bleed/Bleed.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {SpacingSpaceScale} from '@shopify/polaris-tokens'; import { diff --git a/polaris-react/src/components/Bleed/tests/Bleed.test.tsx b/polaris-react/src/components/Bleed/tests/Bleed.test.tsx index 78eb350cc6d..3a3acffa84b 100644 --- a/polaris-react/src/components/Bleed/tests/Bleed.test.tsx +++ b/polaris-react/src/components/Bleed/tests/Bleed.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Bleed} from '../Bleed'; diff --git a/polaris-react/src/components/Box/Box.stories.tsx b/polaris-react/src/components/Box/Box.stories.tsx index 79a3432e349..baab180d74e 100644 --- a/polaris-react/src/components/Box/Box.stories.tsx +++ b/polaris-react/src/components/Box/Box.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Stack, Box, Icon} from '@shopify/polaris'; import {PaintBrushMajor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/Box/Box.tsx b/polaris-react/src/components/Box/Box.tsx index 50f8d039b83..7980208e7b3 100644 --- a/polaris-react/src/components/Box/Box.tsx +++ b/polaris-react/src/components/Box/Box.tsx @@ -1,4 +1,4 @@ -import React, {createElement, forwardRef} from 'react'; +import {createElement, forwardRef} from 'react'; import type { ColorsActionTokenAlias, ColorsBackdropTokenAlias, diff --git a/polaris-react/src/components/Box/tests/Box.test.tsx b/polaris-react/src/components/Box/tests/Box.test.tsx index 4d6b90efea9..3d57ef90827 100644 --- a/polaris-react/src/components/Box/tests/Box.test.tsx +++ b/polaris-react/src/components/Box/tests/Box.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import type {ColorsTokenName, ShapeTokenName} from '@shopify/polaris-tokens'; diff --git a/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx b/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx index 39f68a2673e..fceb3afc3fc 100644 --- a/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx +++ b/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {ArrowLeftMinor} from '@shopify/polaris-icons'; import {Icon} from '../Icon'; diff --git a/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx b/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx index 766af44ee64..c593cc03bf3 100644 --- a/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx +++ b/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import type {CallbackAction, LinkAction} from '../../../types'; diff --git a/polaris-react/src/components/BulkActions/BulkActions.tsx b/polaris-react/src/components/BulkActions/BulkActions.tsx index 40aaaff048a..6841d5eb70d 100644 --- a/polaris-react/src/components/BulkActions/BulkActions.tsx +++ b/polaris-react/src/components/BulkActions/BulkActions.tsx @@ -1,4 +1,4 @@ -import React, {PureComponent, createRef} from 'react'; +import { PureComponent, createRef } from 'react'; import {Transition} from 'react-transition-group'; import {debounce} from '../../utilities/debounce'; diff --git a/polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx b/polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx index 84b06366a59..c818ccab340 100644 --- a/polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx +++ b/polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx @@ -1,4 +1,4 @@ -import React, {useRef} from 'react'; +import { useRef } from 'react'; import {HorizontalDotsMinor} from '@shopify/polaris-icons'; import type {DisableableAction} from '../../../../types'; diff --git a/polaris-react/src/components/BulkActions/components/BulkActionMenu/BulkActionMenu.tsx b/polaris-react/src/components/BulkActions/components/BulkActionMenu/BulkActionMenu.tsx index be7d26ea790..aca8f0690fe 100644 --- a/polaris-react/src/components/BulkActions/components/BulkActionMenu/BulkActionMenu.tsx +++ b/polaris-react/src/components/BulkActions/components/BulkActionMenu/BulkActionMenu.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Popover} from '../../../Popover'; import {ActionList} from '../../../ActionList'; import {BulkActionButton} from '../BulkActionButton'; diff --git a/polaris-react/src/components/BulkActions/components/BulkActionMenu/tests/BulkActionMenu.test.tsx b/polaris-react/src/components/BulkActions/components/BulkActionMenu/tests/BulkActionMenu.test.tsx index 3e25e6dfe8f..573c21529aa 100644 --- a/polaris-react/src/components/BulkActions/components/BulkActionMenu/tests/BulkActionMenu.test.tsx +++ b/polaris-react/src/components/BulkActions/components/BulkActionMenu/tests/BulkActionMenu.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {ActionList} from '../../../../ActionList'; diff --git a/polaris-react/src/components/BulkActions/hooks/tests/use-is-bulk-actions-sticky.test.tsx b/polaris-react/src/components/BulkActions/hooks/tests/use-is-bulk-actions-sticky.test.tsx index 3dd29f34daa..94271fcaa65 100644 --- a/polaris-react/src/components/BulkActions/hooks/tests/use-is-bulk-actions-sticky.test.tsx +++ b/polaris-react/src/components/BulkActions/hooks/tests/use-is-bulk-actions-sticky.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {intersectionObserver} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/BulkActions/tests/BulkActions.test.tsx b/polaris-react/src/components/BulkActions/tests/BulkActions.test.tsx index ce5b8760bde..a2f26b51ba6 100644 --- a/polaris-react/src/components/BulkActions/tests/BulkActions.test.tsx +++ b/polaris-react/src/components/BulkActions/tests/BulkActions.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Transition, CSSTransition} from 'react-transition-group'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Button/Button.stories.tsx b/polaris-react/src/components/Button/Button.stories.tsx index 2d94e69082d..11138b18654 100644 --- a/polaris-react/src/components/Button/Button.stories.tsx +++ b/polaris-react/src/components/Button/Button.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Button, ButtonGroup} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Button/Button.tsx b/polaris-react/src/components/Button/Button.tsx index eb1b5cc8e03..93d94965c2a 100644 --- a/polaris-react/src/components/Button/Button.tsx +++ b/polaris-react/src/components/Button/Button.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import {useCallback, useState} from 'react'; import { CaretDownMinor, CaretUpMinor, diff --git a/polaris-react/src/components/Button/tests/Button.test.tsx b/polaris-react/src/components/Button/tests/Button.test.tsx index 8bce8d030ec..f8eb99b986f 100644 --- a/polaris-react/src/components/Button/tests/Button.test.tsx +++ b/polaris-react/src/components/Button/tests/Button.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import { CaretDownMinor, CaretUpMinor, diff --git a/polaris-react/src/components/Button/utils.tsx b/polaris-react/src/components/Button/utils.tsx index c4109144e75..30c6f875b12 100644 --- a/polaris-react/src/components/Button/utils.tsx +++ b/polaris-react/src/components/Button/utils.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import type {ComplexAction} from '../../types'; import {Button, ButtonProps} from './Button'; diff --git a/polaris-react/src/components/ButtonGroup/ButtonGroup.stories.tsx b/polaris-react/src/components/ButtonGroup/ButtonGroup.stories.tsx index a7b19723eb4..078ae77087e 100644 --- a/polaris-react/src/components/ButtonGroup/ButtonGroup.stories.tsx +++ b/polaris-react/src/components/ButtonGroup/ButtonGroup.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Button, ButtonGroup} from '@shopify/polaris'; diff --git a/polaris-react/src/components/ButtonGroup/ButtonGroup.tsx b/polaris-react/src/components/ButtonGroup/ButtonGroup.tsx index d8420bc443c..70a9b79d134 100644 --- a/polaris-react/src/components/ButtonGroup/ButtonGroup.tsx +++ b/polaris-react/src/components/ButtonGroup/ButtonGroup.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../utilities/css'; import {elementChildren} from '../../utilities/components'; diff --git a/polaris-react/src/components/ButtonGroup/components/Item/Item.tsx b/polaris-react/src/components/ButtonGroup/components/Item/Item.tsx index 3f6991cae8c..3142fdd11ea 100644 --- a/polaris-react/src/components/ButtonGroup/components/Item/Item.tsx +++ b/polaris-react/src/components/ButtonGroup/components/Item/Item.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {useToggle} from '../../../../utilities/use-toggle'; import {classNames} from '../../../../utilities/css'; import styles from '../../ButtonGroup.scss'; diff --git a/polaris-react/src/components/ButtonGroup/components/Item/tests/Item.test.tsx b/polaris-react/src/components/ButtonGroup/components/Item/tests/Item.test.tsx index cd608c31736..b78fd3f78ab 100644 --- a/polaris-react/src/components/ButtonGroup/components/Item/tests/Item.test.tsx +++ b/polaris-react/src/components/ButtonGroup/components/Item/tests/Item.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Button} from '../../../../Button'; diff --git a/polaris-react/src/components/ButtonGroup/tests/ButtonGroup.test.tsx b/polaris-react/src/components/ButtonGroup/tests/ButtonGroup.test.tsx index 3d7e13fe71c..5d62c619bcc 100644 --- a/polaris-react/src/components/ButtonGroup/tests/ButtonGroup.test.tsx +++ b/polaris-react/src/components/ButtonGroup/tests/ButtonGroup.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Button} from '../../Button'; diff --git a/polaris-react/src/components/CalloutCard/CalloutCard.stories.tsx b/polaris-react/src/components/CalloutCard/CalloutCard.stories.tsx index 299ad3a88a7..92fe17976f3 100644 --- a/polaris-react/src/components/CalloutCard/CalloutCard.stories.tsx +++ b/polaris-react/src/components/CalloutCard/CalloutCard.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Badge, CalloutCard, Text} from '@shopify/polaris'; diff --git a/polaris-react/src/components/CalloutCard/CalloutCard.tsx b/polaris-react/src/components/CalloutCard/CalloutCard.tsx index fd61626c8fd..a81aba760a6 100644 --- a/polaris-react/src/components/CalloutCard/CalloutCard.tsx +++ b/polaris-react/src/components/CalloutCard/CalloutCard.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {CancelSmallMinor} from '@shopify/polaris-icons'; import {classNames} from '../../utilities/css'; diff --git a/polaris-react/src/components/CalloutCard/tests/CalloutCard.test.tsx b/polaris-react/src/components/CalloutCard/tests/CalloutCard.test.tsx index 8875fae19a8..c3d0472b81e 100644 --- a/polaris-react/src/components/CalloutCard/tests/CalloutCard.test.tsx +++ b/polaris-react/src/components/CalloutCard/tests/CalloutCard.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Badge} from '../../Badge'; diff --git a/polaris-react/src/components/Card/Card.stories.tsx b/polaris-react/src/components/Card/Card.stories.tsx index d804f77b5bf..49238d7135d 100644 --- a/polaris-react/src/components/Card/Card.stories.tsx +++ b/polaris-react/src/components/Card/Card.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Card, Stack, Bleed, Box, Divider, List, Text} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Card/Card.tsx b/polaris-react/src/components/Card/Card.tsx index 94e07432a64..dac1d57b265 100644 --- a/polaris-react/src/components/Card/Card.tsx +++ b/polaris-react/src/components/Card/Card.tsx @@ -4,7 +4,6 @@ import type { ShapeBorderRadiusScale, SpacingSpaceScale, } from '@shopify/polaris-tokens'; -import React from 'react'; import {useBreakpoints} from '../../utilities/breakpoints'; import type {ResponsiveProp} from '../../utilities/css'; diff --git a/polaris-react/src/components/Card/tests/Card.test.tsx b/polaris-react/src/components/Card/tests/Card.test.tsx index 34fca04f868..22281e4f6a7 100644 --- a/polaris-react/src/components/Card/tests/Card.test.tsx +++ b/polaris-react/src/components/Card/tests/Card.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {matchMedia} from '@shopify/jest-dom-mocks'; import {setMediaWidth} from 'tests/utilities/breakpoints'; diff --git a/polaris-react/src/components/CheckableButton/CheckableButton.tsx b/polaris-react/src/components/CheckableButton/CheckableButton.tsx index 277ec67b855..dc72f90277b 100644 --- a/polaris-react/src/components/CheckableButton/CheckableButton.tsx +++ b/polaris-react/src/components/CheckableButton/CheckableButton.tsx @@ -1,4 +1,4 @@ -import React, {useRef, useImperativeHandle, forwardRef} from 'react'; +import { useRef, useImperativeHandle, forwardRef } from 'react'; import type {CheckboxHandles} from '../../types'; import {classNames} from '../../utilities/css'; diff --git a/polaris-react/src/components/CheckableButton/tests/CheckableButton.test.tsx b/polaris-react/src/components/CheckableButton/tests/CheckableButton.test.tsx index b9b2f0bd393..7ae01f6fc54 100644 --- a/polaris-react/src/components/CheckableButton/tests/CheckableButton.test.tsx +++ b/polaris-react/src/components/CheckableButton/tests/CheckableButton.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Checkbox} from '../../Checkbox'; diff --git a/polaris-react/src/components/Checkbox/Checkbox.stories.tsx b/polaris-react/src/components/Checkbox/Checkbox.stories.tsx index 16bfcccace4..3e30010a8b6 100644 --- a/polaris-react/src/components/Checkbox/Checkbox.stories.tsx +++ b/polaris-react/src/components/Checkbox/Checkbox.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Checkbox} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Checkbox/Checkbox.tsx b/polaris-react/src/components/Checkbox/Checkbox.tsx index a8640478895..5cc8f7b35e3 100644 --- a/polaris-react/src/components/Checkbox/Checkbox.tsx +++ b/polaris-react/src/components/Checkbox/Checkbox.tsx @@ -1,4 +1,4 @@ -import React, { +import { forwardRef, useRef, useImperativeHandle, diff --git a/polaris-react/src/components/Checkbox/tests/Checkbox.test.tsx b/polaris-react/src/components/Checkbox/tests/Checkbox.test.tsx index 6f7ee36fb06..3d36ee5fee8 100644 --- a/polaris-react/src/components/Checkbox/tests/Checkbox.test.tsx +++ b/polaris-react/src/components/Checkbox/tests/Checkbox.test.tsx @@ -1,4 +1,4 @@ -import React, {AllHTMLAttributes} from 'react'; +import { AllHTMLAttributes } from 'react'; import {mountWithApp} from 'tests/utilities'; import {Checkbox} from '../Checkbox'; diff --git a/polaris-react/src/components/Choice/Choice.tsx b/polaris-react/src/components/Choice/Choice.tsx index 86a0314f534..cde35dfdb69 100644 --- a/polaris-react/src/components/Choice/Choice.tsx +++ b/polaris-react/src/components/Choice/Choice.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../utilities/css'; import type {Error} from '../../types'; import {InlineError} from '../InlineError'; diff --git a/polaris-react/src/components/Choice/tests/Choice.test.tsx b/polaris-react/src/components/Choice/tests/Choice.test.tsx index 5c108f0e9d7..dcc7853acd9 100644 --- a/polaris-react/src/components/Choice/tests/Choice.test.tsx +++ b/polaris-react/src/components/Choice/tests/Choice.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {InlineError} from '../../InlineError'; diff --git a/polaris-react/src/components/ChoiceList/ChoiceList.stories.tsx b/polaris-react/src/components/ChoiceList/ChoiceList.stories.tsx index 4b191f6bc2a..2f47d460925 100644 --- a/polaris-react/src/components/ChoiceList/ChoiceList.stories.tsx +++ b/polaris-react/src/components/ChoiceList/ChoiceList.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {ChoiceList, TextField} from '@shopify/polaris'; diff --git a/polaris-react/src/components/ChoiceList/ChoiceList.tsx b/polaris-react/src/components/ChoiceList/ChoiceList.tsx index 8b81ed2d994..8b29e22301b 100644 --- a/polaris-react/src/components/ChoiceList/ChoiceList.tsx +++ b/polaris-react/src/components/ChoiceList/ChoiceList.tsx @@ -1,4 +1,4 @@ -import React, {useId} from 'react'; +import {useId} from 'react'; import type {Error} from '../../types'; import {Checkbox} from '../Checkbox'; diff --git a/polaris-react/src/components/ChoiceList/tests/ChoiceList.test.tsx b/polaris-react/src/components/ChoiceList/tests/ChoiceList.test.tsx index e7871884cfc..617eab31528 100644 --- a/polaris-react/src/components/ChoiceList/tests/ChoiceList.test.tsx +++ b/polaris-react/src/components/ChoiceList/tests/ChoiceList.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Bleed} from '../../Bleed'; diff --git a/polaris-react/src/components/Collapsible/Collapsible.stories.tsx b/polaris-react/src/components/Collapsible/Collapsible.stories.tsx index c63358f351e..3c538999ccf 100644 --- a/polaris-react/src/components/Collapsible/Collapsible.stories.tsx +++ b/polaris-react/src/components/Collapsible/Collapsible.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Button, diff --git a/polaris-react/src/components/Collapsible/Collapsible.tsx b/polaris-react/src/components/Collapsible/Collapsible.tsx index 29befa8f15f..5f31340922d 100644 --- a/polaris-react/src/components/Collapsible/Collapsible.tsx +++ b/polaris-react/src/components/Collapsible/Collapsible.tsx @@ -1,4 +1,4 @@ -import React, {useState, useRef, useEffect, useCallback} from 'react'; +import {useState, useRef, useEffect, useCallback} from 'react'; import {classNames} from '../../utilities/css'; diff --git a/polaris-react/src/components/Collapsible/tests/Collapsible.test.tsx b/polaris-react/src/components/Collapsible/tests/Collapsible.test.tsx index 5f721b3878b..37cf392a86d 100644 --- a/polaris-react/src/components/Collapsible/tests/Collapsible.test.tsx +++ b/polaris-react/src/components/Collapsible/tests/Collapsible.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {CustomRoot, mountWithApp} from 'tests/utilities'; import type {WithPolarisTestProviderOptions} from '../../PolarisTestProvider'; diff --git a/polaris-react/src/components/ColorPicker/ColorPicker.stories.tsx b/polaris-react/src/components/ColorPicker/ColorPicker.stories.tsx index 237fc4cbf54..9bb2fedd6ef 100644 --- a/polaris-react/src/components/ColorPicker/ColorPicker.stories.tsx +++ b/polaris-react/src/components/ColorPicker/ColorPicker.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useEffect, useState} from 'react'; +import { useCallback, useEffect, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { ColorPicker, diff --git a/polaris-react/src/components/ColorPicker/ColorPicker.tsx b/polaris-react/src/components/ColorPicker/ColorPicker.tsx index 91f279e3c4d..68caabd913b 100644 --- a/polaris-react/src/components/ColorPicker/ColorPicker.tsx +++ b/polaris-react/src/components/ColorPicker/ColorPicker.tsx @@ -1,4 +1,4 @@ -import React, {PureComponent} from 'react'; +import {PureComponent} from 'react'; import {debounce} from '../../utilities/debounce'; import {clamp} from '../../utilities/clamp'; diff --git a/polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx b/polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx index d5a5913a940..41e8e5f2a7f 100644 --- a/polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx +++ b/polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx @@ -1,4 +1,4 @@ -import React, {PureComponent} from 'react'; +import { PureComponent } from 'react'; import {Slidable, SlidableProps} from '../Slidable'; import type {HSBColor} from '../../../../utilities/color-types'; diff --git a/polaris-react/src/components/ColorPicker/components/AlphaPicker/tests/AlphaPicker.test.tsx b/polaris-react/src/components/ColorPicker/components/AlphaPicker/tests/AlphaPicker.test.tsx index b1ae4399efb..00df9c5502f 100644 --- a/polaris-react/src/components/ColorPicker/components/AlphaPicker/tests/AlphaPicker.test.tsx +++ b/polaris-react/src/components/ColorPicker/components/AlphaPicker/tests/AlphaPicker.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {calculateDraggerY, alphaForDraggerY} from '../utilities'; diff --git a/polaris-react/src/components/ColorPicker/components/HuePicker/HuePicker.tsx b/polaris-react/src/components/ColorPicker/components/HuePicker/HuePicker.tsx index 042b77951ca..dd7a3aba7ce 100644 --- a/polaris-react/src/components/ColorPicker/components/HuePicker/HuePicker.tsx +++ b/polaris-react/src/components/ColorPicker/components/HuePicker/HuePicker.tsx @@ -1,4 +1,4 @@ -import React, {PureComponent} from 'react'; +import { PureComponent } from 'react'; import {Slidable, SlidableProps} from '../Slidable'; import styles from '../../ColorPicker.scss'; diff --git a/polaris-react/src/components/ColorPicker/components/HuePicker/tests/HuePicker.test.tsx b/polaris-react/src/components/ColorPicker/components/HuePicker/tests/HuePicker.test.tsx index 029c02de628..b64a8142e09 100644 --- a/polaris-react/src/components/ColorPicker/components/HuePicker/tests/HuePicker.test.tsx +++ b/polaris-react/src/components/ColorPicker/components/HuePicker/tests/HuePicker.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {calculateDraggerY, hueForDraggerY} from '../utilities'; diff --git a/polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx b/polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx index 9ded15e08ea..95db869d318 100644 --- a/polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx +++ b/polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx @@ -1,4 +1,4 @@ -import React, {PureComponent} from 'react'; +import {PureComponent} from 'react'; import {isServer} from '../../../../utilities/target'; // eslint-disable-next-line import/no-deprecated diff --git a/polaris-react/src/components/ColorPicker/components/Slidable/tests/Slidable.test.tsx b/polaris-react/src/components/ColorPicker/components/Slidable/tests/Slidable.test.tsx index 190772355cb..a24ea71d83f 100644 --- a/polaris-react/src/components/ColorPicker/components/Slidable/tests/Slidable.test.tsx +++ b/polaris-react/src/components/ColorPicker/components/Slidable/tests/Slidable.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Slidable} from '../Slidable'; diff --git a/polaris-react/src/components/ColorPicker/tests/ColorPicker-ssr.test.tsx b/polaris-react/src/components/ColorPicker/tests/ColorPicker-ssr.test.tsx index 8c4ccd5658b..8770932862b 100644 --- a/polaris-react/src/components/ColorPicker/tests/ColorPicker-ssr.test.tsx +++ b/polaris-react/src/components/ColorPicker/tests/ColorPicker-ssr.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Slidable} from '../components'; diff --git a/polaris-react/src/components/ColorPicker/tests/ColorPicker.test.tsx b/polaris-react/src/components/ColorPicker/tests/ColorPicker.test.tsx index 5040d2847ad..57a090e0dc1 100644 --- a/polaris-react/src/components/ColorPicker/tests/ColorPicker.test.tsx +++ b/polaris-react/src/components/ColorPicker/tests/ColorPicker.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; // eslint-disable-next-line import/no-deprecated diff --git a/polaris-react/src/components/Columns/Columns.stories.tsx b/polaris-react/src/components/Columns/Columns.stories.tsx index 1cf12c3880c..fc842743ca3 100644 --- a/polaris-react/src/components/Columns/Columns.stories.tsx +++ b/polaris-react/src/components/Columns/Columns.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Button, Columns, Page} from '@shopify/polaris'; import {ChevronLeftMinor, ChevronRightMinor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/Columns/Columns.tsx b/polaris-react/src/components/Columns/Columns.tsx index 51e71e574d2..cb99f6274f7 100644 --- a/polaris-react/src/components/Columns/Columns.tsx +++ b/polaris-react/src/components/Columns/Columns.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {SpacingSpaceScale} from '@shopify/polaris-tokens'; import { diff --git a/polaris-react/src/components/Columns/tests/Columns.test.tsx b/polaris-react/src/components/Columns/tests/Columns.test.tsx index e6def4795f7..b6e96a5bd31 100644 --- a/polaris-react/src/components/Columns/tests/Columns.test.tsx +++ b/polaris-react/src/components/Columns/tests/Columns.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Columns} from '..'; diff --git a/polaris-react/src/components/Combobox/Combobox.stories.tsx b/polaris-react/src/components/Combobox/Combobox.stories.tsx index 8ad74a0c6e5..2c969767a34 100644 --- a/polaris-react/src/components/Combobox/Combobox.stories.tsx +++ b/polaris-react/src/components/Combobox/Combobox.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useMemo, useState} from 'react'; +import { useCallback, useMemo, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Combobox, diff --git a/polaris-react/src/components/Combobox/Combobox.tsx b/polaris-react/src/components/Combobox/Combobox.tsx index 7fc82ae142e..68f5a322629 100644 --- a/polaris-react/src/components/Combobox/Combobox.tsx +++ b/polaris-react/src/components/Combobox/Combobox.tsx @@ -1,4 +1,4 @@ -import React, {useState, useCallback, useMemo, Children, useRef} from 'react'; +import {useState, useCallback, useMemo, Children, useRef} from 'react'; import {Popover, PopoverPublicAPI} from '../Popover'; import type {PopoverProps} from '../Popover'; diff --git a/polaris-react/src/components/Combobox/components/TextField/TextField.tsx b/polaris-react/src/components/Combobox/components/TextField/TextField.tsx index ad3fae7fdb7..f2f3232e559 100644 --- a/polaris-react/src/components/Combobox/components/TextField/TextField.tsx +++ b/polaris-react/src/components/Combobox/components/TextField/TextField.tsx @@ -1,4 +1,4 @@ -import React, {useMemo, useId, useCallback, useEffect} from 'react'; +import {useMemo, useId, useCallback, useEffect} from 'react'; import {labelID} from '../../../Label'; import {TextField as PolarisTextField} from '../../../TextField'; diff --git a/polaris-react/src/components/Combobox/components/TextField/tests/TextField.test.tsx b/polaris-react/src/components/Combobox/components/TextField/tests/TextField.test.tsx index 4b3cd1dff56..d088de02956 100644 --- a/polaris-react/src/components/Combobox/components/TextField/tests/TextField.test.tsx +++ b/polaris-react/src/components/Combobox/components/TextField/tests/TextField.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {TextField as PolarisTextField} from '../../../../TextField'; diff --git a/polaris-react/src/components/Combobox/tests/Combobox.test.tsx b/polaris-react/src/components/Combobox/tests/Combobox.test.tsx index 5e5c643b695..e2c0e2cf34a 100644 --- a/polaris-react/src/components/Combobox/tests/Combobox.test.tsx +++ b/polaris-react/src/components/Combobox/tests/Combobox.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {TextField} from '../../TextField'; diff --git a/polaris-react/src/components/Connected/Connected.tsx b/polaris-react/src/components/Connected/Connected.tsx index 918fcaacce1..4aefeba13d6 100644 --- a/polaris-react/src/components/Connected/Connected.tsx +++ b/polaris-react/src/components/Connected/Connected.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Item} from './components'; import styles from './Connected.scss'; diff --git a/polaris-react/src/components/Connected/components/Item/Item.tsx b/polaris-react/src/components/Connected/components/Item/Item.tsx index 109dd70cd18..2fffb781d43 100644 --- a/polaris-react/src/components/Connected/components/Item/Item.tsx +++ b/polaris-react/src/components/Connected/components/Item/Item.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../utilities/css'; import {useToggle} from '../../../../utilities/use-toggle'; import styles from '../../Connected.scss'; diff --git a/polaris-react/src/components/Connected/tests/Connected.test.tsx b/polaris-react/src/components/Connected/tests/Connected.test.tsx index 61689cd4b60..a3957210ac0 100644 --- a/polaris-react/src/components/Connected/tests/Connected.test.tsx +++ b/polaris-react/src/components/Connected/tests/Connected.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Connected} from '../Connected'; diff --git a/polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.stories.tsx b/polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.stories.tsx index d42e8f5a927..235994a05d4 100644 --- a/polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.stories.tsx +++ b/polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {ContextualSaveBar, Frame} from '@shopify/polaris'; diff --git a/polaris-react/src/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx b/polaris-react/src/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx index d2eb83563b9..e6ba5df26ce 100644 --- a/polaris-react/src/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx +++ b/polaris-react/src/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mount, mountWithApp} from 'tests/utilities'; import {ContextualSaveBar} from '../ContextualSaveBar'; diff --git a/polaris-react/src/components/DataTable/DataTable.stories.tsx b/polaris-react/src/components/DataTable/DataTable.stories.tsx index 0f0558d20cf..257338b1b02 100644 --- a/polaris-react/src/components/DataTable/DataTable.stories.tsx +++ b/polaris-react/src/components/DataTable/DataTable.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {LegacyCard, DataTable, Link, Page} from '@shopify/polaris'; diff --git a/polaris-react/src/components/DataTable/DataTable.tsx b/polaris-react/src/components/DataTable/DataTable.tsx index ba3689bb8ad..ea5dab79032 100644 --- a/polaris-react/src/components/DataTable/DataTable.tsx +++ b/polaris-react/src/components/DataTable/DataTable.tsx @@ -1,9 +1,4 @@ -import React, { - PureComponent, - createRef, - ReactNode, - FocusEventHandler, -} from 'react'; +import {PureComponent, createRef, ReactNode, FocusEventHandler} from 'react'; import isEqual from 'react-fast-compare'; import {debounce} from '../../utilities/debounce'; diff --git a/polaris-react/src/components/DataTable/components/Cell/Cell.tsx b/polaris-react/src/components/DataTable/components/Cell/Cell.tsx index 31c615ab8c2..45bdf8024fe 100644 --- a/polaris-react/src/components/DataTable/components/Cell/Cell.tsx +++ b/polaris-react/src/components/DataTable/components/Cell/Cell.tsx @@ -1,4 +1,4 @@ -import React, {FocusEventHandler, useRef} from 'react'; +import {FocusEventHandler, useRef} from 'react'; import {SortAscendingMajor, SortDescendingMajor} from '@shopify/polaris-icons'; import {classNames, variationName} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/DataTable/components/Cell/tests/Cell.test.tsx b/polaris-react/src/components/DataTable/components/Cell/tests/Cell.test.tsx index 87d12c9e4f3..445b535a441 100644 --- a/polaris-react/src/components/DataTable/components/Cell/tests/Cell.test.tsx +++ b/polaris-react/src/components/DataTable/components/Cell/tests/Cell.test.tsx @@ -1,4 +1,4 @@ -import React, {ReactElement} from 'react'; +import { ReactElement } from 'react'; import {SortAscendingMajor, SortDescendingMajor} from '@shopify/polaris-icons'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx b/polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx index 29d07f1541c..1d93e6ee6e5 100644 --- a/polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx +++ b/polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {ChevronLeftMinor, ChevronRightMinor} from '@shopify/polaris-icons'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/DataTable/components/Navigation/tests/Navigation.test.tsx b/polaris-react/src/components/DataTable/components/Navigation/tests/Navigation.test.tsx index 0b40e61f6d4..e21cf51691f 100644 --- a/polaris-react/src/components/DataTable/components/Navigation/tests/Navigation.test.tsx +++ b/polaris-react/src/components/DataTable/components/Navigation/tests/Navigation.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Button} from '../../../../Button'; diff --git a/polaris-react/src/components/DataTable/tests/DataTable.test.tsx b/polaris-react/src/components/DataTable/tests/DataTable.test.tsx index 56429d38546..69c243cab59 100644 --- a/polaris-react/src/components/DataTable/tests/DataTable.test.tsx +++ b/polaris-react/src/components/DataTable/tests/DataTable.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {timer} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/DatePicker/DatePicker.stories.tsx b/polaris-react/src/components/DatePicker/DatePicker.stories.tsx index 9a28d0ab406..ee873f93bed 100644 --- a/polaris-react/src/components/DatePicker/DatePicker.stories.tsx +++ b/polaris-react/src/components/DatePicker/DatePicker.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {DatePicker} from '@shopify/polaris'; diff --git a/polaris-react/src/components/DatePicker/DatePicker.tsx b/polaris-react/src/components/DatePicker/DatePicker.tsx index d1486ad2e2c..09b73ef99ca 100644 --- a/polaris-react/src/components/DatePicker/DatePicker.tsx +++ b/polaris-react/src/components/DatePicker/DatePicker.tsx @@ -1,4 +1,4 @@ -import React, {useState, useEffect, useCallback, useMemo} from 'react'; +import {useState, useEffect, useCallback, useMemo} from 'react'; import {ArrowLeftMinor, ArrowRightMinor} from '@shopify/polaris-icons'; import {Button} from '../Button'; diff --git a/polaris-react/src/components/DatePicker/components/Day/Day.tsx b/polaris-react/src/components/DatePicker/components/Day/Day.tsx index 9061ccbff7d..f22e93db745 100644 --- a/polaris-react/src/components/DatePicker/components/Day/Day.tsx +++ b/polaris-react/src/components/DatePicker/components/Day/Day.tsx @@ -1,4 +1,4 @@ -import React, {useRef, useEffect, memo} from 'react'; +import { useRef, useEffect, memo } from 'react'; import {classNames} from '../../../../utilities/css'; import {isSameDay} from '../../../../utilities/dates'; diff --git a/polaris-react/src/components/DatePicker/components/Day/tests/Day.test.tsx b/polaris-react/src/components/DatePicker/components/Day/tests/Day.test.tsx index 3099a5b0a61..6b99960287f 100644 --- a/polaris-react/src/components/DatePicker/components/Day/tests/Day.test.tsx +++ b/polaris-react/src/components/DatePicker/components/Day/tests/Day.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Day} from '../Day'; diff --git a/polaris-react/src/components/DatePicker/components/Month/Month.tsx b/polaris-react/src/components/DatePicker/components/Month/Month.tsx index 407dea48e7d..362a629acb6 100644 --- a/polaris-react/src/components/DatePicker/components/Month/Month.tsx +++ b/polaris-react/src/components/DatePicker/components/Month/Month.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useMemo} from 'react'; +import { useCallback, useMemo } from 'react'; import {classNames} from '../../../../utilities/css'; import { diff --git a/polaris-react/src/components/DatePicker/components/Month/tests/Month.test.tsx b/polaris-react/src/components/DatePicker/components/Month/tests/Month.test.tsx index 4ac7f00ded9..bcdce98a8e3 100644 --- a/polaris-react/src/components/DatePicker/components/Month/tests/Month.test.tsx +++ b/polaris-react/src/components/DatePicker/components/Month/tests/Month.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Weekday} from '../../Weekday'; diff --git a/polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx b/polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx index 0002de28076..714d0e3e1e3 100644 --- a/polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx +++ b/polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx @@ -1,4 +1,4 @@ -import React, {memo} from 'react'; +import { memo } from 'react'; import {classNames} from '../../../../utilities/css'; import styles from '../../DatePicker.scss'; diff --git a/polaris-react/src/components/DatePicker/components/Weekday/tests/Weekday.test.tsx b/polaris-react/src/components/DatePicker/components/Weekday/tests/Weekday.test.tsx index e5eff4d3639..3cb6ddb8d48 100644 --- a/polaris-react/src/components/DatePicker/components/Weekday/tests/Weekday.test.tsx +++ b/polaris-react/src/components/DatePicker/components/Weekday/tests/Weekday.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Weekday} from '../Weekday'; diff --git a/polaris-react/src/components/DatePicker/tests/DatePicker.test.tsx b/polaris-react/src/components/DatePicker/tests/DatePicker.test.tsx index 0405ffcd878..313c9be9fea 100644 --- a/polaris-react/src/components/DatePicker/tests/DatePicker.test.tsx +++ b/polaris-react/src/components/DatePicker/tests/DatePicker.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Day, Month, Weekday} from '../components'; diff --git a/polaris-react/src/components/DescriptionList/DescriptionList.stories.tsx b/polaris-react/src/components/DescriptionList/DescriptionList.stories.tsx index 9cbb393acd7..f8649ef631e 100644 --- a/polaris-react/src/components/DescriptionList/DescriptionList.stories.tsx +++ b/polaris-react/src/components/DescriptionList/DescriptionList.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {DescriptionList} from '@shopify/polaris'; diff --git a/polaris-react/src/components/DescriptionList/DescriptionList.tsx b/polaris-react/src/components/DescriptionList/DescriptionList.tsx index 22870c626ba..d484af793af 100644 --- a/polaris-react/src/components/DescriptionList/DescriptionList.tsx +++ b/polaris-react/src/components/DescriptionList/DescriptionList.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../utilities/css'; import {Text} from '../Text'; diff --git a/polaris-react/src/components/DescriptionList/tests/DescriptionList.test.tsx b/polaris-react/src/components/DescriptionList/tests/DescriptionList.test.tsx index d28502a3178..7526dff6af7 100644 --- a/polaris-react/src/components/DescriptionList/tests/DescriptionList.test.tsx +++ b/polaris-react/src/components/DescriptionList/tests/DescriptionList.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {DescriptionList} from '../DescriptionList'; diff --git a/polaris-react/src/components/Divider/Divider.stories.tsx b/polaris-react/src/components/Divider/Divider.stories.tsx index 0f73bba5369..873da58993f 100644 --- a/polaris-react/src/components/Divider/Divider.stories.tsx +++ b/polaris-react/src/components/Divider/Divider.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Stack, Divider, Text} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Divider/Divider.tsx b/polaris-react/src/components/Divider/Divider.tsx index 9f25fb81fbb..9f74879f5c9 100644 --- a/polaris-react/src/components/Divider/Divider.tsx +++ b/polaris-react/src/components/Divider/Divider.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import styles from './Divider.scss'; export type BorderTokenAlias = diff --git a/polaris-react/src/components/Divider/tests/Divider.test.tsx b/polaris-react/src/components/Divider/tests/Divider.test.tsx index 75d05fe49ea..0deb11b1375 100644 --- a/polaris-react/src/components/Divider/tests/Divider.test.tsx +++ b/polaris-react/src/components/Divider/tests/Divider.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Divider} from '../Divider'; diff --git a/polaris-react/src/components/DropZone/DropZone.stories.tsx b/polaris-react/src/components/DropZone/DropZone.stories.tsx index e1eb3327e3b..e34a10cb1d9 100644 --- a/polaris-react/src/components/DropZone/DropZone.stories.tsx +++ b/polaris-react/src/components/DropZone/DropZone.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Banner, diff --git a/polaris-react/src/components/DropZone/DropZone.tsx b/polaris-react/src/components/DropZone/DropZone.tsx index 147b69e7405..b56a386ca4d 100755 --- a/polaris-react/src/components/DropZone/DropZone.tsx +++ b/polaris-react/src/components/DropZone/DropZone.tsx @@ -1,4 +1,4 @@ -import React, { +import { useState, useRef, useCallback, diff --git a/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx b/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx index 24c98bce014..d6f66be7b21 100755 --- a/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx +++ b/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx @@ -1,4 +1,4 @@ -import React, {useContext} from 'react'; +import { useContext } from 'react'; import {classNames} from '../../../../utilities/css'; import {capitalize} from '../../../../utilities/capitalize'; diff --git a/polaris-react/src/components/DropZone/components/FileUpload/tests/FileUpload.test.tsx b/polaris-react/src/components/DropZone/components/FileUpload/tests/FileUpload.test.tsx index dcc44bd234f..8a3723c0bf0 100755 --- a/polaris-react/src/components/DropZone/components/FileUpload/tests/FileUpload.test.tsx +++ b/polaris-react/src/components/DropZone/components/FileUpload/tests/FileUpload.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Text} from '../../../../Text'; diff --git a/polaris-react/src/components/DropZone/tests/DropZone.test.tsx b/polaris-react/src/components/DropZone/tests/DropZone.test.tsx index a2563703af3..b3f01218a5e 100755 --- a/polaris-react/src/components/DropZone/tests/DropZone.test.tsx +++ b/polaris-react/src/components/DropZone/tests/DropZone.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {act} from 'react-dom/test-utils'; import {clock} from '@shopify/jest-dom-mocks'; import {mountWithApp, CustomRoot} from 'tests/utilities'; diff --git a/polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx b/polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx index 420accb5b86..951353c2f81 100644 --- a/polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx +++ b/polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {useI18n} from '../../utilities/i18n'; import {Text} from '../Text'; import {Image} from '../Image'; diff --git a/polaris-react/src/components/EmptySearchResult/tests/EmptySearchResult.test.tsx b/polaris-react/src/components/EmptySearchResult/tests/EmptySearchResult.test.tsx index a8d30b190ab..1d0beb314b1 100644 --- a/polaris-react/src/components/EmptySearchResult/tests/EmptySearchResult.test.tsx +++ b/polaris-react/src/components/EmptySearchResult/tests/EmptySearchResult.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Text} from '../../Text'; diff --git a/polaris-react/src/components/EmptyState/EmptyState.stories.tsx b/polaris-react/src/components/EmptyState/EmptyState.stories.tsx index 170c8d730d8..e3e680c693e 100644 --- a/polaris-react/src/components/EmptyState/EmptyState.stories.tsx +++ b/polaris-react/src/components/EmptyState/EmptyState.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {LegacyCard, EmptyState, Link} from '@shopify/polaris'; diff --git a/polaris-react/src/components/EmptyState/EmptyState.tsx b/polaris-react/src/components/EmptyState/EmptyState.tsx index 8f64a18d289..d278d0e09d7 100644 --- a/polaris-react/src/components/EmptyState/EmptyState.tsx +++ b/polaris-react/src/components/EmptyState/EmptyState.tsx @@ -1,4 +1,4 @@ -import React, {useContext} from 'react'; +import {useContext} from 'react'; import {classNames} from '../../utilities/css'; import {WithinContentContext} from '../../utilities/within-content-context'; diff --git a/polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx b/polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx index 6e616e2f21f..2607d007a5a 100644 --- a/polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx +++ b/polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Button} from '../../Button'; diff --git a/polaris-react/src/components/EphemeralPresenceManager/EphemeralPresenceManager.tsx b/polaris-react/src/components/EphemeralPresenceManager/EphemeralPresenceManager.tsx index d091a5fcefd..05cda6f34d4 100644 --- a/polaris-react/src/components/EphemeralPresenceManager/EphemeralPresenceManager.tsx +++ b/polaris-react/src/components/EphemeralPresenceManager/EphemeralPresenceManager.tsx @@ -1,4 +1,4 @@ -import React, {useMemo, useState, useCallback, ContextType} from 'react'; +import {useMemo, useState, useCallback, ContextType} from 'react'; import {EphemeralPresenceManagerContext} from '../../utilities/ephemeral-presence-manager'; import type {EphemeralPresenceKey} from '../../utilities/ephemeral-presence-manager'; diff --git a/polaris-react/src/components/EphemeralPresenceManager/tests/EphemeralPresenceManager.test.tsx b/polaris-react/src/components/EphemeralPresenceManager/tests/EphemeralPresenceManager.test.tsx index cec91d1af32..9a441e3402b 100644 --- a/polaris-react/src/components/EphemeralPresenceManager/tests/EphemeralPresenceManager.test.tsx +++ b/polaris-react/src/components/EphemeralPresenceManager/tests/EphemeralPresenceManager.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {useEphemeralPresenceManager} from '../../../utilities/ephemeral-presence-manager'; diff --git a/polaris-react/src/components/EventListener/tests/EventListener.test.tsx b/polaris-react/src/components/EventListener/tests/EventListener.test.tsx index 88d4248f2d4..e5f210929e3 100644 --- a/polaris-react/src/components/EventListener/tests/EventListener.test.tsx +++ b/polaris-react/src/components/EventListener/tests/EventListener.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; // eslint-disable-next-line import/no-deprecated diff --git a/polaris-react/src/components/ExceptionList/ExceptionList.stories.tsx b/polaris-react/src/components/ExceptionList/ExceptionList.stories.tsx index 5386404aabe..c087493db2e 100644 --- a/polaris-react/src/components/ExceptionList/ExceptionList.stories.tsx +++ b/polaris-react/src/components/ExceptionList/ExceptionList.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {ExceptionList} from '@shopify/polaris'; import {NoteMinor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/ExceptionList/ExceptionList.tsx b/polaris-react/src/components/ExceptionList/ExceptionList.tsx index 78eb8d57fc2..8dab9f5d67e 100644 --- a/polaris-react/src/components/ExceptionList/ExceptionList.tsx +++ b/polaris-react/src/components/ExceptionList/ExceptionList.tsx @@ -1,4 +1,4 @@ -import React, {Fragment} from 'react'; +import {Fragment} from 'react'; import {classNames, variationName} from '../../utilities/css'; import {Icon, IconProps} from '../Icon'; diff --git a/polaris-react/src/components/ExceptionList/tests/ExceptionList.test.tsx b/polaris-react/src/components/ExceptionList/tests/ExceptionList.test.tsx index e565006c37f..29e37591577 100644 --- a/polaris-react/src/components/ExceptionList/tests/ExceptionList.test.tsx +++ b/polaris-react/src/components/ExceptionList/tests/ExceptionList.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {CirclePlusMinor, NoteMinor} from '@shopify/polaris-icons'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Filters/Filters.stories.tsx b/polaris-react/src/components/Filters/Filters.stories.tsx index 86730115a44..f86ad524016 100644 --- a/polaris-react/src/components/Filters/Filters.stories.tsx +++ b/polaris-react/src/components/Filters/Filters.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Avatar, diff --git a/polaris-react/src/components/Filters/Filters.tsx b/polaris-react/src/components/Filters/Filters.tsx index bcba17bfe4b..101029107e5 100644 --- a/polaris-react/src/components/Filters/Filters.tsx +++ b/polaris-react/src/components/Filters/Filters.tsx @@ -1,4 +1,4 @@ -import React, {Component, createRef} from 'react'; +import {Component, createRef} from 'react'; import { SearchMinor, ChevronUpMinor, diff --git a/polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx b/polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx index 0c2c186e606..c46f6181c5f 100644 --- a/polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx +++ b/polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx @@ -1,4 +1,4 @@ -import React, {Component, createRef} from 'react'; +import {Component, createRef} from 'react'; import {debounce} from '../../../../utilities/debounce'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx b/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx index 11406094383..ebb370eda72 100644 --- a/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx +++ b/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../../../utilities/css'; import {useToggle} from '../../../../../../utilities/use-toggle'; import styles from '../../ConnectedFilterControl.scss'; diff --git a/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/tests/Item.test.tsx b/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/tests/Item.test.tsx index 7e5c00c33b3..bf54902b44b 100644 --- a/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/tests/Item.test.tsx +++ b/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/tests/Item.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Item} from '../Item'; diff --git a/polaris-react/src/components/Filters/components/ConnectedFilterControl/tests/ConnectedFilterControl.test.tsx b/polaris-react/src/components/Filters/components/ConnectedFilterControl/tests/ConnectedFilterControl.test.tsx index 3ddf5451ad2..711f010de91 100644 --- a/polaris-react/src/components/Filters/components/ConnectedFilterControl/tests/ConnectedFilterControl.test.tsx +++ b/polaris-react/src/components/Filters/components/ConnectedFilterControl/tests/ConnectedFilterControl.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Button} from '../../../../Button'; diff --git a/polaris-react/src/components/Filters/components/TagsWrapper/TagsWrapper.tsx b/polaris-react/src/components/Filters/components/TagsWrapper/TagsWrapper.tsx index 41e32308780..9e99984b1a7 100644 --- a/polaris-react/src/components/Filters/components/TagsWrapper/TagsWrapper.tsx +++ b/polaris-react/src/components/Filters/components/TagsWrapper/TagsWrapper.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Text} from '../../../Text'; interface Props { diff --git a/polaris-react/src/components/Filters/components/TagsWrapper/tests/TagsWrapper.test.tsx b/polaris-react/src/components/Filters/components/TagsWrapper/tests/TagsWrapper.test.tsx index 9bb1d8c0994..e056c6914a6 100644 --- a/polaris-react/src/components/Filters/components/TagsWrapper/tests/TagsWrapper.test.tsx +++ b/polaris-react/src/components/Filters/components/TagsWrapper/tests/TagsWrapper.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {TagsWrapper} from '../TagsWrapper'; diff --git a/polaris-react/src/components/Filters/tests/Filters.test.tsx b/polaris-react/src/components/Filters/tests/Filters.test.tsx index 0d5e3436027..93a1adbae05 100644 --- a/polaris-react/src/components/Filters/tests/Filters.test.tsx +++ b/polaris-react/src/components/Filters/tests/Filters.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {matchMedia} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Focus/Focus.tsx b/polaris-react/src/components/Focus/Focus.tsx index 349565f8c1c..cd6c72a45bc 100644 --- a/polaris-react/src/components/Focus/Focus.tsx +++ b/polaris-react/src/components/Focus/Focus.tsx @@ -1,4 +1,4 @@ -import React, {memo, useEffect} from 'react'; +import {memo, useEffect} from 'react'; import {focusFirstFocusableNode} from '../../utilities/focus'; diff --git a/polaris-react/src/components/Focus/tests/Focus.test.tsx b/polaris-react/src/components/Focus/tests/Focus.test.tsx index 620f9a913a3..bf21d54e21f 100644 --- a/polaris-react/src/components/Focus/tests/Focus.test.tsx +++ b/polaris-react/src/components/Focus/tests/Focus.test.tsx @@ -1,4 +1,4 @@ -import React, {useRef, useState, useEffect} from 'react'; +import { useRef, useState, useEffect } from 'react'; import {mountWithApp} from 'tests/utilities'; import {Focus, FocusProps} from '../Focus'; diff --git a/polaris-react/src/components/FocusManager/FocusManager.tsx b/polaris-react/src/components/FocusManager/FocusManager.tsx index 892b0af2b83..9bfb3e73dc7 100644 --- a/polaris-react/src/components/FocusManager/FocusManager.tsx +++ b/polaris-react/src/components/FocusManager/FocusManager.tsx @@ -1,4 +1,4 @@ -import React, {useMemo, useState, useCallback, ContextType} from 'react'; +import {useMemo, useState, useCallback, ContextType} from 'react'; import {FocusManagerContext} from '../../utilities/focus-manager'; diff --git a/polaris-react/src/components/FocusManager/tests/FocusManager.test.tsx b/polaris-react/src/components/FocusManager/tests/FocusManager.test.tsx index cde5449b141..3a9929da271 100644 --- a/polaris-react/src/components/FocusManager/tests/FocusManager.test.tsx +++ b/polaris-react/src/components/FocusManager/tests/FocusManager.test.tsx @@ -1,4 +1,4 @@ -import React, {useContext, useEffect, useRef} from 'react'; +import { useContext, useEffect, useRef } from 'react'; import {mountWithApp} from 'tests/utilities'; import { diff --git a/polaris-react/src/components/FooterHelp/FooterHelp.stories.tsx b/polaris-react/src/components/FooterHelp/FooterHelp.stories.tsx index 4e3b89148b1..1c2bf221cae 100644 --- a/polaris-react/src/components/FooterHelp/FooterHelp.stories.tsx +++ b/polaris-react/src/components/FooterHelp/FooterHelp.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {FooterHelp, Link} from '@shopify/polaris'; diff --git a/polaris-react/src/components/FooterHelp/FooterHelp.tsx b/polaris-react/src/components/FooterHelp/FooterHelp.tsx index 757f818da3a..3f662c450ca 100644 --- a/polaris-react/src/components/FooterHelp/FooterHelp.tsx +++ b/polaris-react/src/components/FooterHelp/FooterHelp.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import styles from './FooterHelp.scss'; export interface FooterHelpProps { diff --git a/polaris-react/src/components/FooterHelp/tests/FooterHelp.test.tsx b/polaris-react/src/components/FooterHelp/tests/FooterHelp.test.tsx index 1a0c27f18ca..47db2cbb393 100644 --- a/polaris-react/src/components/FooterHelp/tests/FooterHelp.test.tsx +++ b/polaris-react/src/components/FooterHelp/tests/FooterHelp.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {FooterHelp} from '../FooterHelp'; diff --git a/polaris-react/src/components/Form/Form.stories.tsx b/polaris-react/src/components/Form/Form.stories.tsx index ab957bc0417..643bce1ddef 100644 --- a/polaris-react/src/components/Form/Form.stories.tsx +++ b/polaris-react/src/components/Form/Form.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Button, Checkbox, Form, FormLayout, TextField} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Form/Form.tsx b/polaris-react/src/components/Form/Form.tsx index c12b01f3188..54c6f4e4d33 100644 --- a/polaris-react/src/components/Form/Form.tsx +++ b/polaris-react/src/components/Form/Form.tsx @@ -1,4 +1,4 @@ -import React, {useCallback} from 'react'; +import {useCallback} from 'react'; import {Text} from '../Text'; import {useI18n} from '../../utilities/i18n'; diff --git a/polaris-react/src/components/Form/tests/Form.test.tsx b/polaris-react/src/components/Form/tests/Form.test.tsx index 74569b159f0..f7b29add454 100644 --- a/polaris-react/src/components/Form/tests/Form.test.tsx +++ b/polaris-react/src/components/Form/tests/Form.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Form} from '../Form'; diff --git a/polaris-react/src/components/FormLayout/FormLayout.stories.tsx b/polaris-react/src/components/FormLayout/FormLayout.stories.tsx index 3b942de95ad..8713be977b4 100644 --- a/polaris-react/src/components/FormLayout/FormLayout.stories.tsx +++ b/polaris-react/src/components/FormLayout/FormLayout.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {FormLayout, TextField} from '@shopify/polaris'; diff --git a/polaris-react/src/components/FormLayout/FormLayout.tsx b/polaris-react/src/components/FormLayout/FormLayout.tsx index 5a70a91aa64..a1e18fe14c4 100644 --- a/polaris-react/src/components/FormLayout/FormLayout.tsx +++ b/polaris-react/src/components/FormLayout/FormLayout.tsx @@ -1,4 +1,4 @@ -import React, {memo, Children, NamedExoticComponent} from 'react'; +import {memo, Children, NamedExoticComponent} from 'react'; import {wrapWithComponent, isElementOfType} from '../../utilities/components'; diff --git a/polaris-react/src/components/FormLayout/components/Group/Group.tsx b/polaris-react/src/components/FormLayout/components/Group/Group.tsx index 603e10d5576..3b09ea59979 100644 --- a/polaris-react/src/components/FormLayout/components/Group/Group.tsx +++ b/polaris-react/src/components/FormLayout/components/Group/Group.tsx @@ -1,4 +1,4 @@ -import React, {Children, useId} from 'react'; +import {Children, useId} from 'react'; import {classNames} from '../../../../utilities/css'; import {wrapWithComponent} from '../../../../utilities/components'; diff --git a/polaris-react/src/components/FormLayout/components/Group/tests/Group.test.tsx b/polaris-react/src/components/FormLayout/components/Group/tests/Group.test.tsx index 6961cb501b2..6a283db1886 100644 --- a/polaris-react/src/components/FormLayout/components/Group/tests/Group.test.tsx +++ b/polaris-react/src/components/FormLayout/components/Group/tests/Group.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {TextField} from '../../../../TextField'; diff --git a/polaris-react/src/components/FormLayout/components/Item/Item.tsx b/polaris-react/src/components/FormLayout/components/Item/Item.tsx index 1f9a61c5793..9de7e7b3f4a 100644 --- a/polaris-react/src/components/FormLayout/components/Item/Item.tsx +++ b/polaris-react/src/components/FormLayout/components/Item/Item.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import styles from '../../FormLayout.scss'; export interface ItemProps { diff --git a/polaris-react/src/components/FormLayout/components/Item/tests/Item.test.tsx b/polaris-react/src/components/FormLayout/components/Item/tests/Item.test.tsx index abf39d90047..fe9451b674a 100644 --- a/polaris-react/src/components/FormLayout/components/Item/tests/Item.test.tsx +++ b/polaris-react/src/components/FormLayout/components/Item/tests/Item.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import styles from '../../../FormLayout.scss'; diff --git a/polaris-react/src/components/FormLayout/tests/FormLayout.test.tsx b/polaris-react/src/components/FormLayout/tests/FormLayout.test.tsx index b36d06d9f46..6d601f55672 100644 --- a/polaris-react/src/components/FormLayout/tests/FormLayout.test.tsx +++ b/polaris-react/src/components/FormLayout/tests/FormLayout.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {TextField} from '../../TextField'; diff --git a/polaris-react/src/components/Frame/Frame.stories.tsx b/polaris-react/src/components/Frame/Frame.stories.tsx index da3b906f177..fde70f2dedf 100644 --- a/polaris-react/src/components/Frame/Frame.stories.tsx +++ b/polaris-react/src/components/Frame/Frame.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useRef, useState} from 'react'; +import { useCallback, useRef, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { ActionList, diff --git a/polaris-react/src/components/Frame/Frame.tsx b/polaris-react/src/components/Frame/Frame.tsx index 0a9b2678ce3..3f42499638a 100644 --- a/polaris-react/src/components/Frame/Frame.tsx +++ b/polaris-react/src/components/Frame/Frame.tsx @@ -1,4 +1,4 @@ -import React, {PureComponent, createRef, MouseEvent} from 'react'; +import {PureComponent, createRef, MouseEvent} from 'react'; import {MobileCancelMajor} from '@shopify/polaris-icons'; import {CSSTransition} from 'react-transition-group'; import {motion} from '@shopify/polaris-tokens'; diff --git a/polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx b/polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx index d3bb023017b..d5afe333ca9 100644 --- a/polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx +++ b/polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx @@ -1,4 +1,4 @@ -import React, {useRef, useState, useEffect} from 'react'; +import {useRef, useState, useEffect} from 'react'; import {classNames, variationName} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.tsx b/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.tsx index a78dd7da196..8a188c93aa2 100644 --- a/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.tsx +++ b/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.tsx @@ -1,4 +1,4 @@ -import React, {useCallback} from 'react'; +import { useCallback } from 'react'; import {Button} from '../../../Button'; import {Image} from '../../../Image'; diff --git a/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx b/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx index 2fd5003d1cf..5c6e327d8ac 100644 --- a/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx +++ b/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {useI18n} from '../../../../../../utilities/i18n'; import {Modal} from '../../../../../Modal'; diff --git a/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/tests/DiscardConfirmationModal.test.tsx b/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/tests/DiscardConfirmationModal.test.tsx index c8b60925d9e..5b4691d2ee9 100644 --- a/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/tests/DiscardConfirmationModal.test.tsx +++ b/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/tests/DiscardConfirmationModal.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Modal} from '../../../../../../Modal'; diff --git a/polaris-react/src/components/Frame/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx b/polaris-react/src/components/Frame/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx index 6f878e48a95..a9c52e1135e 100644 --- a/polaris-react/src/components/Frame/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx +++ b/polaris-react/src/components/Frame/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Button} from '../../../../Button'; diff --git a/polaris-react/src/components/Frame/components/Loading/Loading.tsx b/polaris-react/src/components/Frame/components/Loading/Loading.tsx index 068a5c67d7b..c902df94fba 100644 --- a/polaris-react/src/components/Frame/components/Loading/Loading.tsx +++ b/polaris-react/src/components/Frame/components/Loading/Loading.tsx @@ -1,4 +1,4 @@ -import React, {useEffect, useState} from 'react'; +import { useEffect, useState } from 'react'; import {useI18n} from '../../../../utilities/i18n'; import {useIsMountedRef} from '../../../../utilities/use-is-mounted-ref'; diff --git a/polaris-react/src/components/Frame/components/Loading/tests/Loading.test.tsx b/polaris-react/src/components/Frame/components/Loading/tests/Loading.test.tsx index e841c08c704..12c0ef6a953 100644 --- a/polaris-react/src/components/Frame/components/Loading/tests/Loading.test.tsx +++ b/polaris-react/src/components/Frame/components/Loading/tests/Loading.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Loading} from '../Loading'; diff --git a/polaris-react/src/components/Frame/components/Toast/Toast.tsx b/polaris-react/src/components/Frame/components/Toast/Toast.tsx index 106f9284ddf..b068a4e35e5 100644 --- a/polaris-react/src/components/Frame/components/Toast/Toast.tsx +++ b/polaris-react/src/components/Frame/components/Toast/Toast.tsx @@ -1,4 +1,4 @@ -import React, {useEffect} from 'react'; +import { useEffect } from 'react'; import {CancelSmallMinor, AlertMinor} from '@shopify/polaris-icons'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/Frame/components/Toast/tests/Toast.test.tsx b/polaris-react/src/components/Frame/components/Toast/tests/Toast.test.tsx index c8aefb19387..19b61470f5e 100644 --- a/polaris-react/src/components/Frame/components/Toast/tests/Toast.test.tsx +++ b/polaris-react/src/components/Frame/components/Toast/tests/Toast.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {timer} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx b/polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx index 6cd3f20efd6..662e664b4eb 100644 --- a/polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx +++ b/polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx @@ -1,4 +1,4 @@ -import React, {createRef, memo} from 'react'; +import {createRef, memo} from 'react'; import {TransitionGroup, CSSTransition} from 'react-transition-group'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/Frame/components/ToastManager/tests/ToastManager.test.tsx b/polaris-react/src/components/Frame/components/ToastManager/tests/ToastManager.test.tsx index 37d1e411e61..afbc03ff2f7 100644 --- a/polaris-react/src/components/Frame/components/ToastManager/tests/ToastManager.test.tsx +++ b/polaris-react/src/components/Frame/components/ToastManager/tests/ToastManager.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {timer} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Frame/tests/Frame.test.tsx b/polaris-react/src/components/Frame/tests/Frame.test.tsx index f417676188b..bb74a127125 100644 --- a/polaris-react/src/components/Frame/tests/Frame.test.tsx +++ b/polaris-react/src/components/Frame/tests/Frame.test.tsx @@ -1,4 +1,4 @@ -import React, {createRef} from 'react'; +import { createRef } from 'react'; import {CSSTransition} from 'react-transition-group'; import {animationFrame, dimension} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/FullscreenBar/FullscreenBar.stories.tsx b/polaris-react/src/components/FullscreenBar/FullscreenBar.stories.tsx index 4d386ffb777..1882e39a13d 100644 --- a/polaris-react/src/components/FullscreenBar/FullscreenBar.stories.tsx +++ b/polaris-react/src/components/FullscreenBar/FullscreenBar.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Badge, diff --git a/polaris-react/src/components/FullscreenBar/FullscreenBar.tsx b/polaris-react/src/components/FullscreenBar/FullscreenBar.tsx index 6982d57c725..6741c222431 100644 --- a/polaris-react/src/components/FullscreenBar/FullscreenBar.tsx +++ b/polaris-react/src/components/FullscreenBar/FullscreenBar.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {ExitMajor} from '@shopify/polaris-icons'; import {Icon} from '../Icon'; diff --git a/polaris-react/src/components/FullscreenBar/tests/FullscreenBar.test.tsx b/polaris-react/src/components/FullscreenBar/tests/FullscreenBar.test.tsx index ce43bd92f60..3c986f4f9a9 100644 --- a/polaris-react/src/components/FullscreenBar/tests/FullscreenBar.test.tsx +++ b/polaris-react/src/components/FullscreenBar/tests/FullscreenBar.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {FullscreenBar} from '../FullscreenBar'; diff --git a/polaris-react/src/components/Grid/Grid.stories.tsx b/polaris-react/src/components/Grid/Grid.stories.tsx index 055385e612d..7835afe91c4 100644 --- a/polaris-react/src/components/Grid/Grid.stories.tsx +++ b/polaris-react/src/components/Grid/Grid.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {LegacyCard, Grid, Page} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Grid/Grid.tsx b/polaris-react/src/components/Grid/Grid.tsx index 5ec683d2d96..744331a99cd 100644 --- a/polaris-react/src/components/Grid/Grid.tsx +++ b/polaris-react/src/components/Grid/Grid.tsx @@ -1,4 +1,4 @@ -import React, {useEffect} from 'react'; +import {useEffect} from 'react'; // eslint-disable-next-line import/no-deprecated import {Cell} from './components'; diff --git a/polaris-react/src/components/Grid/components/Cell/Cell.tsx b/polaris-react/src/components/Grid/components/Cell/Cell.tsx index f2784a7a9e3..fa5398e36a1 100644 --- a/polaris-react/src/components/Grid/components/Cell/Cell.tsx +++ b/polaris-react/src/components/Grid/components/Cell/Cell.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../utilities/css'; import styles from './Cell.scss'; diff --git a/polaris-react/src/components/Grid/components/Cell/tests/Cell.test.tsx b/polaris-react/src/components/Grid/components/Cell/tests/Cell.test.tsx index 3f05de04cce..82d2054e061 100644 --- a/polaris-react/src/components/Grid/components/Cell/tests/Cell.test.tsx +++ b/polaris-react/src/components/Grid/components/Cell/tests/Cell.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; // eslint-disable-next-line import/no-deprecated diff --git a/polaris-react/src/components/Grid/tests/Grid.test.tsx b/polaris-react/src/components/Grid/tests/Grid.test.tsx index 0b27b4ec222..6ac5cbd6775 100644 --- a/polaris-react/src/components/Grid/tests/Grid.test.tsx +++ b/polaris-react/src/components/Grid/tests/Grid.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {matchMedia, timer} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Icon/Icon.stories.tsx b/polaris-react/src/components/Icon/Icon.stories.tsx index f72c5e1f4eb..e6c65c67e14 100644 --- a/polaris-react/src/components/Icon/Icon.stories.tsx +++ b/polaris-react/src/components/Icon/Icon.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Icon} from '@shopify/polaris'; import {CirclePlusMinor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/Icon/Icon.tsx b/polaris-react/src/components/Icon/Icon.tsx index ebf16b5172a..ceec2968d64 100644 --- a/polaris-react/src/components/Icon/Icon.tsx +++ b/polaris-react/src/components/Icon/Icon.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Text} from '../Text'; import {classNames, variationName} from '../../utilities/css'; import type {IconSource} from '../../types'; diff --git a/polaris-react/src/components/Icon/tests/Icon.test.tsx b/polaris-react/src/components/Icon/tests/Icon.test.tsx index 36837a7d227..63fafcde837 100644 --- a/polaris-react/src/components/Icon/tests/Icon.test.tsx +++ b/polaris-react/src/components/Icon/tests/Icon.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {PlusMinor} from '@shopify/polaris-icons'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Image/Image.tsx b/polaris-react/src/components/Image/Image.tsx index 8b2657fbbfe..9216d890d0f 100644 --- a/polaris-react/src/components/Image/Image.tsx +++ b/polaris-react/src/components/Image/Image.tsx @@ -1,4 +1,4 @@ -import React, {useCallback} from 'react'; +import {useCallback} from 'react'; interface SourceSet { source: string; diff --git a/polaris-react/src/components/Image/tests/Image.test.tsx b/polaris-react/src/components/Image/tests/Image.test.tsx index 475ca8fb2bc..b280cd0c280 100644 --- a/polaris-react/src/components/Image/tests/Image.test.tsx +++ b/polaris-react/src/components/Image/tests/Image.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Image} from '../Image'; diff --git a/polaris-react/src/components/IndexProvider/IndexProvider.tsx b/polaris-react/src/components/IndexProvider/IndexProvider.tsx index 37ab5321ce9..78bdca3ea21 100644 --- a/polaris-react/src/components/IndexProvider/IndexProvider.tsx +++ b/polaris-react/src/components/IndexProvider/IndexProvider.tsx @@ -1,4 +1,4 @@ -import React, {useMemo} from 'react'; +import { useMemo } from 'react'; import { IndexContext, diff --git a/polaris-react/src/components/IndexProvider/tests/IndexProvider.test.tsx b/polaris-react/src/components/IndexProvider/tests/IndexProvider.test.tsx index 6c2cb9781ca..4ed34fa5cf7 100644 --- a/polaris-react/src/components/IndexProvider/tests/IndexProvider.test.tsx +++ b/polaris-react/src/components/IndexProvider/tests/IndexProvider.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {IndexProvider} from '../IndexProvider'; diff --git a/polaris-react/src/components/IndexTable/IndexTable.stories.tsx b/polaris-react/src/components/IndexTable/IndexTable.stories.tsx index 933e12086bf..eeaad6a39c0 100644 --- a/polaris-react/src/components/IndexTable/IndexTable.stories.tsx +++ b/polaris-react/src/components/IndexTable/IndexTable.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Button, diff --git a/polaris-react/src/components/IndexTable/IndexTable.tsx b/polaris-react/src/components/IndexTable/IndexTable.tsx index e9c2d5d259e..3e3c0039c5d 100644 --- a/polaris-react/src/components/IndexTable/IndexTable.tsx +++ b/polaris-react/src/components/IndexTable/IndexTable.tsx @@ -1,4 +1,4 @@ -import React, {useRef, useState, useEffect, useCallback, useMemo} from 'react'; +import {useRef, useState, useEffect, useCallback, useMemo} from 'react'; import {SortAscendingMajor, SortDescendingMajor} from '@shopify/polaris-icons'; import {CSSTransition} from 'react-transition-group'; import {tokens, toPx, motion} from '@shopify/polaris-tokens'; diff --git a/polaris-react/src/components/IndexTable/components/Cell/Cell.tsx b/polaris-react/src/components/IndexTable/components/Cell/Cell.tsx index a3ebf8bd0c5..e0512ccdc91 100644 --- a/polaris-react/src/components/IndexTable/components/Cell/Cell.tsx +++ b/polaris-react/src/components/IndexTable/components/Cell/Cell.tsx @@ -1,4 +1,4 @@ -import React, {memo, ReactNode} from 'react'; +import { memo, ReactNode } from 'react'; import {classNames} from '../../../../utilities/css'; import styles from '../../IndexTable.scss'; diff --git a/polaris-react/src/components/IndexTable/components/Cell/tests/Cell.test.tsx b/polaris-react/src/components/IndexTable/components/Cell/tests/Cell.test.tsx index 32d420ebfa3..2d44163e30a 100644 --- a/polaris-react/src/components/IndexTable/components/Cell/tests/Cell.test.tsx +++ b/polaris-react/src/components/IndexTable/components/Cell/tests/Cell.test.tsx @@ -1,4 +1,4 @@ -import React, {ReactElement} from 'react'; +import { ReactElement } from 'react'; import {mountWithApp} from 'tests/utilities'; import {Cell} from '../Cell'; diff --git a/polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx b/polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx index d332b0921a9..50159945fac 100644 --- a/polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx +++ b/polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx @@ -1,12 +1,4 @@ -import React, { - useContext, - memo, - useEffect, - useRef, - useCallback, - Fragment, - ReactNode, -} from 'react'; +import { useContext, memo, useEffect, useRef, useCallback, Fragment, ReactNode } from 'react'; import {debounce} from '../../../../utilities/debounce'; import {useI18n} from '../../../../utilities/i18n'; diff --git a/polaris-react/src/components/IndexTable/components/Checkbox/tests/Checkbox.test.tsx b/polaris-react/src/components/IndexTable/components/Checkbox/tests/Checkbox.test.tsx index 9c4d853732a..aac069bea94 100644 --- a/polaris-react/src/components/IndexTable/components/Checkbox/tests/Checkbox.test.tsx +++ b/polaris-react/src/components/IndexTable/components/Checkbox/tests/Checkbox.test.tsx @@ -1,4 +1,4 @@ -import React, {ReactElement} from 'react'; +import { ReactElement } from 'react'; import {mountWithApp} from 'tests/utilities'; import type {Element as ElementType} from '@shopify/react-testing'; import {act} from 'react-dom/test-utils'; diff --git a/polaris-react/src/components/IndexTable/components/Row/Row.tsx b/polaris-react/src/components/IndexTable/components/Row/Row.tsx index c97795fb1f9..cb18c346809 100644 --- a/polaris-react/src/components/IndexTable/components/Row/Row.tsx +++ b/polaris-react/src/components/IndexTable/components/Row/Row.tsx @@ -1,4 +1,4 @@ -import React, {useMemo, memo, useRef, useCallback} from 'react'; +import {useMemo, memo, useRef, useCallback} from 'react'; import {useToggle} from '../../../../utilities/use-toggle'; import { diff --git a/polaris-react/src/components/IndexTable/components/Row/tests/Row.test.tsx b/polaris-react/src/components/IndexTable/components/Row/tests/Row.test.tsx index a9ac9e5c98b..bcff0eccca1 100644 --- a/polaris-react/src/components/IndexTable/components/Row/tests/Row.test.tsx +++ b/polaris-react/src/components/IndexTable/components/Row/tests/Row.test.tsx @@ -1,4 +1,4 @@ -import React, {ReactElement} from 'react'; +import {ReactElement} from 'react'; import {mountWithApp} from 'tests/utilities'; import type {DeepPartial} from '@shopify/useful-types'; diff --git a/polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx b/polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx index 04d02e079a1..78299a5782f 100644 --- a/polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx +++ b/polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useEffect, useState} from 'react'; +import {useCallback, useEffect, useState} from 'react'; import {debounce} from '../../../../utilities/debounce'; import { diff --git a/polaris-react/src/components/IndexTable/components/ScrollContainer/tests/ScrollContainer.test.tsx b/polaris-react/src/components/IndexTable/components/ScrollContainer/tests/ScrollContainer.test.tsx index c17635bd683..c44587d54b3 100644 --- a/polaris-react/src/components/IndexTable/components/ScrollContainer/tests/ScrollContainer.test.tsx +++ b/polaris-react/src/components/IndexTable/components/ScrollContainer/tests/ScrollContainer.test.tsx @@ -1,18 +1,18 @@ -import React from 'react'; +import { useRef, createRef } from 'react'; import {mountWithApp} from 'tests/utilities'; import {ScrollContext} from '../../../../../utilities/index-table'; import {ScrollContainer} from '../ScrollContainer'; function TestComponent() { - const containerRef = React.useRef(null); + const containerRef = useRef(null); return
        Hello
        ; } describe('', () => { it('renders a ScrollContext provider', () => { - const ref = React.createRef(); + const ref = createRef(); const wrapper = mountWithApp( {}}> diff --git a/polaris-react/src/components/IndexTable/tests/IndexTable.test.tsx b/polaris-react/src/components/IndexTable/tests/IndexTable.test.tsx index bfe15186e2d..6818bcf68f3 100644 --- a/polaris-react/src/components/IndexTable/tests/IndexTable.test.tsx +++ b/polaris-react/src/components/IndexTable/tests/IndexTable.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {SortAscendingMajor, SortDescendingMajor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/Indicator/Indicator.tsx b/polaris-react/src/components/Indicator/Indicator.tsx index 47c770ed476..a774af2c4a8 100644 --- a/polaris-react/src/components/Indicator/Indicator.tsx +++ b/polaris-react/src/components/Indicator/Indicator.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../utilities/css'; import styles from './Indicator.scss'; diff --git a/polaris-react/src/components/Indicator/tests/Indicator.test.tsx b/polaris-react/src/components/Indicator/tests/Indicator.test.tsx index 9581b7411ce..7424b93b7bc 100644 --- a/polaris-react/src/components/Indicator/tests/Indicator.test.tsx +++ b/polaris-react/src/components/Indicator/tests/Indicator.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Indicator} from '../Indicator'; diff --git a/polaris-react/src/components/Inline/Inline.stories.tsx b/polaris-react/src/components/Inline/Inline.stories.tsx index bf0dee3d02d..9369a8ee860 100644 --- a/polaris-react/src/components/Inline/Inline.stories.tsx +++ b/polaris-react/src/components/Inline/Inline.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Box, Badge, Icon, Inline, Thumbnail} from '@shopify/polaris'; import {CapitalMajor, ImageMajor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/Inline/Inline.tsx b/polaris-react/src/components/Inline/Inline.tsx index 0ce91aec553..9eb40ec018d 100644 --- a/polaris-react/src/components/Inline/Inline.tsx +++ b/polaris-react/src/components/Inline/Inline.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {SpacingSpaceScale} from '@shopify/polaris-tokens'; import {getResponsiveProps} from '../../utilities/css'; diff --git a/polaris-react/src/components/Inline/tests/Inline.test.tsx b/polaris-react/src/components/Inline/tests/Inline.test.tsx index d110fc419e4..59cfe92c29a 100644 --- a/polaris-react/src/components/Inline/tests/Inline.test.tsx +++ b/polaris-react/src/components/Inline/tests/Inline.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Inline} from '../Inline'; diff --git a/polaris-react/src/components/InlineCode/InlineCode.tsx b/polaris-react/src/components/InlineCode/InlineCode.tsx index 8f732347a90..9cafbf4bcd0 100644 --- a/polaris-react/src/components/InlineCode/InlineCode.tsx +++ b/polaris-react/src/components/InlineCode/InlineCode.tsx @@ -1,4 +1,4 @@ -import React, {ReactNode} from 'react'; +import { ReactNode } from 'react'; import styles from './InlineCode.scss'; diff --git a/polaris-react/src/components/InlineCode/tests/InlineCode.test.tsx b/polaris-react/src/components/InlineCode/tests/InlineCode.test.tsx index b05714416e4..a87d23d111a 100644 --- a/polaris-react/src/components/InlineCode/tests/InlineCode.test.tsx +++ b/polaris-react/src/components/InlineCode/tests/InlineCode.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {InlineCode} from '../InlineCode'; diff --git a/polaris-react/src/components/InlineError/InlineError.stories.tsx b/polaris-react/src/components/InlineError/InlineError.stories.tsx index 879db4bfb38..d43b6b325f2 100644 --- a/polaris-react/src/components/InlineError/InlineError.stories.tsx +++ b/polaris-react/src/components/InlineError/InlineError.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {InlineError} from '@shopify/polaris'; diff --git a/polaris-react/src/components/InlineError/InlineError.tsx b/polaris-react/src/components/InlineError/InlineError.tsx index af0a40bf0d6..548219efa1a 100644 --- a/polaris-react/src/components/InlineError/InlineError.tsx +++ b/polaris-react/src/components/InlineError/InlineError.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {AlertMinor} from '@shopify/polaris-icons'; import {Icon} from '../Icon'; diff --git a/polaris-react/src/components/InlineError/tests/InlineError.test.tsx b/polaris-react/src/components/InlineError/tests/InlineError.test.tsx index 5a37f921e13..e7a205aa2cc 100644 --- a/polaris-react/src/components/InlineError/tests/InlineError.test.tsx +++ b/polaris-react/src/components/InlineError/tests/InlineError.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {InlineError, errorTextID} from '../InlineError'; diff --git a/polaris-react/src/components/KeyboardKey/KeyboardKey.stories.tsx b/polaris-react/src/components/KeyboardKey/KeyboardKey.stories.tsx index d695369eb40..a2a9379bf2d 100644 --- a/polaris-react/src/components/KeyboardKey/KeyboardKey.stories.tsx +++ b/polaris-react/src/components/KeyboardKey/KeyboardKey.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {KeyboardKey} from '@shopify/polaris'; diff --git a/polaris-react/src/components/KeyboardKey/KeyboardKey.tsx b/polaris-react/src/components/KeyboardKey/KeyboardKey.tsx index 48143dde832..0a24c0b024c 100644 --- a/polaris-react/src/components/KeyboardKey/KeyboardKey.tsx +++ b/polaris-react/src/components/KeyboardKey/KeyboardKey.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../utilities/css'; import styles from './KeyboardKey.scss'; diff --git a/polaris-react/src/components/KeyboardKey/tests/KeyboardKey.test.tsx b/polaris-react/src/components/KeyboardKey/tests/KeyboardKey.test.tsx index 3089336e782..9cbef9e6156 100644 --- a/polaris-react/src/components/KeyboardKey/tests/KeyboardKey.test.tsx +++ b/polaris-react/src/components/KeyboardKey/tests/KeyboardKey.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {KeyboardKey} from '../KeyboardKey'; diff --git a/polaris-react/src/components/KeypressListener/tests/KeypressListener.test.tsx b/polaris-react/src/components/KeypressListener/tests/KeypressListener.test.tsx index d759e60f0e4..472661a3dc8 100644 --- a/polaris-react/src/components/KeypressListener/tests/KeypressListener.test.tsx +++ b/polaris-react/src/components/KeypressListener/tests/KeypressListener.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Key} from '../../../types'; diff --git a/polaris-react/src/components/Label/Label.tsx b/polaris-react/src/components/Label/Label.tsx index 04a8c746d18..22e37952d29 100644 --- a/polaris-react/src/components/Label/Label.tsx +++ b/polaris-react/src/components/Label/Label.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../utilities/css'; import styles from './Label.scss'; diff --git a/polaris-react/src/components/Label/tests/Label.test.tsx b/polaris-react/src/components/Label/tests/Label.test.tsx index 2b6acb04b76..f7df7eb3113 100644 --- a/polaris-react/src/components/Label/tests/Label.test.tsx +++ b/polaris-react/src/components/Label/tests/Label.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Label, labelID} from '../Label'; diff --git a/polaris-react/src/components/Labelled/Labelled.tsx b/polaris-react/src/components/Labelled/Labelled.tsx index e4a07e65b79..67efaf9fe1d 100644 --- a/polaris-react/src/components/Labelled/Labelled.tsx +++ b/polaris-react/src/components/Labelled/Labelled.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../utilities/css'; import type {Action, Error} from '../../types'; import {buttonFrom} from '../Button'; diff --git a/polaris-react/src/components/Labelled/tests/Labelled.test.tsx b/polaris-react/src/components/Labelled/tests/Labelled.test.tsx index e4d28273bef..d8704895bf1 100644 --- a/polaris-react/src/components/Labelled/tests/Labelled.test.tsx +++ b/polaris-react/src/components/Labelled/tests/Labelled.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Button} from '../../Button'; diff --git a/polaris-react/src/components/Layout/Layout.stories.tsx b/polaris-react/src/components/Layout/Layout.stories.tsx index 87dd41a6381..db866f82d20 100644 --- a/polaris-react/src/components/Layout/Layout.stories.tsx +++ b/polaris-react/src/components/Layout/Layout.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Banner, diff --git a/polaris-react/src/components/Layout/Layout.tsx b/polaris-react/src/components/Layout/Layout.tsx index fad85a4eb10..fced30b6804 100644 --- a/polaris-react/src/components/Layout/Layout.tsx +++ b/polaris-react/src/components/Layout/Layout.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {AnnotatedSection, Section} from './components'; import styles from './Layout.scss'; diff --git a/polaris-react/src/components/Layout/components/AnnotatedSection/AnnotatedSection.tsx b/polaris-react/src/components/Layout/components/AnnotatedSection/AnnotatedSection.tsx index bac092e7afe..03817f62bb5 100644 --- a/polaris-react/src/components/Layout/components/AnnotatedSection/AnnotatedSection.tsx +++ b/polaris-react/src/components/Layout/components/AnnotatedSection/AnnotatedSection.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Box} from '../../../Box'; import {Text} from '../../../Text'; // eslint-disable-next-line import/no-deprecated diff --git a/polaris-react/src/components/Layout/components/Section/Section.tsx b/polaris-react/src/components/Layout/components/Section/Section.tsx index 628ee1628ec..6a00b2562e4 100644 --- a/polaris-react/src/components/Layout/components/Section/Section.tsx +++ b/polaris-react/src/components/Layout/components/Section/Section.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../utilities/css'; import styles from '../../Layout.scss'; diff --git a/polaris-react/src/components/Layout/tests/Layout.test.tsx b/polaris-react/src/components/Layout/tests/Layout.test.tsx index 4bb114ed4a1..c7fbaf0d532 100644 --- a/polaris-react/src/components/Layout/tests/Layout.test.tsx +++ b/polaris-react/src/components/Layout/tests/Layout.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Text} from '../../Text'; diff --git a/polaris-react/src/components/LegacyCard/LegacyCard.stories.tsx b/polaris-react/src/components/LegacyCard/LegacyCard.stories.tsx index 4663bce56b9..f5c1d9005f2 100644 --- a/polaris-react/src/components/LegacyCard/LegacyCard.stories.tsx +++ b/polaris-react/src/components/LegacyCard/LegacyCard.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import { ActionList, diff --git a/polaris-react/src/components/LegacyCard/LegacyCard.tsx b/polaris-react/src/components/LegacyCard/LegacyCard.tsx index 1901c90ccaa..990974c9126 100644 --- a/polaris-react/src/components/LegacyCard/LegacyCard.tsx +++ b/polaris-react/src/components/LegacyCard/LegacyCard.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {useI18n} from '../../utilities/i18n'; import {classNames} from '../../utilities/css'; import {useToggle} from '../../utilities/use-toggle'; diff --git a/polaris-react/src/components/LegacyCard/components/Header/Header.tsx b/polaris-react/src/components/LegacyCard/components/Header/Header.tsx index 617da8cf88e..85fb5c715ec 100644 --- a/polaris-react/src/components/LegacyCard/components/Header/Header.tsx +++ b/polaris-react/src/components/LegacyCard/components/Header/Header.tsx @@ -1,4 +1,4 @@ -import React, {isValidElement} from 'react'; +import {isValidElement} from 'react'; import type {DisableableAction} from '../../../../types'; import {buttonsFrom} from '../../../Button'; diff --git a/polaris-react/src/components/LegacyCard/components/Header/tests/Header.test.tsx b/polaris-react/src/components/LegacyCard/components/Header/tests/Header.test.tsx index 6449674f507..5e9717a56fc 100644 --- a/polaris-react/src/components/LegacyCard/components/Header/tests/Header.test.tsx +++ b/polaris-react/src/components/LegacyCard/components/Header/tests/Header.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {buttonsFrom} from '../../../../Button'; diff --git a/polaris-react/src/components/LegacyCard/components/Section/Section.tsx b/polaris-react/src/components/LegacyCard/components/Section/Section.tsx index 0e9f7fa68ce..b7a697b90b1 100644 --- a/polaris-react/src/components/LegacyCard/components/Section/Section.tsx +++ b/polaris-react/src/components/LegacyCard/components/Section/Section.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../utilities/css'; import type {ComplexAction} from '../../../../types'; import {buttonsFrom} from '../../../Button'; diff --git a/polaris-react/src/components/LegacyCard/components/Section/tests/Section.test.tsx b/polaris-react/src/components/LegacyCard/components/Section/tests/Section.test.tsx index be63f7cdfdd..f6024b117a1 100644 --- a/polaris-react/src/components/LegacyCard/components/Section/tests/Section.test.tsx +++ b/polaris-react/src/components/LegacyCard/components/Section/tests/Section.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Badge} from '../../../../Badge'; diff --git a/polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx b/polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx index c72f6b5ef35..f306f4f57af 100644 --- a/polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx +++ b/polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import styles from '../../LegacyCard.scss'; export interface LegacyCardSubsectionProps { diff --git a/polaris-react/src/components/LegacyCard/components/Subsection/tests/Subsection.test.tsx b/polaris-react/src/components/LegacyCard/components/Subsection/tests/Subsection.test.tsx index 0aaeea43fe2..5a7c2a035e5 100644 --- a/polaris-react/src/components/LegacyCard/components/Subsection/tests/Subsection.test.tsx +++ b/polaris-react/src/components/LegacyCard/components/Subsection/tests/Subsection.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Subsection} from '../Subsection'; diff --git a/polaris-react/src/components/LegacyCard/tests/LegacyCard.test.tsx b/polaris-react/src/components/LegacyCard/tests/LegacyCard.test.tsx index e923f4b14ed..4d91676e5dc 100644 --- a/polaris-react/src/components/LegacyCard/tests/LegacyCard.test.tsx +++ b/polaris-react/src/components/LegacyCard/tests/LegacyCard.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Badge} from '../../Badge'; diff --git a/polaris-react/src/components/LegacyStack/LegacyStack.stories.tsx b/polaris-react/src/components/LegacyStack/LegacyStack.stories.tsx index f007841ac34..d903e884bae 100644 --- a/polaris-react/src/components/LegacyStack/LegacyStack.stories.tsx +++ b/polaris-react/src/components/LegacyStack/LegacyStack.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Badge, Text, LegacyStack} from '@shopify/polaris'; diff --git a/polaris-react/src/components/LegacyStack/LegacyStack.tsx b/polaris-react/src/components/LegacyStack/LegacyStack.tsx index f5a69208ea9..58f7a386a87 100644 --- a/polaris-react/src/components/LegacyStack/LegacyStack.tsx +++ b/polaris-react/src/components/LegacyStack/LegacyStack.tsx @@ -1,4 +1,4 @@ -import React, {memo, NamedExoticComponent} from 'react'; +import {memo, NamedExoticComponent} from 'react'; import {classNames, variationName} from '../../utilities/css'; import {elementChildren, wrapWithComponent} from '../../utilities/components'; diff --git a/polaris-react/src/components/LegacyStack/components/Item/Item.tsx b/polaris-react/src/components/LegacyStack/components/Item/Item.tsx index 450131f7a5a..4b522d989ef 100644 --- a/polaris-react/src/components/LegacyStack/components/Item/Item.tsx +++ b/polaris-react/src/components/LegacyStack/components/Item/Item.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../utilities/css'; import styles from '../../LegacyStack.scss'; diff --git a/polaris-react/src/components/LegacyStack/tests/LegacyStack.test.tsx b/polaris-react/src/components/LegacyStack/tests/LegacyStack.test.tsx index 9551352e7f0..fcf3f18433b 100644 --- a/polaris-react/src/components/LegacyStack/tests/LegacyStack.test.tsx +++ b/polaris-react/src/components/LegacyStack/tests/LegacyStack.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {LegacyStack} from '../LegacyStack'; diff --git a/polaris-react/src/components/Link/Link.stories.tsx b/polaris-react/src/components/Link/Link.stories.tsx index a35fb7ad4d8..5f3cdb08a44 100644 --- a/polaris-react/src/components/Link/Link.stories.tsx +++ b/polaris-react/src/components/Link/Link.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Banner, Link} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Link/Link.tsx b/polaris-react/src/components/Link/Link.tsx index f1eb3a6b74a..f573d626051 100644 --- a/polaris-react/src/components/Link/Link.tsx +++ b/polaris-react/src/components/Link/Link.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {BannerContext} from '../../utilities/banner-context'; import {classNames} from '../../utilities/css'; import {UnstyledLink} from '../UnstyledLink'; diff --git a/polaris-react/src/components/Link/tests/Link.test.tsx b/polaris-react/src/components/Link/tests/Link.test.tsx index 41392e52106..adc74291914 100644 --- a/polaris-react/src/components/Link/tests/Link.test.tsx +++ b/polaris-react/src/components/Link/tests/Link.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Banner} from '../../Banner'; diff --git a/polaris-react/src/components/List/List.stories.tsx b/polaris-react/src/components/List/List.stories.tsx index 0d1b2e2a0cf..c945b16d417 100644 --- a/polaris-react/src/components/List/List.stories.tsx +++ b/polaris-react/src/components/List/List.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {List} from '@shopify/polaris'; diff --git a/polaris-react/src/components/List/List.tsx b/polaris-react/src/components/List/List.tsx index 19afc52c5f0..f2cf1c96379 100644 --- a/polaris-react/src/components/List/List.tsx +++ b/polaris-react/src/components/List/List.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames, variationName} from '../../utilities/css'; import {Item} from './components'; diff --git a/polaris-react/src/components/List/components/Item/Item.tsx b/polaris-react/src/components/List/components/Item/Item.tsx index d2ebfdb9353..58f6e1317b9 100644 --- a/polaris-react/src/components/List/components/Item/Item.tsx +++ b/polaris-react/src/components/List/components/Item/Item.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import styles from '../../List.scss'; export interface ItemProps { diff --git a/polaris-react/src/components/List/components/Item/tests/Item.test.tsx b/polaris-react/src/components/List/components/Item/tests/Item.test.tsx index a0f611eab95..5e39bdbc8b7 100644 --- a/polaris-react/src/components/List/components/Item/tests/Item.test.tsx +++ b/polaris-react/src/components/List/components/Item/tests/Item.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Item} from '../Item'; diff --git a/polaris-react/src/components/List/tests/List.test.tsx b/polaris-react/src/components/List/tests/List.test.tsx index 9bff04fee95..863c1457f9a 100644 --- a/polaris-react/src/components/List/tests/List.test.tsx +++ b/polaris-react/src/components/List/tests/List.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {List} from '../List'; diff --git a/polaris-react/src/components/Listbox/Listbox.stories.tsx b/polaris-react/src/components/Listbox/Listbox.stories.tsx index 8718bcaca90..ebc3394ff75 100644 --- a/polaris-react/src/components/Listbox/Listbox.stories.tsx +++ b/polaris-react/src/components/Listbox/Listbox.stories.tsx @@ -1,4 +1,4 @@ -import React, {useState} from 'react'; +import { useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { LegacyCard, diff --git a/polaris-react/src/components/Listbox/Listbox.tsx b/polaris-react/src/components/Listbox/Listbox.tsx index ae52c223705..c3a689ac010 100644 --- a/polaris-react/src/components/Listbox/Listbox.tsx +++ b/polaris-react/src/components/Listbox/Listbox.tsx @@ -1,4 +1,4 @@ -import React, { +import { useState, useRef, useEffect, diff --git a/polaris-react/src/components/Listbox/components/Action/Action.tsx b/polaris-react/src/components/Listbox/components/Action/Action.tsx index ffaf5496dd4..5db65b63397 100644 --- a/polaris-react/src/components/Listbox/components/Action/Action.tsx +++ b/polaris-react/src/components/Listbox/components/Action/Action.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Icon} from '../../../Icon'; import type {IconProps} from '../../../Icon'; import {Option, OptionProps} from '../Option'; diff --git a/polaris-react/src/components/Listbox/components/Action/tests/Action.test.tsx b/polaris-react/src/components/Listbox/components/Action/tests/Action.test.tsx index a0370452a2e..7c20b36171e 100644 --- a/polaris-react/src/components/Listbox/components/Action/tests/Action.test.tsx +++ b/polaris-react/src/components/Listbox/components/Action/tests/Action.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {CirclePlusMinor, AddMajor} from '@shopify/polaris-icons'; import {mountWithListboxProvider} from 'tests/utilities/listbox'; diff --git a/polaris-react/src/components/Listbox/components/Header/Header.tsx b/polaris-react/src/components/Listbox/components/Header/Header.tsx index 4ff346844b3..0afcb1a0e8d 100644 --- a/polaris-react/src/components/Listbox/components/Header/Header.tsx +++ b/polaris-react/src/components/Listbox/components/Header/Header.tsx @@ -1,4 +1,4 @@ -import React, {ReactNode} from 'react'; +import { ReactNode } from 'react'; import {useSection} from '../Section'; import {Box} from '../../../Box'; diff --git a/polaris-react/src/components/Listbox/components/Header/tests/Header.test.tsx b/polaris-react/src/components/Listbox/components/Header/tests/Header.test.tsx index c236df039a0..64411667bf5 100644 --- a/polaris-react/src/components/Listbox/components/Header/tests/Header.test.tsx +++ b/polaris-react/src/components/Listbox/components/Header/tests/Header.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Header} from '../Header'; diff --git a/polaris-react/src/components/Listbox/components/Loading/Loading.tsx b/polaris-react/src/components/Listbox/components/Loading/Loading.tsx index ee1f4b50261..e9768314f44 100644 --- a/polaris-react/src/components/Listbox/components/Loading/Loading.tsx +++ b/polaris-react/src/components/Listbox/components/Loading/Loading.tsx @@ -1,4 +1,4 @@ -import React, {memo, useEffect} from 'react'; +import {memo, useEffect} from 'react'; import {Spinner} from '../../../Spinner'; import {useListbox} from '../../../../utilities/listbox'; diff --git a/polaris-react/src/components/Listbox/components/Loading/tests/Loading.test.tsx b/polaris-react/src/components/Listbox/components/Loading/tests/Loading.test.tsx index 1f706d18355..85b5edb2f2b 100644 --- a/polaris-react/src/components/Listbox/components/Loading/tests/Loading.test.tsx +++ b/polaris-react/src/components/Listbox/components/Loading/tests/Loading.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {ListboxContext} from '../../../../../utilities/listbox'; diff --git a/polaris-react/src/components/Listbox/components/Option/Option.tsx b/polaris-react/src/components/Listbox/components/Option/Option.tsx index 9beaff172bb..93d078ef66b 100644 --- a/polaris-react/src/components/Listbox/components/Option/Option.tsx +++ b/polaris-react/src/components/Listbox/components/Option/Option.tsx @@ -1,4 +1,4 @@ -import React, {useRef, useCallback, memo, useContext, useId} from 'react'; +import {useRef, useCallback, memo, useContext, useId} from 'react'; import {classNames} from '../../../../utilities/css'; import {useListbox} from '../../../../utilities/listbox'; diff --git a/polaris-react/src/components/Listbox/components/Option/tests/Option.test.tsx b/polaris-react/src/components/Listbox/components/Option/tests/Option.test.tsx index e5b13c89147..0519523b80e 100644 --- a/polaris-react/src/components/Listbox/components/Option/tests/Option.test.tsx +++ b/polaris-react/src/components/Listbox/components/Option/tests/Option.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mount} from 'tests/utilities'; import {mountWithListboxProvider} from 'tests/utilities/listbox'; diff --git a/polaris-react/src/components/Listbox/components/Section/Section.tsx b/polaris-react/src/components/Listbox/components/Section/Section.tsx index 0240544e246..9624b160a2c 100644 --- a/polaris-react/src/components/Listbox/components/Section/Section.tsx +++ b/polaris-react/src/components/Listbox/components/Section/Section.tsx @@ -1,4 +1,4 @@ -import React, {ReactNode, useId} from 'react'; +import { ReactNode, useId } from 'react'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/Listbox/components/Section/tests/Section.test.tsx b/polaris-react/src/components/Listbox/components/Section/tests/Section.test.tsx index 40a889957ae..8880dcff10f 100644 --- a/polaris-react/src/components/Listbox/components/Section/tests/Section.test.tsx +++ b/polaris-react/src/components/Listbox/components/Section/tests/Section.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Section} from '../Section'; diff --git a/polaris-react/src/components/Listbox/components/TextOption/TextOption.tsx b/polaris-react/src/components/Listbox/components/TextOption/TextOption.tsx index ca5d4b2397c..a2a2b3d0971 100644 --- a/polaris-react/src/components/Listbox/components/TextOption/TextOption.tsx +++ b/polaris-react/src/components/Listbox/components/TextOption/TextOption.tsx @@ -1,4 +1,4 @@ -import React, {memo, useContext} from 'react'; +import {memo, useContext} from 'react'; import {Checkbox} from '../../../Checkbox'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/Listbox/components/TextOption/tests/TextOption.test.tsx b/polaris-react/src/components/Listbox/components/TextOption/tests/TextOption.test.tsx index 328793ea5fc..76c35621df3 100644 --- a/polaris-react/src/components/Listbox/components/TextOption/tests/TextOption.test.tsx +++ b/polaris-react/src/components/Listbox/components/TextOption/tests/TextOption.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mount, mountWithApp} from 'tests/utilities'; import {TextOption} from '../TextOption'; diff --git a/polaris-react/src/components/Listbox/tests/Listbox.test.tsx b/polaris-react/src/components/Listbox/tests/Listbox.test.tsx index 88693ab4c30..59f650fed70 100644 --- a/polaris-react/src/components/Listbox/tests/Listbox.test.tsx +++ b/polaris-react/src/components/Listbox/tests/Listbox.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {animationFrame, timer} from '@shopify/jest-dom-mocks'; import { diff --git a/polaris-react/src/components/Loading/Loading.stories.tsx b/polaris-react/src/components/Loading/Loading.stories.tsx index c0b145e463e..d1f4c9e5e27 100644 --- a/polaris-react/src/components/Loading/Loading.stories.tsx +++ b/polaris-react/src/components/Loading/Loading.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Frame, Loading} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Loading/tests/Loading.test.tsx b/polaris-react/src/components/Loading/tests/Loading.test.tsx index e802c9eb106..eef3d3ac42d 100644 --- a/polaris-react/src/components/Loading/tests/Loading.test.tsx +++ b/polaris-react/src/components/Loading/tests/Loading.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Loading} from '../Loading'; diff --git a/polaris-react/src/components/MediaCard/MediaCard.stories.tsx b/polaris-react/src/components/MediaCard/MediaCard.stories.tsx index 2a4b3b6fdd3..87250e19659 100644 --- a/polaris-react/src/components/MediaCard/MediaCard.stories.tsx +++ b/polaris-react/src/components/MediaCard/MediaCard.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {MediaCard, VideoThumbnail} from '@shopify/polaris'; diff --git a/polaris-react/src/components/MediaCard/MediaCard.tsx b/polaris-react/src/components/MediaCard/MediaCard.tsx index a37e04cb6ca..0d9a9b08e47 100644 --- a/polaris-react/src/components/MediaCard/MediaCard.tsx +++ b/polaris-react/src/components/MediaCard/MediaCard.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {HorizontalDotsMinor} from '@shopify/polaris-icons'; import {useToggle} from '../../utilities/use-toggle'; diff --git a/polaris-react/src/components/MediaCard/tests/MediaCard.test.tsx b/polaris-react/src/components/MediaCard/tests/MediaCard.test.tsx index b27f9cc35dc..535cef727e2 100644 --- a/polaris-react/src/components/MediaCard/tests/MediaCard.test.tsx +++ b/polaris-react/src/components/MediaCard/tests/MediaCard.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Text} from '../../Text'; diff --git a/polaris-react/src/components/MediaQueryProvider/MediaQueryProvider.tsx b/polaris-react/src/components/MediaQueryProvider/MediaQueryProvider.tsx index c63e554019d..1d07fd28f6d 100644 --- a/polaris-react/src/components/MediaQueryProvider/MediaQueryProvider.tsx +++ b/polaris-react/src/components/MediaQueryProvider/MediaQueryProvider.tsx @@ -1,4 +1,4 @@ -import React, {useEffect, useState, useCallback, useMemo} from 'react'; +import {useEffect, useState, useCallback, useMemo} from 'react'; import {debounce} from '../../utilities/debounce'; import {MediaQueryContext} from '../../utilities/media-query'; diff --git a/polaris-react/src/components/MediaQueryProvider/tests/MediaQueryProvider.test.tsx b/polaris-react/src/components/MediaQueryProvider/tests/MediaQueryProvider.test.tsx index 23ed7d790ca..4af05eb343a 100644 --- a/polaris-react/src/components/MediaQueryProvider/tests/MediaQueryProvider.test.tsx +++ b/polaris-react/src/components/MediaQueryProvider/tests/MediaQueryProvider.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {matchMedia} from '@shopify/jest-dom-mocks'; import {act} from 'react-dom/test-utils'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/MessageIndicator/MessageIndicator.tsx b/polaris-react/src/components/MessageIndicator/MessageIndicator.tsx index e621eee512e..0143f9f0a03 100644 --- a/polaris-react/src/components/MessageIndicator/MessageIndicator.tsx +++ b/polaris-react/src/components/MessageIndicator/MessageIndicator.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import styles from './MessageIndicator.scss'; export interface MessageIndicatorProps { diff --git a/polaris-react/src/components/MessageIndicator/tests/MessageIndicator.test.tsx b/polaris-react/src/components/MessageIndicator/tests/MessageIndicator.test.tsx index d431b6c2f48..681c92eb496 100644 --- a/polaris-react/src/components/MessageIndicator/tests/MessageIndicator.test.tsx +++ b/polaris-react/src/components/MessageIndicator/tests/MessageIndicator.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {MessageIndicator} from '../MessageIndicator'; diff --git a/polaris-react/src/components/Modal/Modal.stories.tsx b/polaris-react/src/components/Modal/Modal.stories.tsx index 2b732b9baea..0cf8875d1bd 100644 --- a/polaris-react/src/components/Modal/Modal.stories.tsx +++ b/polaris-react/src/components/Modal/Modal.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useRef, useState} from 'react'; +import { useCallback, useRef, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Banner, diff --git a/polaris-react/src/components/Modal/Modal.tsx b/polaris-react/src/components/Modal/Modal.tsx index 04f27f3829c..332f28337f0 100644 --- a/polaris-react/src/components/Modal/Modal.tsx +++ b/polaris-react/src/components/Modal/Modal.tsx @@ -1,4 +1,4 @@ -import React, {useState, useCallback, useRef, useId} from 'react'; +import {useState, useCallback, useRef, useId} from 'react'; import {TransitionGroup} from 'react-transition-group'; import {focusFirstFocusableNode} from '../../utilities/focus'; diff --git a/polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx b/polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx index 176f52ef244..ce14449284b 100644 --- a/polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx +++ b/polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {MobileCancelMajor} from '@shopify/polaris-icons'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/Modal/components/Dialog/Dialog.tsx b/polaris-react/src/components/Modal/components/Dialog/Dialog.tsx index ae4706dd863..53b5936ea3c 100644 --- a/polaris-react/src/components/Modal/components/Dialog/Dialog.tsx +++ b/polaris-react/src/components/Modal/components/Dialog/Dialog.tsx @@ -1,4 +1,4 @@ -import React, {useRef, useEffect, SetStateAction, Dispatch} from 'react'; +import {useRef, useEffect, SetStateAction, Dispatch} from 'react'; import {Transition, CSSTransition} from 'react-transition-group'; import {motion} from '@shopify/polaris-tokens'; diff --git a/polaris-react/src/components/Modal/components/Dialog/tests/Dialog.test.tsx b/polaris-react/src/components/Modal/components/Dialog/tests/Dialog.test.tsx index 04a6233ba0b..e16fa6cc5b0 100644 --- a/polaris-react/src/components/Modal/components/Dialog/tests/Dialog.test.tsx +++ b/polaris-react/src/components/Modal/components/Dialog/tests/Dialog.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {animationFrame} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Modal/components/Footer/Footer.tsx b/polaris-react/src/components/Modal/components/Footer/Footer.tsx index 7a282cd4c86..98a75088a38 100644 --- a/polaris-react/src/components/Modal/components/Footer/Footer.tsx +++ b/polaris-react/src/components/Modal/components/Footer/Footer.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import type {ComplexAction} from '../../../../types'; import {buttonsFrom} from '../../../Button'; import {Box} from '../../../Box'; diff --git a/polaris-react/src/components/Modal/components/Header/Header.tsx b/polaris-react/src/components/Modal/components/Header/Header.tsx index 7a2dadb58d9..14d522ca07c 100644 --- a/polaris-react/src/components/Modal/components/Header/Header.tsx +++ b/polaris-react/src/components/Modal/components/Header/Header.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Box} from '../../../Box'; import {CloseButton} from '../CloseButton'; import {Columns} from '../../../Columns'; diff --git a/polaris-react/src/components/Modal/components/Section/Section.tsx b/polaris-react/src/components/Modal/components/Section/Section.tsx index 032159fbbf6..589f90ee017 100644 --- a/polaris-react/src/components/Modal/components/Section/Section.tsx +++ b/polaris-react/src/components/Modal/components/Section/Section.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Box} from '../../../Box'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/Modal/tests/Modal.test.tsx b/polaris-react/src/components/Modal/tests/Modal.test.tsx index 12c5dee78c3..c0227907beb 100644 --- a/polaris-react/src/components/Modal/tests/Modal.test.tsx +++ b/polaris-react/src/components/Modal/tests/Modal.test.tsx @@ -1,4 +1,4 @@ -import React, {useRef} from 'react'; +import {useRef} from 'react'; import {animationFrame} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Navigation/Navigation.stories.tsx b/polaris-react/src/components/Navigation/Navigation.stories.tsx index d2bc4488c23..8aef24a351c 100644 --- a/polaris-react/src/components/Navigation/Navigation.stories.tsx +++ b/polaris-react/src/components/Navigation/Navigation.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Frame, Navigation, Text} from '@shopify/polaris'; import { diff --git a/polaris-react/src/components/Navigation/Navigation.tsx b/polaris-react/src/components/Navigation/Navigation.tsx index df8afc527a2..78b1ccb4193 100644 --- a/polaris-react/src/components/Navigation/Navigation.tsx +++ b/polaris-react/src/components/Navigation/Navigation.tsx @@ -1,4 +1,4 @@ -import React, {useMemo} from 'react'; +import {useMemo} from 'react'; import {Scrollable} from '../Scrollable'; import {WithinContentContext} from '../../utilities/within-content-context'; diff --git a/polaris-react/src/components/Navigation/components/Item/Item.tsx b/polaris-react/src/components/Navigation/components/Item/Item.tsx index 730048a65eb..1e0db016e4d 100644 --- a/polaris-react/src/components/Navigation/components/Item/Item.tsx +++ b/polaris-react/src/components/Navigation/components/Item/Item.tsx @@ -1,12 +1,4 @@ -import React, { - useEffect, - useContext, - useState, - MouseEvent, - ReactNode, - useRef, - useId, -} from 'react'; +import { useEffect, useContext, useState, MouseEvent, ReactNode, useRef, useId } from 'react'; import {useIsomorphicLayoutEffect} from '../../../../utilities/use-isomorphic-layout-effect'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx b/polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx index 58e59d0f254..613709fff22 100644 --- a/polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx +++ b/polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx @@ -1,4 +1,4 @@ -import React, {useId} from 'react'; +import {useId} from 'react'; import {Collapsible} from '../../../../../Collapsible'; import styles from '../../../../Navigation.scss'; diff --git a/polaris-react/src/components/Navigation/components/Item/components/Secondary/tests/Secondary.test.tsx b/polaris-react/src/components/Navigation/components/Item/components/Secondary/tests/Secondary.test.tsx index 15e4c454dc9..86cfb1ea56a 100644 --- a/polaris-react/src/components/Navigation/components/Item/components/Secondary/tests/Secondary.test.tsx +++ b/polaris-react/src/components/Navigation/components/Item/components/Secondary/tests/Secondary.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Collapsible} from '../../../../../../Collapsible'; diff --git a/polaris-react/src/components/Navigation/components/Item/tests/Item.test.tsx b/polaris-react/src/components/Navigation/components/Item/tests/Item.test.tsx index 97bc027491d..344241347a6 100644 --- a/polaris-react/src/components/Navigation/components/Item/tests/Item.test.tsx +++ b/polaris-react/src/components/Navigation/components/Item/tests/Item.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {PlusMinor} from '@shopify/polaris-icons'; import {matchMedia} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Navigation/components/Section/Section.tsx b/polaris-react/src/components/Navigation/components/Section/Section.tsx index 4ff6cd90894..8d30eecd891 100644 --- a/polaris-react/src/components/Navigation/components/Section/Section.tsx +++ b/polaris-react/src/components/Navigation/components/Section/Section.tsx @@ -1,4 +1,4 @@ -import React, {useEffect, useRef, useState, useId} from 'react'; +import { useEffect, useRef, useState, useId } from 'react'; import {HorizontalDotsMinor} from '@shopify/polaris-icons'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/Navigation/components/Section/tests/Section.test.tsx b/polaris-react/src/components/Navigation/components/Section/tests/Section.test.tsx index bb023bac343..597b700c1a6 100644 --- a/polaris-react/src/components/Navigation/components/Section/tests/Section.test.tsx +++ b/polaris-react/src/components/Navigation/components/Section/tests/Section.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {matchMedia, animationFrame} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Navigation/tests/Navigation.test.tsx b/polaris-react/src/components/Navigation/tests/Navigation.test.tsx index ff14ee1ad7c..fae4a5bddf3 100644 --- a/polaris-react/src/components/Navigation/tests/Navigation.test.tsx +++ b/polaris-react/src/components/Navigation/tests/Navigation.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Navigation} from '../Navigation'; diff --git a/polaris-react/src/components/OptionList/OptionList.stories.tsx b/polaris-react/src/components/OptionList/OptionList.stories.tsx index eb9f8d5bf3e..7a51c9d8744 100644 --- a/polaris-react/src/components/OptionList/OptionList.stories.tsx +++ b/polaris-react/src/components/OptionList/OptionList.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Button, LegacyCard, OptionList, Popover} from '@shopify/polaris'; diff --git a/polaris-react/src/components/OptionList/OptionList.tsx b/polaris-react/src/components/OptionList/OptionList.tsx index 804b5dbe92b..86e73630533 100644 --- a/polaris-react/src/components/OptionList/OptionList.tsx +++ b/polaris-react/src/components/OptionList/OptionList.tsx @@ -1,4 +1,4 @@ -import React, {useState, useCallback, useId} from 'react'; +import { useState, useCallback, useId } from 'react'; import type { Descriptor, diff --git a/polaris-react/src/components/OptionList/components/Checkbox/Checkbox.tsx b/polaris-react/src/components/OptionList/components/Checkbox/Checkbox.tsx index 4ae49230ffc..65564666db3 100644 --- a/polaris-react/src/components/OptionList/components/Checkbox/Checkbox.tsx +++ b/polaris-react/src/components/OptionList/components/Checkbox/Checkbox.tsx @@ -1,4 +1,4 @@ -import React, {useId} from 'react'; +import { useId } from 'react'; import {TickSmallMinor} from '@shopify/polaris-icons'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/OptionList/components/Checkbox/tests/Checkbox.test.tsx b/polaris-react/src/components/OptionList/components/Checkbox/tests/Checkbox.test.tsx index 93d22c8c264..a757f9121c7 100644 --- a/polaris-react/src/components/OptionList/components/Checkbox/tests/Checkbox.test.tsx +++ b/polaris-react/src/components/OptionList/components/Checkbox/tests/Checkbox.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Checkbox, CheckboxProps} from '../Checkbox'; diff --git a/polaris-react/src/components/OptionList/components/Option/Option.tsx b/polaris-react/src/components/OptionList/components/Option/Option.tsx index 3d2c46ffb0f..c7e94205a4f 100644 --- a/polaris-react/src/components/OptionList/components/Option/Option.tsx +++ b/polaris-react/src/components/OptionList/components/Option/Option.tsx @@ -1,4 +1,4 @@ -import React, {useCallback} from 'react'; +import {useCallback} from 'react'; import {useToggle} from '../../../../utilities/use-toggle'; import type {IconProps} from '../../../Icon'; diff --git a/polaris-react/src/components/OptionList/components/Option/tests/Option.test.tsx b/polaris-react/src/components/OptionList/components/Option/tests/Option.test.tsx index 4aed7b01827..3a285e4a454 100644 --- a/polaris-react/src/components/OptionList/components/Option/tests/Option.test.tsx +++ b/polaris-react/src/components/OptionList/components/Option/tests/Option.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Checkbox} from '../../Checkbox'; diff --git a/polaris-react/src/components/OptionList/tests/OptionList.test.tsx b/polaris-react/src/components/OptionList/tests/OptionList.test.tsx index 4986cd77196..38883778e6d 100644 --- a/polaris-react/src/components/OptionList/tests/OptionList.test.tsx +++ b/polaris-react/src/components/OptionList/tests/OptionList.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Option} from '../components'; diff --git a/polaris-react/src/components/Page/Page.stories.tsx b/polaris-react/src/components/Page/Page.stories.tsx index bcab622052c..3e7aba897d8 100644 --- a/polaris-react/src/components/Page/Page.stories.tsx +++ b/polaris-react/src/components/Page/Page.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Badge, diff --git a/polaris-react/src/components/Page/Page.tsx b/polaris-react/src/components/Page/Page.tsx index 2ac7b12453e..b4ebb4f94cb 100644 --- a/polaris-react/src/components/Page/Page.tsx +++ b/polaris-react/src/components/Page/Page.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../utilities/css'; import {isInterface} from '../../utilities/is-interface'; import {isReactElement} from '../../utilities/is-react-element'; diff --git a/polaris-react/src/components/Page/components/Header/Header.tsx b/polaris-react/src/components/Page/components/Header/Header.tsx index 6b41f0942d0..d2a35f2c178 100644 --- a/polaris-react/src/components/Page/components/Header/Header.tsx +++ b/polaris-react/src/components/Page/components/Header/Header.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../utilities/css'; import {buttonFrom} from '../../../Button'; import {Text} from '../../../Text'; diff --git a/polaris-react/src/components/Page/components/Header/components/Title/Title.tsx b/polaris-react/src/components/Page/components/Header/components/Title/Title.tsx index 7f465528dc1..b1240011416 100644 --- a/polaris-react/src/components/Page/components/Header/components/Title/Title.tsx +++ b/polaris-react/src/components/Page/components/Header/components/Title/Title.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../../../utilities/css'; import styles from './Title.scss'; diff --git a/polaris-react/src/components/Page/components/Header/components/Title/tests/Title.test.tsx b/polaris-react/src/components/Page/components/Header/components/Title/tests/Title.test.tsx index e31f25028fe..d21bf58e58b 100644 --- a/polaris-react/src/components/Page/components/Header/components/Title/tests/Title.test.tsx +++ b/polaris-react/src/components/Page/components/Header/components/Title/tests/Title.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Badge} from '../../../../../../Badge'; diff --git a/polaris-react/src/components/Page/components/Header/tests/Header.test.tsx b/polaris-react/src/components/Page/components/Header/tests/Header.test.tsx index 3cb77500365..d3631954877 100644 --- a/polaris-react/src/components/Page/components/Header/tests/Header.test.tsx +++ b/polaris-react/src/components/Page/components/Header/tests/Header.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {PlusMinor} from '@shopify/polaris-icons'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/Page/tests/Page.test.tsx b/polaris-react/src/components/Page/tests/Page.test.tsx index 535ffe6639a..f7790d8013d 100644 --- a/polaris-react/src/components/Page/tests/Page.test.tsx +++ b/polaris-react/src/components/Page/tests/Page.test.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import {animationFrame} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/PageActions/PageActions.stories.tsx b/polaris-react/src/components/PageActions/PageActions.stories.tsx index 0b74356e2a3..696f2907766 100644 --- a/polaris-react/src/components/PageActions/PageActions.stories.tsx +++ b/polaris-react/src/components/PageActions/PageActions.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Button, PageActions} from '@shopify/polaris'; diff --git a/polaris-react/src/components/PageActions/PageActions.tsx b/polaris-react/src/components/PageActions/PageActions.tsx index 1cd083aca50..362cffa7f63 100644 --- a/polaris-react/src/components/PageActions/PageActions.tsx +++ b/polaris-react/src/components/PageActions/PageActions.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import type { ComplexAction, DisableableAction, diff --git a/polaris-react/src/components/PageActions/tests/PageActions.test.tsx b/polaris-react/src/components/PageActions/tests/PageActions.test.tsx index fe577b1e1d5..4bb58213528 100644 --- a/polaris-react/src/components/PageActions/tests/PageActions.test.tsx +++ b/polaris-react/src/components/PageActions/tests/PageActions.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {ButtonGroup} from '../../ButtonGroup'; diff --git a/polaris-react/src/components/Pagination/Pagination.stories.tsx b/polaris-react/src/components/Pagination/Pagination.stories.tsx index ae7f1efbd66..2c17d1a36cf 100644 --- a/polaris-react/src/components/Pagination/Pagination.stories.tsx +++ b/polaris-react/src/components/Pagination/Pagination.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Pagination} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Pagination/Pagination.tsx b/polaris-react/src/components/Pagination/Pagination.tsx index 6fb8850bff1..e8edd6c4b73 100644 --- a/polaris-react/src/components/Pagination/Pagination.tsx +++ b/polaris-react/src/components/Pagination/Pagination.tsx @@ -1,5 +1,5 @@ import {ChevronLeftMinor, ChevronRightMinor} from '@shopify/polaris-icons'; -import React, {createRef} from 'react'; +import {createRef} from 'react'; import type {Key} from '../../types'; import {useI18n} from '../../utilities/i18n'; diff --git a/polaris-react/src/components/Pagination/tests/Pagination.test.tsx b/polaris-react/src/components/Pagination/tests/Pagination.test.tsx index 88b3b748867..13f9248ef51 100644 --- a/polaris-react/src/components/Pagination/tests/Pagination.test.tsx +++ b/polaris-react/src/components/Pagination/tests/Pagination.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import type {CustomRoot} from '@shopify/react-testing'; diff --git a/polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx b/polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx index 41b825de830..b50894dc9ad 100644 --- a/polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx +++ b/polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx @@ -1,4 +1,4 @@ -import React, {useMemo, Fragment, StrictMode} from 'react'; +import {useMemo, Fragment, StrictMode} from 'react'; import {PortalsManager} from '../PortalsManager'; import {FocusManager} from '../FocusManager'; diff --git a/polaris-react/src/components/PolarisTestProvider/tests/PolarisTestProvider.test.tsx b/polaris-react/src/components/PolarisTestProvider/tests/PolarisTestProvider.test.tsx index e63cfe3cb21..cd0df9085e9 100644 --- a/polaris-react/src/components/PolarisTestProvider/tests/PolarisTestProvider.test.tsx +++ b/polaris-react/src/components/PolarisTestProvider/tests/PolarisTestProvider.test.tsx @@ -1,4 +1,4 @@ -import React, {StrictMode} from 'react'; +import { StrictMode } from 'react'; import {mount, mountWithApp} from 'tests/utilities'; import {MediaQueryContext, useMediaQuery} from '../../../utilities/media-query'; diff --git a/polaris-react/src/components/Popover/Popover.stories.tsx b/polaris-react/src/components/Popover/Popover.stories.tsx index 56dc742ca5b..9684c84e3ab 100644 --- a/polaris-react/src/components/Popover/Popover.stories.tsx +++ b/polaris-react/src/components/Popover/Popover.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import {useCallback, useState} from 'react'; import type {ComponentMeta} from '@storybook/react'; import { ActionList, diff --git a/polaris-react/src/components/Popover/Popover.tsx b/polaris-react/src/components/Popover/Popover.tsx index 6c1ff3acd7d..9e23d04ad63 100644 --- a/polaris-react/src/components/Popover/Popover.tsx +++ b/polaris-react/src/components/Popover/Popover.tsx @@ -1,4 +1,4 @@ -import React, { +import { Children, forwardRef, useEffect, @@ -8,6 +8,7 @@ import React, { useId, useState, } from 'react'; + import type {AriaAttributes} from 'react'; import { diff --git a/polaris-react/src/components/Popover/components/Pane/Pane.tsx b/polaris-react/src/components/Popover/components/Pane/Pane.tsx index 2ee7d084097..60d8c41d3ca 100644 --- a/polaris-react/src/components/Popover/components/Pane/Pane.tsx +++ b/polaris-react/src/components/Popover/components/Pane/Pane.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../utilities/css'; import {wrapWithComponent} from '../../../../utilities/components'; import {Scrollable} from '../../../Scrollable'; diff --git a/polaris-react/src/components/Popover/components/Pane/tests/Pane.test.tsx b/polaris-react/src/components/Popover/components/Pane/tests/Pane.test.tsx index d7425392284..9d7b5f7ecf6 100644 --- a/polaris-react/src/components/Popover/components/Pane/tests/Pane.test.tsx +++ b/polaris-react/src/components/Popover/components/Pane/tests/Pane.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Scrollable} from '../../../../Scrollable'; diff --git a/polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx b/polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx index 85a17335068..356f9ad8df0 100644 --- a/polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx +++ b/polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx @@ -1,4 +1,4 @@ -import React, {PureComponent, Children, createRef} from 'react'; +import {PureComponent, Children, createRef} from 'react'; import {motion} from '@shopify/polaris-tokens'; import {findFirstKeyboardFocusableNode} from '../../../../utilities/focus'; diff --git a/polaris-react/src/components/Popover/components/PopoverOverlay/tests/PopoverOverlay.test.tsx b/polaris-react/src/components/Popover/components/PopoverOverlay/tests/PopoverOverlay.test.tsx index 81112174401..b35e84fe6f8 100644 --- a/polaris-react/src/components/Popover/components/PopoverOverlay/tests/PopoverOverlay.test.tsx +++ b/polaris-react/src/components/Popover/components/PopoverOverlay/tests/PopoverOverlay.test.tsx @@ -1,4 +1,4 @@ -import React, {useRef} from 'react'; +import { useState, useRef } from 'react'; import {mountWithApp} from 'tests/utilities'; import {Key} from '../../../../../types'; @@ -350,7 +350,7 @@ describe('', () => { describe('deleting descendant elements', () => { const DeleteButton = () => { - const [show, setShow] = React.useState(true); + const [show, setShow] = useState(true); return show ? ( diff --git a/polaris-react/src/components/Popover/components/Section/Section.tsx b/polaris-react/src/components/Popover/components/Section/Section.tsx index ea14c9d0550..02cc8d3263b 100644 --- a/polaris-react/src/components/Popover/components/Section/Section.tsx +++ b/polaris-react/src/components/Popover/components/Section/Section.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Box} from '../../../Box'; import styles from '../../Popover.scss'; diff --git a/polaris-react/src/components/Popover/components/Section/tests/Section.test.tsx b/polaris-react/src/components/Popover/components/Section/tests/Section.test.tsx index 6ef0a65d3c1..57806de321e 100644 --- a/polaris-react/src/components/Popover/components/Section/tests/Section.test.tsx +++ b/polaris-react/src/components/Popover/components/Section/tests/Section.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; // eslint-disable-next-line import/no-deprecated diff --git a/polaris-react/src/components/Popover/tests/Popover.test.tsx b/polaris-react/src/components/Popover/tests/Popover.test.tsx index 941ebc689ed..8730e7579de 100644 --- a/polaris-react/src/components/Popover/tests/Popover.test.tsx +++ b/polaris-react/src/components/Popover/tests/Popover.test.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useRef, useState} from 'react'; +import {useCallback, useRef, useState} from 'react'; import {mountWithApp} from 'tests/utilities'; import {Portal} from '../../Portal'; diff --git a/polaris-react/src/components/Portal/Portal.tsx b/polaris-react/src/components/Portal/Portal.tsx index cb3fd0da96b..f501b46ef4e 100644 --- a/polaris-react/src/components/Portal/Portal.tsx +++ b/polaris-react/src/components/Portal/Portal.tsx @@ -1,4 +1,4 @@ -import React, {useEffect, useId} from 'react'; +import {useEffect, useId} from 'react'; import {createPortal} from 'react-dom'; import {usePortalsManager} from '../../utilities/portals'; diff --git a/polaris-react/src/components/Portal/tests/Portal.test.tsx b/polaris-react/src/components/Portal/tests/Portal.test.tsx index 085c35386f2..82aa1fffc29 100644 --- a/polaris-react/src/components/Portal/tests/Portal.test.tsx +++ b/polaris-react/src/components/Portal/tests/Portal.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Portal} from '../Portal'; diff --git a/polaris-react/src/components/PortalsManager/PortalsManager.tsx b/polaris-react/src/components/PortalsManager/PortalsManager.tsx index 5764840442d..cd94df7d961 100644 --- a/polaris-react/src/components/PortalsManager/PortalsManager.tsx +++ b/polaris-react/src/components/PortalsManager/PortalsManager.tsx @@ -1,4 +1,4 @@ -import React, {useMemo, useState} from 'react'; +import {useMemo, useState} from 'react'; import { PortalsManagerContext, diff --git a/polaris-react/src/components/PortalsManager/components/PortalsContainer/PortalsContainer.tsx b/polaris-react/src/components/PortalsManager/components/PortalsContainer/PortalsContainer.tsx index 326d1f5c2f7..8c87d1c6033 100644 --- a/polaris-react/src/components/PortalsManager/components/PortalsContainer/PortalsContainer.tsx +++ b/polaris-react/src/components/PortalsManager/components/PortalsContainer/PortalsContainer.tsx @@ -1,4 +1,4 @@ -import React, {forwardRef, RefObject} from 'react'; +import { forwardRef, RefObject } from 'react'; export interface PolarisContainerProps {} diff --git a/polaris-react/src/components/PortalsManager/tests/PortalsManager.test.tsx b/polaris-react/src/components/PortalsManager/tests/PortalsManager.test.tsx index fcdee28bc18..22aee8be5c9 100644 --- a/polaris-react/src/components/PortalsManager/tests/PortalsManager.test.tsx +++ b/polaris-react/src/components/PortalsManager/tests/PortalsManager.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp, mount} from 'tests/utilities'; import {usePortalsManager} from '../../../utilities/portals'; diff --git a/polaris-react/src/components/PositionedOverlay/PositionedOverlay.tsx b/polaris-react/src/components/PositionedOverlay/PositionedOverlay.tsx index 3da6fa2c6a9..6fd04a9c957 100644 --- a/polaris-react/src/components/PositionedOverlay/PositionedOverlay.tsx +++ b/polaris-react/src/components/PositionedOverlay/PositionedOverlay.tsx @@ -1,4 +1,4 @@ -import React, {PureComponent} from 'react'; +import {PureComponent} from 'react'; import {classNames} from '../../utilities/css'; import {getRectForNode, Rect} from '../../utilities/geometry'; diff --git a/polaris-react/src/components/PositionedOverlay/tests/PositionedOverlay.test.tsx b/polaris-react/src/components/PositionedOverlay/tests/PositionedOverlay.test.tsx index dc2d0ca7d40..d112fcedb97 100644 --- a/polaris-react/src/components/PositionedOverlay/tests/PositionedOverlay.test.tsx +++ b/polaris-react/src/components/PositionedOverlay/tests/PositionedOverlay.test.tsx @@ -1,4 +1,4 @@ -import React, {useRef} from 'react'; +import { useRef } from 'react'; import {mountWithApp} from 'tests/utilities'; // eslint-disable-next-line import/no-deprecated diff --git a/polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx b/polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx index 50154227d3f..6fd2eb5c477 100644 --- a/polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx +++ b/polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {ProgressBar} from '@shopify/polaris'; diff --git a/polaris-react/src/components/ProgressBar/ProgressBar.tsx b/polaris-react/src/components/ProgressBar/ProgressBar.tsx index c93b03a3736..44bee8c5fd8 100644 --- a/polaris-react/src/components/ProgressBar/ProgressBar.tsx +++ b/polaris-react/src/components/ProgressBar/ProgressBar.tsx @@ -1,4 +1,4 @@ -import React, {useRef} from 'react'; +import {useRef} from 'react'; import {CSSTransition} from 'react-transition-group'; import {motion} from '@shopify/polaris-tokens'; diff --git a/polaris-react/src/components/ProgressBar/tests/ProgressBar.test.tsx b/polaris-react/src/components/ProgressBar/tests/ProgressBar.test.tsx index 093a016fa60..20e0fa50dea 100644 --- a/polaris-react/src/components/ProgressBar/tests/ProgressBar.test.tsx +++ b/polaris-react/src/components/ProgressBar/tests/ProgressBar.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {CSSTransition} from 'react-transition-group'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/RadioButton/RadioButton.stories.tsx b/polaris-react/src/components/RadioButton/RadioButton.stories.tsx index 5fed303ebca..881d04d51f0 100644 --- a/polaris-react/src/components/RadioButton/RadioButton.stories.tsx +++ b/polaris-react/src/components/RadioButton/RadioButton.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {RadioButton, LegacyStack} from '@shopify/polaris'; diff --git a/polaris-react/src/components/RadioButton/RadioButton.tsx b/polaris-react/src/components/RadioButton/RadioButton.tsx index 70152ee84ed..a72c6eca474 100644 --- a/polaris-react/src/components/RadioButton/RadioButton.tsx +++ b/polaris-react/src/components/RadioButton/RadioButton.tsx @@ -1,4 +1,4 @@ -import React, {useRef, useId} from 'react'; +import {useRef, useId} from 'react'; import {useToggle} from '../../utilities/use-toggle'; import {classNames} from '../../utilities/css'; diff --git a/polaris-react/src/components/RadioButton/tests/RadioButton.test.tsx b/polaris-react/src/components/RadioButton/tests/RadioButton.test.tsx index f2a99c06289..fad43436263 100644 --- a/polaris-react/src/components/RadioButton/tests/RadioButton.test.tsx +++ b/polaris-react/src/components/RadioButton/tests/RadioButton.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {RadioButton} from '../RadioButton'; diff --git a/polaris-react/src/components/RangeSlider/RangeSlider.stories.tsx b/polaris-react/src/components/RangeSlider/RangeSlider.stories.tsx index 489e7a6569f..c6cd14a7bab 100644 --- a/polaris-react/src/components/RangeSlider/RangeSlider.stories.tsx +++ b/polaris-react/src/components/RangeSlider/RangeSlider.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { LegacyCard, diff --git a/polaris-react/src/components/RangeSlider/RangeSlider.tsx b/polaris-react/src/components/RangeSlider/RangeSlider.tsx index 5c83f4afa07..633aa7ca6cb 100644 --- a/polaris-react/src/components/RangeSlider/RangeSlider.tsx +++ b/polaris-react/src/components/RangeSlider/RangeSlider.tsx @@ -1,4 +1,4 @@ -import React, {useId} from 'react'; +import { useId } from 'react'; import type {RangeSliderProps, RangeSliderValue, DualValue} from './types'; import {SingleThumb, DualThumb} from './components'; diff --git a/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.tsx b/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.tsx index d192986f30c..00d060e284e 100644 --- a/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.tsx +++ b/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.tsx @@ -1,4 +1,4 @@ -import React, {Component, createRef} from 'react'; +import {Component, createRef} from 'react'; import {debounce} from '../../../../utilities/debounce'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/RangeSlider/components/DualThumb/tests/DualThumb.test.tsx b/polaris-react/src/components/RangeSlider/components/DualThumb/tests/DualThumb.test.tsx index 022cd3c8b72..a12dc0a075b 100644 --- a/polaris-react/src/components/RangeSlider/components/DualThumb/tests/DualThumb.test.tsx +++ b/polaris-react/src/components/RangeSlider/components/DualThumb/tests/DualThumb.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp, CustomRoot} from 'tests/utilities'; import {Key} from '../../../../../types'; diff --git a/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.tsx b/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.tsx index 57bd7097b58..4b6fd45d560 100644 --- a/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.tsx +++ b/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../utilities/css'; import {clamp} from '../../../../utilities/clamp'; import {Labelled, helpTextID} from '../../../Labelled'; diff --git a/polaris-react/src/components/RangeSlider/components/SingleThumb/tests/SingleThumb.test.tsx b/polaris-react/src/components/RangeSlider/components/SingleThumb/tests/SingleThumb.test.tsx index 75683bebba5..5707da3229d 100644 --- a/polaris-react/src/components/RangeSlider/components/SingleThumb/tests/SingleThumb.test.tsx +++ b/polaris-react/src/components/RangeSlider/components/SingleThumb/tests/SingleThumb.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {InlineError} from '../../../../InlineError'; diff --git a/polaris-react/src/components/RangeSlider/tests/RangeSlider.test.tsx b/polaris-react/src/components/RangeSlider/tests/RangeSlider.test.tsx index b49c3b44553..922fb19a79a 100644 --- a/polaris-react/src/components/RangeSlider/tests/RangeSlider.test.tsx +++ b/polaris-react/src/components/RangeSlider/tests/RangeSlider.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {RangeSlider} from '../RangeSlider'; diff --git a/polaris-react/src/components/ResourceItem/ResourceItem.stories.tsx b/polaris-react/src/components/ResourceItem/ResourceItem.stories.tsx index 0597ae4a4bf..35034baa1f0 100644 --- a/polaris-react/src/components/ResourceItem/ResourceItem.stories.tsx +++ b/polaris-react/src/components/ResourceItem/ResourceItem.stories.tsx @@ -1,4 +1,4 @@ -import React, {useState} from 'react'; +import { useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Avatar, diff --git a/polaris-react/src/components/ResourceItem/ResourceItem.tsx b/polaris-react/src/components/ResourceItem/ResourceItem.tsx index 59b19afc190..ad634f4269b 100644 --- a/polaris-react/src/components/ResourceItem/ResourceItem.tsx +++ b/polaris-react/src/components/ResourceItem/ResourceItem.tsx @@ -1,4 +1,4 @@ -import React, {Component, createRef, useContext, useId} from 'react'; +import {Component, createRef, useContext, useId} from 'react'; import {HorizontalDotsMinor} from '@shopify/polaris-icons'; import isEqual from 'react-fast-compare'; diff --git a/polaris-react/src/components/ResourceItem/tests/ResourceItem.test.tsx b/polaris-react/src/components/ResourceItem/tests/ResourceItem.test.tsx index 8b584bea38c..f1ac38dedcf 100644 --- a/polaris-react/src/components/ResourceItem/tests/ResourceItem.test.tsx +++ b/polaris-react/src/components/ResourceItem/tests/ResourceItem.test.tsx @@ -1,4 +1,4 @@ -import React, {AllHTMLAttributes} from 'react'; +import { AllHTMLAttributes } from 'react'; import {mountWithApp} from 'tests/utilities'; import {matchMedia} from '@shopify/jest-dom-mocks'; import {setMediaWidth} from 'tests/utilities/breakpoints'; diff --git a/polaris-react/src/components/ResourceList/ResourceList.stories.tsx b/polaris-react/src/components/ResourceList/ResourceList.stories.tsx index f985d6d718a..21befec954f 100644 --- a/polaris-react/src/components/ResourceList/ResourceList.stories.tsx +++ b/polaris-react/src/components/ResourceList/ResourceList.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Avatar, diff --git a/polaris-react/src/components/ResourceList/ResourceList.tsx b/polaris-react/src/components/ResourceList/ResourceList.tsx index b215d548422..5e65951eec0 100644 --- a/polaris-react/src/components/ResourceList/ResourceList.tsx +++ b/polaris-react/src/components/ResourceList/ResourceList.tsx @@ -1,4 +1,4 @@ -import React, { +import { useCallback, useEffect, useReducer, diff --git a/polaris-react/src/components/ResourceList/tests/ResourceList.test.tsx b/polaris-react/src/components/ResourceList/tests/ResourceList.test.tsx index af5bc874971..b766151e83c 100644 --- a/polaris-react/src/components/ResourceList/tests/ResourceList.test.tsx +++ b/polaris-react/src/components/ResourceList/tests/ResourceList.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {matchMedia} from '@shopify/jest-dom-mocks'; diff --git a/polaris-react/src/components/ScrollLock/tests/ScrollLock.test.tsx b/polaris-react/src/components/ScrollLock/tests/ScrollLock.test.tsx index ea43914b60f..667c4691bf8 100644 --- a/polaris-react/src/components/ScrollLock/tests/ScrollLock.test.tsx +++ b/polaris-react/src/components/ScrollLock/tests/ScrollLock.test.tsx @@ -1,4 +1,4 @@ -import React, {useState, useCallback} from 'react'; +import { useState, useCallback } from 'react'; import {mountWithApp} from 'tests/utilities'; import {SCROLL_LOCKING_ATTRIBUTE} from '../../../utilities/scroll-lock-manager'; diff --git a/polaris-react/src/components/Scrollable/Scrollable.stories.tsx b/polaris-react/src/components/Scrollable/Scrollable.stories.tsx index 50751de6512..8df4effbc64 100644 --- a/polaris-react/src/components/Scrollable/Scrollable.stories.tsx +++ b/polaris-react/src/components/Scrollable/Scrollable.stories.tsx @@ -1,4 +1,4 @@ -import React, {ComponentRef, useRef} from 'react'; +import { ComponentRef, useRef } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Button, LegacyCard, Scrollable} from '@shopify/polaris'; import type {ScrollableRef} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Scrollable/Scrollable.tsx b/polaris-react/src/components/Scrollable/Scrollable.tsx index aa3a27d9ef5..906be646d14 100644 --- a/polaris-react/src/components/Scrollable/Scrollable.tsx +++ b/polaris-react/src/components/Scrollable/Scrollable.tsx @@ -1,4 +1,4 @@ -import React, { +import { useEffect, useRef, useState, diff --git a/polaris-react/src/components/Scrollable/components/ScrollTo/ScrollTo.tsx b/polaris-react/src/components/Scrollable/components/ScrollTo/ScrollTo.tsx index 41dee29250b..1f93507d832 100644 --- a/polaris-react/src/components/Scrollable/components/ScrollTo/ScrollTo.tsx +++ b/polaris-react/src/components/Scrollable/components/ScrollTo/ScrollTo.tsx @@ -1,4 +1,4 @@ -import React, {useContext, useEffect, useRef, useId} from 'react'; +import { useContext, useEffect, useRef, useId } from 'react'; import {ScrollableContext} from '../../context'; diff --git a/polaris-react/src/components/Scrollable/components/ScrollTo/tests/ScrollTo.test.tsx b/polaris-react/src/components/Scrollable/components/ScrollTo/tests/ScrollTo.test.tsx index 395022aa275..f000f62440a 100644 --- a/polaris-react/src/components/Scrollable/components/ScrollTo/tests/ScrollTo.test.tsx +++ b/polaris-react/src/components/Scrollable/components/ScrollTo/tests/ScrollTo.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {ScrollTo} from '../ScrollTo'; diff --git a/polaris-react/src/components/Scrollable/tests/Scrollable.test.tsx b/polaris-react/src/components/Scrollable/tests/Scrollable.test.tsx index c04bdc41de3..ccbf4cf61b4 100644 --- a/polaris-react/src/components/Scrollable/tests/Scrollable.test.tsx +++ b/polaris-react/src/components/Scrollable/tests/Scrollable.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Scrollable} from '../Scrollable'; diff --git a/polaris-react/src/components/Select/Select.stories.tsx b/polaris-react/src/components/Select/Select.stories.tsx index 84d37669da1..bd1433d7a63 100644 --- a/polaris-react/src/components/Select/Select.stories.tsx +++ b/polaris-react/src/components/Select/Select.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { LegacyCard, diff --git a/polaris-react/src/components/Select/Select.tsx b/polaris-react/src/components/Select/Select.tsx index 165a1898e06..ffe313e8778 100644 --- a/polaris-react/src/components/Select/Select.tsx +++ b/polaris-react/src/components/Select/Select.tsx @@ -1,4 +1,4 @@ -import React, {useId} from 'react'; +import {useId} from 'react'; import {SelectMinor} from '@shopify/polaris-icons'; import {classNames} from '../../utilities/css'; diff --git a/polaris-react/src/components/Select/tests/Select.test.tsx b/polaris-react/src/components/Select/tests/Select.test.tsx index abdedf3fbf9..d076fbfc0d7 100644 --- a/polaris-react/src/components/Select/tests/Select.test.tsx +++ b/polaris-react/src/components/Select/tests/Select.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {CircleTickOutlineMinor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/SelectAllActions/SelectAllActions.tsx b/polaris-react/src/components/SelectAllActions/SelectAllActions.tsx index 8a3dc9df87b..f535d547eac 100644 --- a/polaris-react/src/components/SelectAllActions/SelectAllActions.tsx +++ b/polaris-react/src/components/SelectAllActions/SelectAllActions.tsx @@ -1,4 +1,4 @@ -import React, {forwardRef} from 'react'; +import { forwardRef } from 'react'; import {Transition} from 'react-transition-group'; import {classNames} from '../../utilities/css'; diff --git a/polaris-react/src/components/SelectAllActions/tests/SelectAllActions.test.tsx b/polaris-react/src/components/SelectAllActions/tests/SelectAllActions.test.tsx index 9afa5713de1..c9725139f03 100644 --- a/polaris-react/src/components/SelectAllActions/tests/SelectAllActions.test.tsx +++ b/polaris-react/src/components/SelectAllActions/tests/SelectAllActions.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Transition, CSSTransition} from 'react-transition-group'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/SettingAction/SettingAction.tsx b/polaris-react/src/components/SettingAction/SettingAction.tsx index 2c5f7cd1751..7c6acf13784 100644 --- a/polaris-react/src/components/SettingAction/SettingAction.tsx +++ b/polaris-react/src/components/SettingAction/SettingAction.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import styles from './SettingAction.scss'; export interface SettingActionProps { diff --git a/polaris-react/src/components/SettingToggle/SettingToggle.stories.tsx b/polaris-react/src/components/SettingToggle/SettingToggle.stories.tsx index d7ba2e1ebd8..e66f0a2e7f6 100644 --- a/polaris-react/src/components/SettingToggle/SettingToggle.stories.tsx +++ b/polaris-react/src/components/SettingToggle/SettingToggle.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {SettingToggle, Text} from '@shopify/polaris'; diff --git a/polaris-react/src/components/SettingToggle/SettingToggle.tsx b/polaris-react/src/components/SettingToggle/SettingToggle.tsx index b983e710dd7..c4c37c3810a 100644 --- a/polaris-react/src/components/SettingToggle/SettingToggle.tsx +++ b/polaris-react/src/components/SettingToggle/SettingToggle.tsx @@ -1,4 +1,4 @@ -import React, {useId} from 'react'; +import {useId} from 'react'; import type {ComplexAction} from '../../types'; import {SettingAction} from '../SettingAction'; diff --git a/polaris-react/src/components/SettingToggle/tests/SettingToggle.test.tsx b/polaris-react/src/components/SettingToggle/tests/SettingToggle.test.tsx index 6b9ca1fde7e..877d95d3030 100644 --- a/polaris-react/src/components/SettingToggle/tests/SettingToggle.test.tsx +++ b/polaris-react/src/components/SettingToggle/tests/SettingToggle.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {SettingAction} from '../../SettingAction'; diff --git a/polaris-react/src/components/Sheet/Sheet.stories.tsx b/polaris-react/src/components/Sheet/Sheet.stories.tsx index a39890bd1b8..69833805597 100644 --- a/polaris-react/src/components/Sheet/Sheet.stories.tsx +++ b/polaris-react/src/components/Sheet/Sheet.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import {useCallback, useState} from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Button, diff --git a/polaris-react/src/components/Sheet/Sheet.tsx b/polaris-react/src/components/Sheet/Sheet.tsx index ed50cfb1baf..d27bdceefdf 100644 --- a/polaris-react/src/components/Sheet/Sheet.tsx +++ b/polaris-react/src/components/Sheet/Sheet.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useRef, useEffect} from 'react'; +import {useCallback, useRef, useEffect} from 'react'; import {CSSTransition} from 'react-transition-group'; import {motion} from '@shopify/polaris-tokens'; diff --git a/polaris-react/src/components/Sheet/tests/Sheet.test.tsx b/polaris-react/src/components/Sheet/tests/Sheet.test.tsx index bfd2df6deea..3bf75de55a6 100644 --- a/polaris-react/src/components/Sheet/tests/Sheet.test.tsx +++ b/polaris-react/src/components/Sheet/tests/Sheet.test.tsx @@ -1,5 +1,5 @@ /* eslint-disable import/no-deprecated */ -import React, {useRef} from 'react'; +import { useRef } from 'react'; import {CSSTransition} from 'react-transition-group'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.stories.tsx b/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.stories.tsx index 87be0ceede9..ff36429c313 100644 --- a/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.stories.tsx +++ b/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {SkeletonBodyText} from '@shopify/polaris'; diff --git a/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx b/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx index 920c80cd014..07725c5bbd3 100644 --- a/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx +++ b/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import styles from './SkeletonBodyText.scss'; export interface SkeletonBodyTextProps { diff --git a/polaris-react/src/components/SkeletonBodyText/tests/SkeletonBodyText.test.tsx b/polaris-react/src/components/SkeletonBodyText/tests/SkeletonBodyText.test.tsx index 920b556613b..ac5cfc20d9b 100644 --- a/polaris-react/src/components/SkeletonBodyText/tests/SkeletonBodyText.test.tsx +++ b/polaris-react/src/components/SkeletonBodyText/tests/SkeletonBodyText.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {SkeletonBodyText} from '../SkeletonBodyText'; diff --git a/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.stories.tsx b/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.stories.tsx index ee612ba32c6..f9889c77171 100644 --- a/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.stories.tsx +++ b/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {SkeletonDisplayText} from '@shopify/polaris'; diff --git a/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx b/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx index d8247b5215c..f6bd90a3748 100644 --- a/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx +++ b/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames, variationName} from '../../utilities/css'; import styles from './SkeletonDisplayText.scss'; diff --git a/polaris-react/src/components/SkeletonDisplayText/tests/SkeletonDisplayText.test.tsx b/polaris-react/src/components/SkeletonDisplayText/tests/SkeletonDisplayText.test.tsx index b5511bb9714..fe5e468a1cd 100644 --- a/polaris-react/src/components/SkeletonDisplayText/tests/SkeletonDisplayText.test.tsx +++ b/polaris-react/src/components/SkeletonDisplayText/tests/SkeletonDisplayText.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {SkeletonDisplayText} from '../SkeletonDisplayText'; diff --git a/polaris-react/src/components/SkeletonPage/SkeletonPage.stories.tsx b/polaris-react/src/components/SkeletonPage/SkeletonPage.stories.tsx index fc563bca781..4f8d003867f 100644 --- a/polaris-react/src/components/SkeletonPage/SkeletonPage.stories.tsx +++ b/polaris-react/src/components/SkeletonPage/SkeletonPage.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import { LegacyCard, diff --git a/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx b/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx index 62532cd0176..694ced2e26b 100644 --- a/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx +++ b/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {useI18n} from '../../utilities/i18n'; import {SkeletonBodyText} from '../SkeletonBodyText'; import {Box} from '../Box'; diff --git a/polaris-react/src/components/SkeletonPage/tests/SkeletonPage.test.tsx b/polaris-react/src/components/SkeletonPage/tests/SkeletonPage.test.tsx index e73f46c9463..c38be9fc3c2 100644 --- a/polaris-react/src/components/SkeletonPage/tests/SkeletonPage.test.tsx +++ b/polaris-react/src/components/SkeletonPage/tests/SkeletonPage.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {LegacyCard} from '../../LegacyCard'; diff --git a/polaris-react/src/components/SkeletonTabs/SkeletonTabs.stories.tsx b/polaris-react/src/components/SkeletonTabs/SkeletonTabs.stories.tsx index e6b550f5ddd..b4b11701525 100644 --- a/polaris-react/src/components/SkeletonTabs/SkeletonTabs.stories.tsx +++ b/polaris-react/src/components/SkeletonTabs/SkeletonTabs.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {LegacyCard, SkeletonTabs} from '@shopify/polaris'; diff --git a/polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx b/polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx index 003bba0716d..c0b145f15e9 100644 --- a/polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx +++ b/polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../utilities/css'; import {SkeletonBodyText} from '../SkeletonBodyText'; diff --git a/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.stories.tsx b/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.stories.tsx index 9dda7c5183e..2df96c31091 100644 --- a/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.stories.tsx +++ b/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {SkeletonThumbnail} from '@shopify/polaris'; diff --git a/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx b/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx index 628328c2f28..052f89bbc93 100644 --- a/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx +++ b/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames, variationName} from '../../utilities/css'; import styles from './SkeletonThumbnail.scss'; diff --git a/polaris-react/src/components/SkeletonThumbnail/tests/SkeletonThumbnail.test.tsx b/polaris-react/src/components/SkeletonThumbnail/tests/SkeletonThumbnail.test.tsx index 87edd390062..c7ae6629357 100644 --- a/polaris-react/src/components/SkeletonThumbnail/tests/SkeletonThumbnail.test.tsx +++ b/polaris-react/src/components/SkeletonThumbnail/tests/SkeletonThumbnail.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {SkeletonThumbnail} from '../SkeletonThumbnail'; diff --git a/polaris-react/src/components/Spinner/Spinner.stories.tsx b/polaris-react/src/components/Spinner/Spinner.stories.tsx index 1de9500efdf..c070863e122 100644 --- a/polaris-react/src/components/Spinner/Spinner.stories.tsx +++ b/polaris-react/src/components/Spinner/Spinner.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useEffect, useRef, useState} from 'react'; +import { useCallback, useEffect, useRef, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Button, diff --git a/polaris-react/src/components/Spinner/Spinner.tsx b/polaris-react/src/components/Spinner/Spinner.tsx index 78cea35b28b..c7b53b2882c 100644 --- a/polaris-react/src/components/Spinner/Spinner.tsx +++ b/polaris-react/src/components/Spinner/Spinner.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames, variationName} from '../../utilities/css'; import {Text} from '../Text'; import {useIsAfterInitialMount} from '../../utilities/use-is-after-initial-mount'; diff --git a/polaris-react/src/components/Spinner/tests/Spinner.test.tsx b/polaris-react/src/components/Spinner/tests/Spinner.test.tsx index d8c095f8e86..fdfb38566ed 100644 --- a/polaris-react/src/components/Spinner/tests/Spinner.test.tsx +++ b/polaris-react/src/components/Spinner/tests/Spinner.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Spinner} from '../Spinner'; diff --git a/polaris-react/src/components/Stack/Stack.stories.tsx b/polaris-react/src/components/Stack/Stack.stories.tsx index fe30438d247..731ffc87739 100644 --- a/polaris-react/src/components/Stack/Stack.stories.tsx +++ b/polaris-react/src/components/Stack/Stack.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Box, Stack} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Stack/Stack.tsx b/polaris-react/src/components/Stack/Stack.tsx index d569ab21dcf..07b6b0d2b9d 100644 --- a/polaris-react/src/components/Stack/Stack.tsx +++ b/polaris-react/src/components/Stack/Stack.tsx @@ -1,4 +1,4 @@ -import React, {createElement} from 'react'; +import {createElement} from 'react'; import type {SpacingSpaceScale} from '@shopify/polaris-tokens'; import { diff --git a/polaris-react/src/components/Stack/tests/Stack.test.tsx b/polaris-react/src/components/Stack/tests/Stack.test.tsx index a663ba5ad27..bba1edf8bec 100644 --- a/polaris-react/src/components/Stack/tests/Stack.test.tsx +++ b/polaris-react/src/components/Stack/tests/Stack.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Stack} from '../Stack'; diff --git a/polaris-react/src/components/Sticky/Sticky.tsx b/polaris-react/src/components/Sticky/Sticky.tsx index 44418c86802..d54ad783f76 100644 --- a/polaris-react/src/components/Sticky/Sticky.tsx +++ b/polaris-react/src/components/Sticky/Sticky.tsx @@ -1,4 +1,4 @@ -import React, {Component} from 'react'; +import {Component} from 'react'; import {getRectForNode} from '../../utilities/geometry'; import {useStickyManager} from '../../utilities/sticky-manager'; diff --git a/polaris-react/src/components/Sticky/tests/Sticky.test.tsx b/polaris-react/src/components/Sticky/tests/Sticky.test.tsx index 88d3cf9d5f5..4f7008b69db 100644 --- a/polaris-react/src/components/Sticky/tests/Sticky.test.tsx +++ b/polaris-react/src/components/Sticky/tests/Sticky.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Sticky} from '../Sticky'; diff --git a/polaris-react/src/components/Tabs/Tabs.stories.tsx b/polaris-react/src/components/Tabs/Tabs.stories.tsx index f85350c77b2..44268af96cd 100644 --- a/polaris-react/src/components/Tabs/Tabs.stories.tsx +++ b/polaris-react/src/components/Tabs/Tabs.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Badge, LegacyCard, Tabs} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Tabs/Tabs.tsx b/polaris-react/src/components/Tabs/Tabs.tsx index ad25a29f386..b053c24cc8a 100644 --- a/polaris-react/src/components/Tabs/Tabs.tsx +++ b/polaris-react/src/components/Tabs/Tabs.tsx @@ -1,4 +1,4 @@ -import React, {PureComponent} from 'react'; +import {PureComponent} from 'react'; import {HorizontalDotsMinor, CaretDownMinor} from '@shopify/polaris-icons'; import {classNames} from '../../utilities/css'; diff --git a/polaris-react/src/components/Tabs/components/Item/Item.tsx b/polaris-react/src/components/Tabs/components/Item/Item.tsx index 25f235761d7..cbd415290b4 100644 --- a/polaris-react/src/components/Tabs/components/Item/Item.tsx +++ b/polaris-react/src/components/Tabs/components/Item/Item.tsx @@ -1,4 +1,4 @@ -import React, {PureComponent} from 'react'; +import {PureComponent} from 'react'; import {classNames} from '../../../../utilities/css'; import {FeaturesContext} from '../../../../utilities/features'; diff --git a/polaris-react/src/components/Tabs/components/Item/tests/Item.test.tsx b/polaris-react/src/components/Tabs/components/Item/tests/Item.test.tsx index 45f59da04ba..34ab94adb35 100644 --- a/polaris-react/src/components/Tabs/components/Item/tests/Item.test.tsx +++ b/polaris-react/src/components/Tabs/components/Item/tests/Item.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {UnstyledLink} from '../../../../UnstyledLink'; diff --git a/polaris-react/src/components/Tabs/components/List/List.tsx b/polaris-react/src/components/Tabs/components/List/List.tsx index 47fad884b0e..9e71a58dd80 100644 --- a/polaris-react/src/components/Tabs/components/List/List.tsx +++ b/polaris-react/src/components/Tabs/components/List/List.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Item} from '../Item'; import type {TabDescriptor} from '../../types'; import {Box} from '../../../Box'; diff --git a/polaris-react/src/components/Tabs/components/List/tests/List.test.tsx b/polaris-react/src/components/Tabs/components/List/tests/List.test.tsx index 90b595680e9..5dc9a0edea6 100644 --- a/polaris-react/src/components/Tabs/components/List/tests/List.test.tsx +++ b/polaris-react/src/components/Tabs/components/List/tests/List.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {List} from '../List'; diff --git a/polaris-react/src/components/Tabs/components/Panel/Panel.tsx b/polaris-react/src/components/Tabs/components/Panel/Panel.tsx index a632c1b5998..9521ec29f1d 100644 --- a/polaris-react/src/components/Tabs/components/Panel/Panel.tsx +++ b/polaris-react/src/components/Tabs/components/Panel/Panel.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../utilities/css'; import styles from '../../Tabs.scss'; diff --git a/polaris-react/src/components/Tabs/components/Panel/tests/Panel.test.tsx b/polaris-react/src/components/Tabs/components/Panel/tests/Panel.test.tsx index affa9128cb4..0eb28ec5bb4 100644 --- a/polaris-react/src/components/Tabs/components/Panel/tests/Panel.test.tsx +++ b/polaris-react/src/components/Tabs/components/Panel/tests/Panel.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Panel} from '../Panel'; diff --git a/polaris-react/src/components/Tabs/components/Tab/Tab.tsx b/polaris-react/src/components/Tabs/components/Tab/Tab.tsx index eecee228d59..1c022d379c6 100644 --- a/polaris-react/src/components/Tabs/components/Tab/Tab.tsx +++ b/polaris-react/src/components/Tabs/components/Tab/Tab.tsx @@ -1,4 +1,4 @@ -import React, {useEffect, useRef} from 'react'; +import {useEffect, useRef} from 'react'; import {classNames} from '../../../../utilities/css'; import {UnstyledLink} from '../../../UnstyledLink'; diff --git a/polaris-react/src/components/Tabs/components/Tab/tests/Tab.test.tsx b/polaris-react/src/components/Tabs/components/Tab/tests/Tab.test.tsx index 7434d8aceee..9265cec6758 100644 --- a/polaris-react/src/components/Tabs/components/Tab/tests/Tab.test.tsx +++ b/polaris-react/src/components/Tabs/components/Tab/tests/Tab.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Tab} from '../Tab'; diff --git a/polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx b/polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx index 98216f82341..a0fc4842512 100644 --- a/polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx +++ b/polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx @@ -1,4 +1,4 @@ -import React, {memo, useEffect, useRef, useCallback} from 'react'; +import {memo, useEffect, useRef, useCallback} from 'react'; // eslint-disable-next-line import/no-deprecated import {EventListener} from '../../../EventListener'; diff --git a/polaris-react/src/components/Tabs/components/TabMeasurer/tests/TabMeasurer.test.tsx b/polaris-react/src/components/Tabs/components/TabMeasurer/tests/TabMeasurer.test.tsx index 853daf30940..111361e5a86 100644 --- a/polaris-react/src/components/Tabs/components/TabMeasurer/tests/TabMeasurer.test.tsx +++ b/polaris-react/src/components/Tabs/components/TabMeasurer/tests/TabMeasurer.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {TabMeasurer} from '../TabMeasurer'; diff --git a/polaris-react/src/components/Tabs/tests/Tabs.test.tsx b/polaris-react/src/components/Tabs/tests/Tabs.test.tsx index 479faa09357..14ba26c4d44 100644 --- a/polaris-react/src/components/Tabs/tests/Tabs.test.tsx +++ b/polaris-react/src/components/Tabs/tests/Tabs.test.tsx @@ -1,4 +1,4 @@ -import React, {ComponentType} from 'react'; +import { ComponentType } from 'react'; import {mountWithApp} from 'tests/utilities'; import {Tab, Panel, TabMeasurer} from '../components'; diff --git a/polaris-react/src/components/Tag/Tag.stories.tsx b/polaris-react/src/components/Tag/Tag.stories.tsx index 6c1673eec87..955f44c28ca 100644 --- a/polaris-react/src/components/Tag/Tag.stories.tsx +++ b/polaris-react/src/components/Tag/Tag.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Icon, LegacyStack, Tag} from '@shopify/polaris'; import {WandMinor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/Tag/Tag.tsx b/polaris-react/src/components/Tag/Tag.tsx index ae4c7480e8f..3c4dbd67517 100644 --- a/polaris-react/src/components/Tag/Tag.tsx +++ b/polaris-react/src/components/Tag/Tag.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {CancelSmallMinor} from '@shopify/polaris-icons'; import {classNames} from '../../utilities/css'; diff --git a/polaris-react/src/components/Tag/tests/Tag.test.tsx b/polaris-react/src/components/Tag/tests/Tag.test.tsx index 6c4a666e1d1..82f2a41b2a0 100644 --- a/polaris-react/src/components/Tag/tests/Tag.test.tsx +++ b/polaris-react/src/components/Tag/tests/Tag.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {SearchMinor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/Text/Text.stories.tsx b/polaris-react/src/components/Text/Text.stories.tsx index a0693a407f5..0226442e2fc 100644 --- a/polaris-react/src/components/Text/Text.stories.tsx +++ b/polaris-react/src/components/Text/Text.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {LegacyStack, Text} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Text/Text.tsx b/polaris-react/src/components/Text/Text.tsx index be29788005b..1a4d0b58634 100644 --- a/polaris-react/src/components/Text/Text.tsx +++ b/polaris-react/src/components/Text/Text.tsx @@ -1,4 +1,4 @@ -import React, {ReactNode} from 'react'; +import { ReactNode } from 'react'; import {classNames} from '../../utilities/css'; diff --git a/polaris-react/src/components/Text/tests/Text.test.tsx b/polaris-react/src/components/Text/tests/Text.test.tsx index f09c666bd41..f42cbf611f4 100644 --- a/polaris-react/src/components/Text/tests/Text.test.tsx +++ b/polaris-react/src/components/Text/tests/Text.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Text} from '../Text'; diff --git a/polaris-react/src/components/TextContainer/TextContainer.stories.tsx b/polaris-react/src/components/TextContainer/TextContainer.stories.tsx index 5af854fb1f6..06cd0160ede 100644 --- a/polaris-react/src/components/TextContainer/TextContainer.stories.tsx +++ b/polaris-react/src/components/TextContainer/TextContainer.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Text, TextContainer} from '@shopify/polaris'; diff --git a/polaris-react/src/components/TextContainer/TextContainer.tsx b/polaris-react/src/components/TextContainer/TextContainer.tsx index ef217df9ca4..042969802f0 100644 --- a/polaris-react/src/components/TextContainer/TextContainer.tsx +++ b/polaris-react/src/components/TextContainer/TextContainer.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames, variationName} from '../../utilities/css'; import styles from './TextContainer.scss'; diff --git a/polaris-react/src/components/TextField/TextField.stories.tsx b/polaris-react/src/components/TextField/TextField.stories.tsx index 40d40a8f41a..bb94eaaafd6 100644 --- a/polaris-react/src/components/TextField/TextField.stories.tsx +++ b/polaris-react/src/components/TextField/TextField.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useEffect, useMemo, useState} from 'react'; +import { useCallback, useEffect, useMemo, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import { Button, diff --git a/polaris-react/src/components/TextField/TextField.tsx b/polaris-react/src/components/TextField/TextField.tsx index e1589eccc51..4060bccbfbf 100644 --- a/polaris-react/src/components/TextField/TextField.tsx +++ b/polaris-react/src/components/TextField/TextField.tsx @@ -1,4 +1,4 @@ -import React, { +import { createElement, useState, useEffect, diff --git a/polaris-react/src/components/TextField/components/Resizer/Resizer.tsx b/polaris-react/src/components/TextField/components/Resizer/Resizer.tsx index f3ab5ae794d..392d21abd61 100644 --- a/polaris-react/src/components/TextField/components/Resizer/Resizer.tsx +++ b/polaris-react/src/components/TextField/components/Resizer/Resizer.tsx @@ -1,4 +1,4 @@ -import React, {useRef, useEffect, useCallback} from 'react'; +import { useRef, useEffect, useCallback } from 'react'; // eslint-disable-next-line import/no-deprecated import {EventListener} from '../../../EventListener'; diff --git a/polaris-react/src/components/TextField/components/Resizer/tests/Resizer.test.tsx b/polaris-react/src/components/TextField/components/Resizer/tests/Resizer.test.tsx index 0296c8b8d94..5de16e80ccf 100644 --- a/polaris-react/src/components/TextField/components/Resizer/tests/Resizer.test.tsx +++ b/polaris-react/src/components/TextField/components/Resizer/tests/Resizer.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {animationFrame, dimension} from '@shopify/jest-dom-mocks'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/TextField/components/Spinner/Spinner.tsx b/polaris-react/src/components/TextField/components/Spinner/Spinner.tsx index ec8e38f220f..2e85dde464a 100644 --- a/polaris-react/src/components/TextField/components/Spinner/Spinner.tsx +++ b/polaris-react/src/components/TextField/components/Spinner/Spinner.tsx @@ -1,4 +1,4 @@ -import React from 'react'; +import {forwardRef} from 'react'; import {CaretDownMinor, CaretUpMinor} from '@shopify/polaris-icons'; import {Icon} from '../../../Icon'; @@ -14,7 +14,7 @@ export interface SpinnerProps { onBlur(event: React.FocusEvent): void; } -export const Spinner = React.forwardRef( +export const Spinner = forwardRef( function Spinner({onChange, onClick, onMouseDown, onMouseUp, onBlur}, ref) { function handleStep(step: number) { return () => onChange(step); diff --git a/polaris-react/src/components/TextField/components/Spinner/tests/Spinner.test.tsx b/polaris-react/src/components/TextField/components/Spinner/tests/Spinner.test.tsx index 4f02bf3357f..0827fd13a68 100644 --- a/polaris-react/src/components/TextField/components/Spinner/tests/Spinner.test.tsx +++ b/polaris-react/src/components/TextField/components/Spinner/tests/Spinner.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Spinner} from '../Spinner'; diff --git a/polaris-react/src/components/TextField/tests/TextField.test.tsx b/polaris-react/src/components/TextField/tests/TextField.test.tsx index 2a714e278a6..846fa2d1e0a 100644 --- a/polaris-react/src/components/TextField/tests/TextField.test.tsx +++ b/polaris-react/src/components/TextField/tests/TextField.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Connected} from '../../Connected'; diff --git a/polaris-react/src/components/Thumbnail/Thumbnail.stories.tsx b/polaris-react/src/components/Thumbnail/Thumbnail.stories.tsx index b878de38eb2..0c05367dd45 100644 --- a/polaris-react/src/components/Thumbnail/Thumbnail.stories.tsx +++ b/polaris-react/src/components/Thumbnail/Thumbnail.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Thumbnail} from '@shopify/polaris'; import {NoteMinor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/Thumbnail/Thumbnail.tsx b/polaris-react/src/components/Thumbnail/Thumbnail.tsx index 698439f893e..6ef2034d77d 100644 --- a/polaris-react/src/components/Thumbnail/Thumbnail.tsx +++ b/polaris-react/src/components/Thumbnail/Thumbnail.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames, variationName} from '../../utilities/css'; import {Image} from '../Image'; import {Icon} from '../Icon'; diff --git a/polaris-react/src/components/Thumbnail/tests/Thumbnail.test.tsx b/polaris-react/src/components/Thumbnail/tests/Thumbnail.test.tsx index beb712d642f..2aebbcaa9c0 100644 --- a/polaris-react/src/components/Thumbnail/tests/Thumbnail.test.tsx +++ b/polaris-react/src/components/Thumbnail/tests/Thumbnail.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {NoteMajor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/Toast/Toast.stories.tsx b/polaris-react/src/components/Toast/Toast.stories.tsx index 29b03ef2b96..95b7f4024c8 100644 --- a/polaris-react/src/components/Toast/Toast.stories.tsx +++ b/polaris-react/src/components/Toast/Toast.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {Button, ButtonGroup, Frame, Page, Toast} from '@shopify/polaris'; diff --git a/polaris-react/src/components/Toast/tests/Toast.test.tsx b/polaris-react/src/components/Toast/tests/Toast.test.tsx index 4cd476e923f..3ecd6720997 100644 --- a/polaris-react/src/components/Toast/tests/Toast.test.tsx +++ b/polaris-react/src/components/Toast/tests/Toast.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Toast} from '../Toast'; diff --git a/polaris-react/src/components/Tooltip/Tooltip.stories.tsx b/polaris-react/src/components/Tooltip/Tooltip.stories.tsx index e18ba67b38e..cf6a19ae973 100644 --- a/polaris-react/src/components/Tooltip/Tooltip.stories.tsx +++ b/polaris-react/src/components/Tooltip/Tooltip.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {QuestionMarkMinor} from '@shopify/polaris-icons'; import type {ComponentMeta} from '@storybook/react'; import { diff --git a/polaris-react/src/components/Tooltip/Tooltip.tsx b/polaris-react/src/components/Tooltip/Tooltip.tsx index 913bca1ea32..08b2a16fef8 100644 --- a/polaris-react/src/components/Tooltip/Tooltip.tsx +++ b/polaris-react/src/components/Tooltip/Tooltip.tsx @@ -1,4 +1,4 @@ -import React, {useEffect, useState, useRef, useCallback, useId} from 'react'; +import {useEffect, useState, useRef, useCallback, useId} from 'react'; import type { ShapeBorderRadiusScale, SpacingSpaceScale, diff --git a/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx b/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx index abb5f1da3c3..905ebf10a9a 100644 --- a/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx +++ b/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../utilities/css'; import {layer} from '../../../shared'; import { diff --git a/polaris-react/src/components/Tooltip/components/TooltipOverlay/tests/TooltipOverlay.test.tsx b/polaris-react/src/components/Tooltip/components/TooltipOverlay/tests/TooltipOverlay.test.tsx index f189facb2d3..55df27ea261 100644 --- a/polaris-react/src/components/Tooltip/components/TooltipOverlay/tests/TooltipOverlay.test.tsx +++ b/polaris-react/src/components/Tooltip/components/TooltipOverlay/tests/TooltipOverlay.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {TooltipOverlay} from '../TooltipOverlay'; diff --git a/polaris-react/src/components/Tooltip/tests/Tooltip.test.tsx b/polaris-react/src/components/Tooltip/tests/Tooltip.test.tsx index 6d8665f5cf0..9cf18740180 100644 --- a/polaris-react/src/components/Tooltip/tests/Tooltip.test.tsx +++ b/polaris-react/src/components/Tooltip/tests/Tooltip.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Link} from '../../Link'; diff --git a/polaris-react/src/components/TopBar/TopBar.stories.tsx b/polaris-react/src/components/TopBar/TopBar.stories.tsx index b79db4a50b9..e476edc1158 100644 --- a/polaris-react/src/components/TopBar/TopBar.stories.tsx +++ b/polaris-react/src/components/TopBar/TopBar.stories.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useState} from 'react'; +import { useCallback, useState } from 'react'; import type {ComponentMeta} from '@storybook/react'; import {ActionList, Frame, Icon, TopBar, Text} from '@shopify/polaris'; import {ArrowLeftMinor, QuestionMarkMajor} from '@shopify/polaris-icons'; diff --git a/polaris-react/src/components/TopBar/TopBar.tsx b/polaris-react/src/components/TopBar/TopBar.tsx index 3cf1ea28ae9..4c06d35eb61 100644 --- a/polaris-react/src/components/TopBar/TopBar.tsx +++ b/polaris-react/src/components/TopBar/TopBar.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {MobileHamburgerMajor} from '@shopify/polaris-icons'; import {classNames} from '../../utilities/css'; diff --git a/polaris-react/src/components/TopBar/components/Menu/Menu.tsx b/polaris-react/src/components/TopBar/components/Menu/Menu.tsx index 35b58386cce..8e82f38f537 100644 --- a/polaris-react/src/components/TopBar/components/Menu/Menu.tsx +++ b/polaris-react/src/components/TopBar/components/Menu/Menu.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {ActionList, ActionListProps} from '../../../ActionList'; import {Popover} from '../../../Popover'; diff --git a/polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx b/polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx index 2f20edb232b..e1dc21e5691 100644 --- a/polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx +++ b/polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {Badge, BadgeProps} from '../../../../../Badge'; import {Button} from '../../../../../Button'; import {Text} from '../../../../../Text'; diff --git a/polaris-react/src/components/TopBar/components/Menu/components/Message/tests/Message.test.tsx b/polaris-react/src/components/TopBar/components/Menu/components/Message/tests/Message.test.tsx index 42147782d7d..4098b23ac57 100644 --- a/polaris-react/src/components/TopBar/components/Menu/components/Message/tests/Message.test.tsx +++ b/polaris-react/src/components/TopBar/components/Menu/components/Message/tests/Message.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Message} from '../Message'; diff --git a/polaris-react/src/components/TopBar/components/Menu/tests/Menu.test.tsx b/polaris-react/src/components/TopBar/components/Menu/tests/Menu.test.tsx index ba6893d18a9..a39b546f51e 100644 --- a/polaris-react/src/components/TopBar/components/Menu/tests/Menu.test.tsx +++ b/polaris-react/src/components/TopBar/components/Menu/tests/Menu.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {ActionList} from '../../../../ActionList'; diff --git a/polaris-react/src/components/TopBar/components/Search/Search.tsx b/polaris-react/src/components/TopBar/components/Search/Search.tsx index 93130cff383..01fa72f8696 100644 --- a/polaris-react/src/components/TopBar/components/Search/Search.tsx +++ b/polaris-react/src/components/TopBar/components/Search/Search.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import {classNames} from '../../../../utilities/css'; import {SearchDismissOverlay} from '../SearchDismissOverlay'; diff --git a/polaris-react/src/components/TopBar/components/Search/tests/Search.test.tsx b/polaris-react/src/components/TopBar/components/Search/tests/Search.test.tsx index 058accf902b..c48a007217c 100644 --- a/polaris-react/src/components/TopBar/components/Search/tests/Search.test.tsx +++ b/polaris-react/src/components/TopBar/components/Search/tests/Search.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Search} from '../Search'; diff --git a/polaris-react/src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.tsx b/polaris-react/src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.tsx index 05c69092cea..47ca1643f4b 100644 --- a/polaris-react/src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.tsx +++ b/polaris-react/src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useRef} from 'react'; +import {useCallback, useRef} from 'react'; import {ScrollLock} from '../../../ScrollLock'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/TopBar/components/SearchDismissOverlay/tests/SearchDismissOverlay.test.tsx b/polaris-react/src/components/TopBar/components/SearchDismissOverlay/tests/SearchDismissOverlay.test.tsx index afa3cdfa3ba..ce1ab324b41 100644 --- a/polaris-react/src/components/TopBar/components/SearchDismissOverlay/tests/SearchDismissOverlay.test.tsx +++ b/polaris-react/src/components/TopBar/components/SearchDismissOverlay/tests/SearchDismissOverlay.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {SearchDismissOverlay} from '../SearchDismissOverlay'; diff --git a/polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx b/polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx index b07e4e78718..17ac4569c25 100644 --- a/polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx +++ b/polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx @@ -1,4 +1,4 @@ -import React, {useCallback, useEffect, useState, useRef, useId} from 'react'; +import {useCallback, useEffect, useState, useRef, useId} from 'react'; import {CircleCancelMinor, SearchMinor} from '@shopify/polaris-icons'; import {classNames} from '../../../../utilities/css'; diff --git a/polaris-react/src/components/TopBar/components/SearchField/tests/SearchField.test.tsx b/polaris-react/src/components/TopBar/components/SearchField/tests/SearchField.test.tsx index fb74b82425f..7b1c566e2c0 100644 --- a/polaris-react/src/components/TopBar/components/SearchField/tests/SearchField.test.tsx +++ b/polaris-react/src/components/TopBar/components/SearchField/tests/SearchField.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {CircleCancelMinor} from '@shopify/polaris-icons'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx b/polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx index 45c973ebb83..dc74ed6e4da 100644 --- a/polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx +++ b/polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import type {IconableAction} from '../../../../types'; import {Avatar, AvatarProps} from '../../../Avatar'; import {MessageIndicator} from '../../../MessageIndicator'; diff --git a/polaris-react/src/components/TopBar/components/UserMenu/tests/UserMenu.test.tsx b/polaris-react/src/components/TopBar/components/UserMenu/tests/UserMenu.test.tsx index 241beff5531..74b52168eb4 100644 --- a/polaris-react/src/components/TopBar/components/UserMenu/tests/UserMenu.test.tsx +++ b/polaris-react/src/components/TopBar/components/UserMenu/tests/UserMenu.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {ViewMinor} from '@shopify/polaris-icons'; import {mountWithApp} from 'tests/utilities'; diff --git a/polaris-react/src/components/TopBar/tests/TopBar.test.tsx b/polaris-react/src/components/TopBar/tests/TopBar.test.tsx index 45dc42b2ee7..46fcd55d640 100644 --- a/polaris-react/src/components/TopBar/tests/TopBar.test.tsx +++ b/polaris-react/src/components/TopBar/tests/TopBar.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Image} from '../../Image'; diff --git a/polaris-react/src/components/TrapFocus/TrapFocus.tsx b/polaris-react/src/components/TrapFocus/TrapFocus.tsx index f7d9f307317..811f884b16e 100644 --- a/polaris-react/src/components/TrapFocus/TrapFocus.tsx +++ b/polaris-react/src/components/TrapFocus/TrapFocus.tsx @@ -1,4 +1,4 @@ -import React, {useRef, useEffect, useState} from 'react'; +import {useRef, useEffect, useState} from 'react'; import {Key} from '../../types'; // eslint-disable-next-line import/no-deprecated diff --git a/polaris-react/src/components/TrapFocus/tests/TrapFocus.test.tsx b/polaris-react/src/components/TrapFocus/tests/TrapFocus.test.tsx index 6956ecec230..624c24d407a 100644 --- a/polaris-react/src/components/TrapFocus/tests/TrapFocus.test.tsx +++ b/polaris-react/src/components/TrapFocus/tests/TrapFocus.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Button} from '../../Button'; diff --git a/polaris-react/src/components/Truncate/Truncate.tsx b/polaris-react/src/components/Truncate/Truncate.tsx index 3a8256b0b93..ed550344ba8 100644 --- a/polaris-react/src/components/Truncate/Truncate.tsx +++ b/polaris-react/src/components/Truncate/Truncate.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import styles from './Truncate.scss'; export interface TruncateProps { diff --git a/polaris-react/src/components/Truncate/tests/Truncate.test.tsx b/polaris-react/src/components/Truncate/tests/Truncate.test.tsx index 074f94b2576..1782cb8c20e 100644 --- a/polaris-react/src/components/Truncate/tests/Truncate.test.tsx +++ b/polaris-react/src/components/Truncate/tests/Truncate.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {Truncate} from '../Truncate'; diff --git a/polaris-react/src/components/UnstyledButton/UnstyledButton.tsx b/polaris-react/src/components/UnstyledButton/UnstyledButton.tsx index 82319b09432..c5c5a4715bc 100644 --- a/polaris-react/src/components/UnstyledButton/UnstyledButton.tsx +++ b/polaris-react/src/components/UnstyledButton/UnstyledButton.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import type {BaseButton} from '../../types'; import {handleMouseUpByBlurring} from '../../utilities/focus'; import {useDisableClick} from '../../utilities/use-disable-interaction'; diff --git a/polaris-react/src/components/UnstyledButton/tests/UnstyledButton.test.tsx b/polaris-react/src/components/UnstyledButton/tests/UnstyledButton.test.tsx index 3e6b8900946..7489094f688 100644 --- a/polaris-react/src/components/UnstyledButton/tests/UnstyledButton.test.tsx +++ b/polaris-react/src/components/UnstyledButton/tests/UnstyledButton.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {UnstyledLink} from '../../UnstyledLink'; diff --git a/polaris-react/src/components/UnstyledButton/utils.tsx b/polaris-react/src/components/UnstyledButton/utils.tsx index 552edf3766a..b0b55ee5d39 100644 --- a/polaris-react/src/components/UnstyledButton/utils.tsx +++ b/polaris-react/src/components/UnstyledButton/utils.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - import type {ComplexAction} from '../../types'; import {UnstyledButton, UnstyledButtonProps} from './UnstyledButton'; diff --git a/polaris-react/src/components/UnstyledLink/UnstyledLink.tsx b/polaris-react/src/components/UnstyledLink/UnstyledLink.tsx index dde9380a528..e7de8773a62 100644 --- a/polaris-react/src/components/UnstyledLink/UnstyledLink.tsx +++ b/polaris-react/src/components/UnstyledLink/UnstyledLink.tsx @@ -1,4 +1,4 @@ -import React, {memo, forwardRef} from 'react'; +import { memo, forwardRef } from 'react'; import {unstyled} from '../shared'; import {useLink, LinkLikeComponentProps} from '../../utilities/link'; diff --git a/polaris-react/src/components/UnstyledLink/tests/UnstyledLink.test.tsx b/polaris-react/src/components/UnstyledLink/tests/UnstyledLink.test.tsx index 809ca9d0659..3f7dd82a228 100644 --- a/polaris-react/src/components/UnstyledLink/tests/UnstyledLink.test.tsx +++ b/polaris-react/src/components/UnstyledLink/tests/UnstyledLink.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {UnstyledLink} from '../UnstyledLink'; diff --git a/polaris-react/src/components/VideoThumbnail/VideoThumbnail.stories.tsx b/polaris-react/src/components/VideoThumbnail/VideoThumbnail.stories.tsx index 1e42bbf15d7..71684f71f14 100644 --- a/polaris-react/src/components/VideoThumbnail/VideoThumbnail.stories.tsx +++ b/polaris-react/src/components/VideoThumbnail/VideoThumbnail.stories.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type {ComponentMeta} from '@storybook/react'; import {MediaCard, VideoThumbnail} from '@shopify/polaris'; diff --git a/polaris-react/src/components/VideoThumbnail/VideoThumbnail.tsx b/polaris-react/src/components/VideoThumbnail/VideoThumbnail.tsx index dfe98f60a12..6576d6a4d8b 100644 --- a/polaris-react/src/components/VideoThumbnail/VideoThumbnail.tsx +++ b/polaris-react/src/components/VideoThumbnail/VideoThumbnail.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {PlayMinor} from '@shopify/polaris-icons'; import {useI18n} from '../../utilities/i18n'; diff --git a/polaris-react/src/components/VideoThumbnail/tests/VideoThumbnail.test.tsx b/polaris-react/src/components/VideoThumbnail/tests/VideoThumbnail.test.tsx index be8bfae27ba..d48a464cda9 100644 --- a/polaris-react/src/components/VideoThumbnail/tests/VideoThumbnail.test.tsx +++ b/polaris-react/src/components/VideoThumbnail/tests/VideoThumbnail.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {VideoThumbnail} from '../VideoThumbnail'; diff --git a/polaris-react/src/utilities/combobox/tests/hook.test.tsx b/polaris-react/src/utilities/combobox/tests/hook.test.tsx index 02bf229c411..739d911e617 100644 --- a/polaris-react/src/utilities/combobox/tests/hook.test.tsx +++ b/polaris-react/src/utilities/combobox/tests/hook.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import {useComboboxTextField} from '../hooks'; diff --git a/polaris-react/src/utilities/components.tsx b/polaris-react/src/utilities/components.tsx index 42d6175dfa9..80c4c1be1d9 100644 --- a/polaris-react/src/utilities/components.tsx +++ b/polaris-react/src/utilities/components.tsx @@ -1,4 +1,4 @@ -import React, {Children, isValidElement} from 'react'; +import {Children, isValidElement} from 'react'; // Wraps `element` in `Component`, if it is not already an instance of // `Component`. If `props` is passed, those will be added as props on the diff --git a/polaris-react/src/utilities/features/tests/hooks.test.tsx b/polaris-react/src/utilities/features/tests/hooks.test.tsx index 80f0458c1ca..200e1cda734 100644 --- a/polaris-react/src/utilities/features/tests/hooks.test.tsx +++ b/polaris-react/src/utilities/features/tests/hooks.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mount, mountWithApp} from 'tests/utilities'; import {useFeatures} from '../hooks'; diff --git a/polaris-react/src/utilities/focus-manager/tests/hooks.test.tsx b/polaris-react/src/utilities/focus-manager/tests/hooks.test.tsx index c5dfdeb0b5e..eeba33211ec 100644 --- a/polaris-react/src/utilities/focus-manager/tests/hooks.test.tsx +++ b/polaris-react/src/utilities/focus-manager/tests/hooks.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mount, mountWithApp} from 'tests/utilities'; import {useFocusManager} from '../hooks'; diff --git a/polaris-react/src/utilities/frame/tests/hooks.test.tsx b/polaris-react/src/utilities/frame/tests/hooks.test.tsx index b24b6e5975a..88b3930e2cb 100644 --- a/polaris-react/src/utilities/frame/tests/hooks.test.tsx +++ b/polaris-react/src/utilities/frame/tests/hooks.test.tsx @@ -1,4 +1,4 @@ -import React, {useContext} from 'react'; +import { useContext } from 'react'; import {mountWithApp, mount} from 'tests/utilities'; import {useFrame} from '../hooks'; diff --git a/polaris-react/src/utilities/i18n/tests/hooks.test.tsx b/polaris-react/src/utilities/i18n/tests/hooks.test.tsx index c0d0ba9dfa7..732e9dddecc 100644 --- a/polaris-react/src/utilities/i18n/tests/hooks.test.tsx +++ b/polaris-react/src/utilities/i18n/tests/hooks.test.tsx @@ -1,4 +1,4 @@ -import React, {useContext} from 'react'; +import { useContext } from 'react'; import {mount, mountWithApp} from 'tests/utilities'; import {useI18n} from '../hooks'; diff --git a/polaris-react/src/utilities/index-provider/tests/hooks.test.tsx b/polaris-react/src/utilities/index-provider/tests/hooks.test.tsx index 927c7edd334..39ce677162b 100644 --- a/polaris-react/src/utilities/index-provider/tests/hooks.test.tsx +++ b/polaris-react/src/utilities/index-provider/tests/hooks.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp, mount} from 'tests/utilities'; import { diff --git a/polaris-react/src/utilities/index-table/tests/hooks-useContainerScroll.test.tsx b/polaris-react/src/utilities/index-table/tests/hooks-useContainerScroll.test.tsx index 6f8b382bdef..1260117d626 100644 --- a/polaris-react/src/utilities/index-table/tests/hooks-useContainerScroll.test.tsx +++ b/polaris-react/src/utilities/index-table/tests/hooks-useContainerScroll.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; // eslint-disable-next-line @shopify/strict-component-boundaries diff --git a/polaris-react/src/utilities/index-table/tests/hooks-useRowHovered.test.tsx b/polaris-react/src/utilities/index-table/tests/hooks-useRowHovered.test.tsx index 6b2e2407775..11f3af94f19 100644 --- a/polaris-react/src/utilities/index-table/tests/hooks-useRowHovered.test.tsx +++ b/polaris-react/src/utilities/index-table/tests/hooks-useRowHovered.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; // eslint-disable-next-line @shopify/strict-component-boundaries diff --git a/polaris-react/src/utilities/index-table/tests/hooks-useRowSelected.test.tsx b/polaris-react/src/utilities/index-table/tests/hooks-useRowSelected.test.tsx index 055a3a5a132..84f9d5bdd98 100644 --- a/polaris-react/src/utilities/index-table/tests/hooks-useRowSelected.test.tsx +++ b/polaris-react/src/utilities/index-table/tests/hooks-useRowSelected.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; // eslint-disable-next-line @shopify/strict-component-boundaries diff --git a/polaris-react/src/utilities/link/tests/hooks.test.tsx b/polaris-react/src/utilities/link/tests/hooks.test.tsx index 8583b07b8a9..eccc2a8da3c 100644 --- a/polaris-react/src/utilities/link/tests/hooks.test.tsx +++ b/polaris-react/src/utilities/link/tests/hooks.test.tsx @@ -1,4 +1,4 @@ -import React, {useContext} from 'react'; +import { useContext } from 'react'; import {mountWithApp} from 'tests/utilities'; import {useLink} from '../hooks'; diff --git a/polaris-react/src/utilities/media-query/tests/hooks.test.tsx b/polaris-react/src/utilities/media-query/tests/hooks.test.tsx index 102fc567638..e5c13c55c93 100644 --- a/polaris-react/src/utilities/media-query/tests/hooks.test.tsx +++ b/polaris-react/src/utilities/media-query/tests/hooks.test.tsx @@ -1,4 +1,4 @@ -import React, {useContext} from 'react'; +import { useContext } from 'react'; import {mount, mountWithApp} from 'tests/utilities'; import {useMediaQuery} from '../hooks'; diff --git a/polaris-react/src/utilities/portals/tests/hooks.test.tsx b/polaris-react/src/utilities/portals/tests/hooks.test.tsx index 5521323a359..35f74106c81 100644 --- a/polaris-react/src/utilities/portals/tests/hooks.test.tsx +++ b/polaris-react/src/utilities/portals/tests/hooks.test.tsx @@ -1,4 +1,4 @@ -import React, {useContext} from 'react'; +import { useContext } from 'react'; import {mount, mountWithApp} from 'tests/utilities'; import {usePortalsManager} from '../hooks'; diff --git a/polaris-react/src/utilities/scroll-lock-manager/tests/hooks.test.tsx b/polaris-react/src/utilities/scroll-lock-manager/tests/hooks.test.tsx index 0976b690cbc..86b5c2739c3 100644 --- a/polaris-react/src/utilities/scroll-lock-manager/tests/hooks.test.tsx +++ b/polaris-react/src/utilities/scroll-lock-manager/tests/hooks.test.tsx @@ -1,4 +1,4 @@ -import React, {useContext} from 'react'; +import { useContext } from 'react'; import {mount, mountWithApp} from 'tests/utilities'; import {useScrollLockManager} from '../hooks'; diff --git a/polaris-react/src/utilities/sticky-manager/tests/hooks.test.tsx b/polaris-react/src/utilities/sticky-manager/tests/hooks.test.tsx index 18d7777a330..eac449a659a 100644 --- a/polaris-react/src/utilities/sticky-manager/tests/hooks.test.tsx +++ b/polaris-react/src/utilities/sticky-manager/tests/hooks.test.tsx @@ -1,4 +1,4 @@ -import React, {useContext} from 'react'; +import { useContext } from 'react'; import {mount, mountWithApp} from 'tests/utilities'; import {useStickyManager} from '../hooks'; diff --git a/polaris-react/src/utilities/tests/is-input-focused.test.tsx b/polaris-react/src/utilities/tests/is-input-focused.test.tsx index 30fd934f669..4db20b96d92 100644 --- a/polaris-react/src/utilities/tests/is-input-focused.test.tsx +++ b/polaris-react/src/utilities/tests/is-input-focused.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mount} from 'tests/utilities'; import {isInputFocused} from '../is-input-focused'; diff --git a/polaris-react/src/utilities/tests/use-breakpoints-ssr.test.tsx b/polaris-react/src/utilities/tests/use-breakpoints-ssr.test.tsx index 98354b6de3c..2b45d9a90fb 100644 --- a/polaris-react/src/utilities/tests/use-breakpoints-ssr.test.tsx +++ b/polaris-react/src/utilities/tests/use-breakpoints-ssr.test.tsx @@ -2,7 +2,6 @@ * @jest-environment node */ -import React from 'react'; import ReactDOMServer from 'react-dom/server'; import {useBreakpoints} from '../breakpoints'; diff --git a/polaris-react/src/utilities/tests/use-breakpoints.test.tsx b/polaris-react/src/utilities/tests/use-breakpoints.test.tsx index af4fd566ff0..befdc5eeb64 100644 --- a/polaris-react/src/utilities/tests/use-breakpoints.test.tsx +++ b/polaris-react/src/utilities/tests/use-breakpoints.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mount} from 'tests/utilities'; import {matchMedia} from '@shopify/jest-dom-mocks'; import { diff --git a/polaris-react/src/utilities/tests/use-component-did-mount.test.tsx b/polaris-react/src/utilities/tests/use-component-did-mount.test.tsx index 47f157b5902..8f5bd45a14d 100644 --- a/polaris-react/src/utilities/tests/use-component-did-mount.test.tsx +++ b/polaris-react/src/utilities/tests/use-component-did-mount.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mount} from 'tests/utilities'; import {useComponentDidMount} from '../use-component-did-mount'; diff --git a/polaris-react/src/utilities/tests/use-disable-interaction.test.tsx b/polaris-react/src/utilities/tests/use-disable-interaction.test.tsx index be4c3a45cb1..f2e8374ea0e 100644 --- a/polaris-react/src/utilities/tests/use-disable-interaction.test.tsx +++ b/polaris-react/src/utilities/tests/use-disable-interaction.test.tsx @@ -1,5 +1,4 @@ import {mount} from '@shopify/react-testing'; -import React from 'react'; import {useDisableClick, useDisableKeyboard} from '../use-disable-interaction'; diff --git a/polaris-react/src/utilities/tests/use-event-listener.test.tsx b/polaris-react/src/utilities/tests/use-event-listener.test.tsx index 83ac58064b9..15464d1f766 100644 --- a/polaris-react/src/utilities/tests/use-event-listener.test.tsx +++ b/polaris-react/src/utilities/tests/use-event-listener.test.tsx @@ -1,4 +1,4 @@ -import React, {useRef} from 'react'; +import { useRef } from 'react'; import {mount} from 'tests/utilities'; import {useEventListener} from '../use-event-listener'; diff --git a/polaris-react/src/utilities/tests/use-index-resource-state.test.tsx b/polaris-react/src/utilities/tests/use-index-resource-state.test.tsx index ccbc04c489c..4899a164f6a 100644 --- a/polaris-react/src/utilities/tests/use-index-resource-state.test.tsx +++ b/polaris-react/src/utilities/tests/use-index-resource-state.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mountWithApp} from 'tests/utilities'; import { diff --git a/polaris-react/src/utilities/tests/use-is-after-initial-mount.test.tsx b/polaris-react/src/utilities/tests/use-is-after-initial-mount.test.tsx index 2b5db15c8ed..448a393dae2 100644 --- a/polaris-react/src/utilities/tests/use-is-after-initial-mount.test.tsx +++ b/polaris-react/src/utilities/tests/use-is-after-initial-mount.test.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {mount} from 'tests/utilities'; import {useIsAfterInitialMount} from '../use-is-after-initial-mount'; diff --git a/polaris-react/src/utilities/tests/use-is-mounted-ref.test.tsx b/polaris-react/src/utilities/tests/use-is-mounted-ref.test.tsx index a4927f2b583..02d7854e4a3 100644 --- a/polaris-react/src/utilities/tests/use-is-mounted-ref.test.tsx +++ b/polaris-react/src/utilities/tests/use-is-mounted-ref.test.tsx @@ -1,4 +1,4 @@ -import React, {useEffect} from 'react'; +import { useEffect } from 'react'; import {mount} from 'tests/utilities'; import {useIsMountedRef} from '../use-is-mounted-ref'; diff --git a/polaris-react/src/utilities/tests/use-lazy-ref.test.tsx b/polaris-react/src/utilities/tests/use-lazy-ref.test.tsx index 7378b1c95f2..4e7ed86d03d 100644 --- a/polaris-react/src/utilities/tests/use-lazy-ref.test.tsx +++ b/polaris-react/src/utilities/tests/use-lazy-ref.test.tsx @@ -1,4 +1,4 @@ -import React, {useEffect, useState} from 'react'; +import { useEffect, useState } from 'react'; import {mount} from 'tests/utilities'; import {useLazyRef} from '../use-lazy-ref'; diff --git a/polaris-react/tests/utilities/listbox.tsx b/polaris-react/tests/utilities/listbox.tsx index 99f45ac5ab0..27ad23e6d59 100644 --- a/polaris-react/tests/utilities/listbox.tsx +++ b/polaris-react/tests/utilities/listbox.tsx @@ -1,4 +1,4 @@ -import React, {ReactElement} from 'react'; +import {ReactElement} from 'react'; import {createMount} from '@shopify/react-testing'; // eslint-disable-next-line @shopify/strict-component-boundaries diff --git a/polaris-react/tests/utilities/react-testing.tsx b/polaris-react/tests/utilities/react-testing.tsx index 44ede47d985..27f2d0cad8e 100644 --- a/polaris-react/tests/utilities/react-testing.tsx +++ b/polaris-react/tests/utilities/react-testing.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import { createMount, mount, diff --git a/polaris.shopify.com/pages/examples/action-list-with-a-prefix-and-a-suffix.tsx b/polaris.shopify.com/pages/examples/action-list-with-a-prefix-and-a-suffix.tsx index f2b9cc97ac8..e5799b4dbcd 100644 --- a/polaris.shopify.com/pages/examples/action-list-with-a-prefix-and-a-suffix.tsx +++ b/polaris.shopify.com/pages/examples/action-list-with-a-prefix-and-a-suffix.tsx @@ -1,6 +1,5 @@ import {ActionList, Thumbnail, Icon, Avatar} from '@shopify/polaris'; import {ChevronRightMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ActionListWithPrefixSuffixExample() { diff --git a/polaris.shopify.com/pages/examples/app-provider-default.tsx b/polaris.shopify.com/pages/examples/app-provider-default.tsx index a7c7fdecf48..b54f3512e8d 100644 --- a/polaris.shopify.com/pages/examples/app-provider-default.tsx +++ b/polaris.shopify.com/pages/examples/app-provider-default.tsx @@ -6,7 +6,6 @@ import { Avatar, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function AppProviderExample() { diff --git a/polaris.shopify.com/pages/examples/app-provider-with-i18n.tsx b/polaris.shopify.com/pages/examples/app-provider-with-i18n.tsx index f4a9f9cecd5..f5c8883ba41 100644 --- a/polaris.shopify.com/pages/examples/app-provider-with-i18n.tsx +++ b/polaris.shopify.com/pages/examples/app-provider-with-i18n.tsx @@ -6,7 +6,6 @@ import { Avatar, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function AppProviderI18NExample() { diff --git a/polaris.shopify.com/pages/examples/app-provider-with-link-component.tsx b/polaris.shopify.com/pages/examples/app-provider-with-link-component.tsx index 7373957f327..7c93b39250f 100644 --- a/polaris.shopify.com/pages/examples/app-provider-with-link-component.tsx +++ b/polaris.shopify.com/pages/examples/app-provider-with-link-component.tsx @@ -1,5 +1,4 @@ import {AppProvider, Page} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function AppProviderLinkExample() { diff --git a/polaris.shopify.com/pages/examples/autocomplete-with-empty-state.tsx b/polaris.shopify.com/pages/examples/autocomplete-with-empty-state.tsx index 2b9f304c3c2..0284a95230d 100644 --- a/polaris.shopify.com/pages/examples/autocomplete-with-empty-state.tsx +++ b/polaris.shopify.com/pages/examples/autocomplete-with-empty-state.tsx @@ -1,6 +1,6 @@ import {Autocomplete, Icon, TextContainer} from '@shopify/polaris'; import {SearchMinor} from '@shopify/polaris-icons'; -import React, {useState, useCallback, useMemo} from 'react'; +import { Fragment, useState, useCallback, useMemo } from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function AutocompleteExample() { @@ -69,12 +69,12 @@ function AutocompleteExample() { ); const emptyState = ( - +
        Could not find any results
        -         + ); return ( diff --git a/polaris.shopify.com/pages/examples/avatar-default.tsx b/polaris.shopify.com/pages/examples/avatar-default.tsx index 97eff02e80a..afaaa71b415 100644 --- a/polaris.shopify.com/pages/examples/avatar-default.tsx +++ b/polaris.shopify.com/pages/examples/avatar-default.tsx @@ -1,5 +1,4 @@ import {Avatar} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function AvatarExample() { diff --git a/polaris.shopify.com/pages/examples/avatar-square.tsx b/polaris.shopify.com/pages/examples/avatar-square.tsx index a08b37a7ad7..30ace695dfe 100644 --- a/polaris.shopify.com/pages/examples/avatar-square.tsx +++ b/polaris.shopify.com/pages/examples/avatar-square.tsx @@ -1,5 +1,4 @@ import {Avatar} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function AvatarExample() { diff --git a/polaris.shopify.com/pages/examples/badge-attention.tsx b/polaris.shopify.com/pages/examples/badge-attention.tsx index a0ae22c50c4..72fc43d1c5c 100644 --- a/polaris.shopify.com/pages/examples/badge-attention.tsx +++ b/polaris.shopify.com/pages/examples/badge-attention.tsx @@ -1,5 +1,4 @@ import {Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BadgeExample() { diff --git a/polaris.shopify.com/pages/examples/badge-complete.tsx b/polaris.shopify.com/pages/examples/badge-complete.tsx index 0862b11d46d..bca6accbaad 100644 --- a/polaris.shopify.com/pages/examples/badge-complete.tsx +++ b/polaris.shopify.com/pages/examples/badge-complete.tsx @@ -1,5 +1,4 @@ import {Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BadgeExample() { diff --git a/polaris.shopify.com/pages/examples/badge-critical.tsx b/polaris.shopify.com/pages/examples/badge-critical.tsx index 494d469d2f0..be91cd9b5ec 100644 --- a/polaris.shopify.com/pages/examples/badge-critical.tsx +++ b/polaris.shopify.com/pages/examples/badge-critical.tsx @@ -1,5 +1,4 @@ import {Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BadgeExample() { diff --git a/polaris.shopify.com/pages/examples/badge-default.tsx b/polaris.shopify.com/pages/examples/badge-default.tsx index a76f02a19d8..398173c963e 100644 --- a/polaris.shopify.com/pages/examples/badge-default.tsx +++ b/polaris.shopify.com/pages/examples/badge-default.tsx @@ -1,5 +1,4 @@ import {Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BadgeExample() { diff --git a/polaris.shopify.com/pages/examples/badge-incomplete.tsx b/polaris.shopify.com/pages/examples/badge-incomplete.tsx index 46a615701c7..705439d9b77 100644 --- a/polaris.shopify.com/pages/examples/badge-incomplete.tsx +++ b/polaris.shopify.com/pages/examples/badge-incomplete.tsx @@ -1,5 +1,4 @@ import {Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BadgeExample() { diff --git a/polaris.shopify.com/pages/examples/badge-informational.tsx b/polaris.shopify.com/pages/examples/badge-informational.tsx index f5823fc4294..b3fa5069ac5 100644 --- a/polaris.shopify.com/pages/examples/badge-informational.tsx +++ b/polaris.shopify.com/pages/examples/badge-informational.tsx @@ -1,5 +1,4 @@ import {Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BadgeExample() { diff --git a/polaris.shopify.com/pages/examples/badge-partially-complete.tsx b/polaris.shopify.com/pages/examples/badge-partially-complete.tsx index 7516df35bb9..584d03d318f 100644 --- a/polaris.shopify.com/pages/examples/badge-partially-complete.tsx +++ b/polaris.shopify.com/pages/examples/badge-partially-complete.tsx @@ -1,5 +1,4 @@ import {Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BadgeExample() { diff --git a/polaris.shopify.com/pages/examples/badge-small.tsx b/polaris.shopify.com/pages/examples/badge-small.tsx index 53be196ffe3..243f6ccfd98 100644 --- a/polaris.shopify.com/pages/examples/badge-small.tsx +++ b/polaris.shopify.com/pages/examples/badge-small.tsx @@ -1,5 +1,4 @@ import {Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BadgeExample() { diff --git a/polaris.shopify.com/pages/examples/badge-success.tsx b/polaris.shopify.com/pages/examples/badge-success.tsx index 3eda9e067d0..7cf059a85c8 100644 --- a/polaris.shopify.com/pages/examples/badge-success.tsx +++ b/polaris.shopify.com/pages/examples/badge-success.tsx @@ -1,5 +1,4 @@ import {Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BadgeExample() { diff --git a/polaris.shopify.com/pages/examples/badge-warning.tsx b/polaris.shopify.com/pages/examples/badge-warning.tsx index 2520caaa444..aa44f1ef846 100644 --- a/polaris.shopify.com/pages/examples/badge-warning.tsx +++ b/polaris.shopify.com/pages/examples/badge-warning.tsx @@ -1,5 +1,4 @@ import {Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BadgeExample() { diff --git a/polaris.shopify.com/pages/examples/badge-with-status-and-progress-label-override.tsx b/polaris.shopify.com/pages/examples/badge-with-status-and-progress-label-override.tsx index 20ac58a5ca1..4f8bfe4c8e2 100644 --- a/polaris.shopify.com/pages/examples/badge-with-status-and-progress-label-override.tsx +++ b/polaris.shopify.com/pages/examples/badge-with-status-and-progress-label-override.tsx @@ -1,5 +1,4 @@ import {Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BadgeExample() { diff --git a/polaris.shopify.com/pages/examples/banner-critical.tsx b/polaris.shopify.com/pages/examples/banner-critical.tsx index b9528607fd0..a96c075c5bd 100644 --- a/polaris.shopify.com/pages/examples/banner-critical.tsx +++ b/polaris.shopify.com/pages/examples/banner-critical.tsx @@ -1,5 +1,4 @@ import {Banner, Link} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BannerExample() { diff --git a/polaris.shopify.com/pages/examples/banner-default.tsx b/polaris.shopify.com/pages/examples/banner-default.tsx index 95fd88af1d8..c0b66f9e343 100644 --- a/polaris.shopify.com/pages/examples/banner-default.tsx +++ b/polaris.shopify.com/pages/examples/banner-default.tsx @@ -1,5 +1,4 @@ import {Banner} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BannerExample() { diff --git a/polaris.shopify.com/pages/examples/banner-dismissible.tsx b/polaris.shopify.com/pages/examples/banner-dismissible.tsx index ca889889782..5320a9bd483 100644 --- a/polaris.shopify.com/pages/examples/banner-dismissible.tsx +++ b/polaris.shopify.com/pages/examples/banner-dismissible.tsx @@ -1,5 +1,4 @@ import {Banner, Link} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BannerExample() { diff --git a/polaris.shopify.com/pages/examples/banner-in-a-card.tsx b/polaris.shopify.com/pages/examples/banner-in-a-card.tsx index 5a9e07a3673..5ca2f2107fe 100644 --- a/polaris.shopify.com/pages/examples/banner-in-a-card.tsx +++ b/polaris.shopify.com/pages/examples/banner-in-a-card.tsx @@ -1,5 +1,4 @@ import {LegacyCard, TextContainer, Banner, Link} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BannerExample() { diff --git a/polaris.shopify.com/pages/examples/banner-informational.tsx b/polaris.shopify.com/pages/examples/banner-informational.tsx index 7aec36301bd..7b233177418 100644 --- a/polaris.shopify.com/pages/examples/banner-informational.tsx +++ b/polaris.shopify.com/pages/examples/banner-informational.tsx @@ -1,5 +1,4 @@ import {Banner} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BannerExample() { diff --git a/polaris.shopify.com/pages/examples/banner-success.tsx b/polaris.shopify.com/pages/examples/banner-success.tsx index f53a274d0b8..fb4e4044ad2 100644 --- a/polaris.shopify.com/pages/examples/banner-success.tsx +++ b/polaris.shopify.com/pages/examples/banner-success.tsx @@ -1,5 +1,4 @@ import {Banner} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BannerExample() { diff --git a/polaris.shopify.com/pages/examples/banner-warning.tsx b/polaris.shopify.com/pages/examples/banner-warning.tsx index 4e9accf3df4..087289e3be6 100644 --- a/polaris.shopify.com/pages/examples/banner-warning.tsx +++ b/polaris.shopify.com/pages/examples/banner-warning.tsx @@ -1,5 +1,4 @@ import {Banner, List} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BannerExample() { diff --git a/polaris.shopify.com/pages/examples/banner-with-footer-call-to-action.tsx b/polaris.shopify.com/pages/examples/banner-with-footer-call-to-action.tsx index e114e46ed59..032b3d5730b 100644 --- a/polaris.shopify.com/pages/examples/banner-with-footer-call-to-action.tsx +++ b/polaris.shopify.com/pages/examples/banner-with-footer-call-to-action.tsx @@ -1,5 +1,4 @@ import {Banner} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BannerExample() { diff --git a/polaris.shopify.com/pages/examples/bleed-all-directions.tsx b/polaris.shopify.com/pages/examples/bleed-all-directions.tsx index 6c96d716127..83517a9d0a5 100644 --- a/polaris.shopify.com/pages/examples/bleed-all-directions.tsx +++ b/polaris.shopify.com/pages/examples/bleed-all-directions.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Bleed, Box, Text, Inline} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/bleed-horizontal.tsx b/polaris.shopify.com/pages/examples/bleed-horizontal.tsx index c4fc2bf46d9..5a6090eaaec 100644 --- a/polaris.shopify.com/pages/examples/bleed-horizontal.tsx +++ b/polaris.shopify.com/pages/examples/bleed-horizontal.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Bleed, Box, Text, Inline} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx b/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx index 8de1cab4263..41540d2435e 100644 --- a/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx +++ b/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Stack, Bleed, Box, Text, Inline} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/bleed-vertical.tsx b/polaris.shopify.com/pages/examples/bleed-vertical.tsx index 5878ed01619..2ac24fe9f0f 100644 --- a/polaris.shopify.com/pages/examples/bleed-vertical.tsx +++ b/polaris.shopify.com/pages/examples/bleed-vertical.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Bleed, Box, Text, Inline} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/box-with-border-radius.tsx b/polaris.shopify.com/pages/examples/box-with-border-radius.tsx index d6bf63b53df..fd592f8a312 100644 --- a/polaris.shopify.com/pages/examples/box-with-border-radius.tsx +++ b/polaris.shopify.com/pages/examples/box-with-border-radius.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Box, Text} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/box-with-border.tsx b/polaris.shopify.com/pages/examples/box-with-border.tsx index f363e7ef95f..71c67d60c42 100644 --- a/polaris.shopify.com/pages/examples/box-with-border.tsx +++ b/polaris.shopify.com/pages/examples/box-with-border.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Box, Text} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/box-with-color.tsx b/polaris.shopify.com/pages/examples/box-with-color.tsx index 31fe3cfe2e5..c3e0c28bf82 100644 --- a/polaris.shopify.com/pages/examples/box-with-color.tsx +++ b/polaris.shopify.com/pages/examples/box-with-color.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Box, Text} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/box-with-padding.tsx b/polaris.shopify.com/pages/examples/box-with-padding.tsx index ccf65bfa80b..8c9ffaf2c00 100644 --- a/polaris.shopify.com/pages/examples/box-with-padding.tsx +++ b/polaris.shopify.com/pages/examples/box-with-padding.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Stack, Box, Text, Inline} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/box-with-shadow.tsx b/polaris.shopify.com/pages/examples/box-with-shadow.tsx index ab810dc232e..1cfe11ff81d 100644 --- a/polaris.shopify.com/pages/examples/box-with-shadow.tsx +++ b/polaris.shopify.com/pages/examples/box-with-shadow.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Box, Text} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/button-default.tsx b/polaris.shopify.com/pages/examples/button-default.tsx index 3ba730b232a..036c4f2249c 100644 --- a/polaris.shopify.com/pages/examples/button-default.tsx +++ b/polaris.shopify.com/pages/examples/button-default.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-destructive.tsx b/polaris.shopify.com/pages/examples/button-destructive.tsx index 8ac32c70bd2..25a65305a22 100644 --- a/polaris.shopify.com/pages/examples/button-destructive.tsx +++ b/polaris.shopify.com/pages/examples/button-destructive.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-disabled-state.tsx b/polaris.shopify.com/pages/examples/button-disabled-state.tsx index d55927c7f9d..f747070cf15 100644 --- a/polaris.shopify.com/pages/examples/button-disabled-state.tsx +++ b/polaris.shopify.com/pages/examples/button-disabled-state.tsx @@ -1,5 +1,4 @@ import {ButtonGroup, Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-full-width.tsx b/polaris.shopify.com/pages/examples/button-full-width.tsx index 13d5b186934..4cfbf9c6c8c 100644 --- a/polaris.shopify.com/pages/examples/button-full-width.tsx +++ b/polaris.shopify.com/pages/examples/button-full-width.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-group-default.tsx b/polaris.shopify.com/pages/examples/button-group-default.tsx index e8ba4162632..02896389ef2 100644 --- a/polaris.shopify.com/pages/examples/button-group-default.tsx +++ b/polaris.shopify.com/pages/examples/button-group-default.tsx @@ -1,5 +1,4 @@ import {ButtonGroup, Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonGroupExample() { diff --git a/polaris.shopify.com/pages/examples/button-group-outline-with-segmented-buttons.tsx b/polaris.shopify.com/pages/examples/button-group-outline-with-segmented-buttons.tsx index dc38bafbb03..00804e53175 100644 --- a/polaris.shopify.com/pages/examples/button-group-outline-with-segmented-buttons.tsx +++ b/polaris.shopify.com/pages/examples/button-group-outline-with-segmented-buttons.tsx @@ -1,5 +1,4 @@ import {ButtonGroup, Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonGroupExample() { diff --git a/polaris.shopify.com/pages/examples/button-group-with-segmented-buttons.tsx b/polaris.shopify.com/pages/examples/button-group-with-segmented-buttons.tsx index 595242c32d1..7ef82d78526 100644 --- a/polaris.shopify.com/pages/examples/button-group-with-segmented-buttons.tsx +++ b/polaris.shopify.com/pages/examples/button-group-with-segmented-buttons.tsx @@ -1,5 +1,4 @@ import {ButtonGroup, Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonGroupExample() { diff --git a/polaris.shopify.com/pages/examples/button-large.tsx b/polaris.shopify.com/pages/examples/button-large.tsx index 2e47891c246..6807aabc05e 100644 --- a/polaris.shopify.com/pages/examples/button-large.tsx +++ b/polaris.shopify.com/pages/examples/button-large.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-loading-state.tsx b/polaris.shopify.com/pages/examples/button-loading-state.tsx index 8940ab715ae..026aff351bb 100644 --- a/polaris.shopify.com/pages/examples/button-loading-state.tsx +++ b/polaris.shopify.com/pages/examples/button-loading-state.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-outline-monochrome.tsx b/polaris.shopify.com/pages/examples/button-outline-monochrome.tsx index 2545223c12f..8cd2670dd12 100644 --- a/polaris.shopify.com/pages/examples/button-outline-monochrome.tsx +++ b/polaris.shopify.com/pages/examples/button-outline-monochrome.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-outline.tsx b/polaris.shopify.com/pages/examples/button-outline.tsx index 0f31768401a..6814785868b 100644 --- a/polaris.shopify.com/pages/examples/button-outline.tsx +++ b/polaris.shopify.com/pages/examples/button-outline.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-plain-destructive.tsx b/polaris.shopify.com/pages/examples/button-plain-destructive.tsx index 744e3b63362..7c3686405b7 100644 --- a/polaris.shopify.com/pages/examples/button-plain-destructive.tsx +++ b/polaris.shopify.com/pages/examples/button-plain-destructive.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-plain-monochrome.tsx b/polaris.shopify.com/pages/examples/button-plain-monochrome.tsx index 8160eaa542d..7dca7a668bd 100644 --- a/polaris.shopify.com/pages/examples/button-plain-monochrome.tsx +++ b/polaris.shopify.com/pages/examples/button-plain-monochrome.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-plain.tsx b/polaris.shopify.com/pages/examples/button-plain.tsx index 85859fad096..abfedc484ee 100644 --- a/polaris.shopify.com/pages/examples/button-plain.tsx +++ b/polaris.shopify.com/pages/examples/button-plain.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-primary.tsx b/polaris.shopify.com/pages/examples/button-primary.tsx index c89d055051e..efce94bf079 100644 --- a/polaris.shopify.com/pages/examples/button-primary.tsx +++ b/polaris.shopify.com/pages/examples/button-primary.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-select-disclosure.tsx b/polaris.shopify.com/pages/examples/button-select-disclosure.tsx index 73c5e1ecf06..1c819ff12a6 100644 --- a/polaris.shopify.com/pages/examples/button-select-disclosure.tsx +++ b/polaris.shopify.com/pages/examples/button-select-disclosure.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-slim.tsx b/polaris.shopify.com/pages/examples/button-slim.tsx index 2d072b1bcc2..5519d8091db 100644 --- a/polaris.shopify.com/pages/examples/button-slim.tsx +++ b/polaris.shopify.com/pages/examples/button-slim.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-split.tsx b/polaris.shopify.com/pages/examples/button-split.tsx index 6f2f800677f..2f562faae3f 100644 --- a/polaris.shopify.com/pages/examples/button-split.tsx +++ b/polaris.shopify.com/pages/examples/button-split.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/button-text-aligned.tsx b/polaris.shopify.com/pages/examples/button-text-aligned.tsx index b98cc2a3d83..b161bcd45a7 100644 --- a/polaris.shopify.com/pages/examples/button-text-aligned.tsx +++ b/polaris.shopify.com/pages/examples/button-text-aligned.tsx @@ -1,5 +1,4 @@ import {Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ButtonExample() { diff --git a/polaris.shopify.com/pages/examples/callout-card-default.tsx b/polaris.shopify.com/pages/examples/callout-card-default.tsx index 37659536183..74433652b60 100644 --- a/polaris.shopify.com/pages/examples/callout-card-default.tsx +++ b/polaris.shopify.com/pages/examples/callout-card-default.tsx @@ -1,5 +1,4 @@ import {CalloutCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function Example() { diff --git a/polaris.shopify.com/pages/examples/callout-card-dismissable.tsx b/polaris.shopify.com/pages/examples/callout-card-dismissable.tsx index edf7faeb505..655bf436e78 100644 --- a/polaris.shopify.com/pages/examples/callout-card-dismissable.tsx +++ b/polaris.shopify.com/pages/examples/callout-card-dismissable.tsx @@ -1,5 +1,4 @@ import {CalloutCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function Example() { diff --git a/polaris.shopify.com/pages/examples/callout-card-with-secondary-action.tsx b/polaris.shopify.com/pages/examples/callout-card-with-secondary-action.tsx index 2ad2aa532b4..1f346142e23 100644 --- a/polaris.shopify.com/pages/examples/callout-card-with-secondary-action.tsx +++ b/polaris.shopify.com/pages/examples/callout-card-with-secondary-action.tsx @@ -1,5 +1,4 @@ import {CalloutCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function Example() { diff --git a/polaris.shopify.com/pages/examples/card-with-rounded-corners.tsx b/polaris.shopify.com/pages/examples/card-with-rounded-corners.tsx index 2af4e21b90d..ac06cb520c0 100644 --- a/polaris.shopify.com/pages/examples/card-with-rounded-corners.tsx +++ b/polaris.shopify.com/pages/examples/card-with-rounded-corners.tsx @@ -1,5 +1,4 @@ import {Card, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function CardExample() { diff --git a/polaris.shopify.com/pages/examples/card-with-subdued-background.tsx b/polaris.shopify.com/pages/examples/card-with-subdued-background.tsx index 75b046ce31e..a101bd43121 100644 --- a/polaris.shopify.com/pages/examples/card-with-subdued-background.tsx +++ b/polaris.shopify.com/pages/examples/card-with-subdued-background.tsx @@ -1,5 +1,4 @@ import {Card, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function CardExample() { diff --git a/polaris.shopify.com/pages/examples/card-with-varying-padding.tsx b/polaris.shopify.com/pages/examples/card-with-varying-padding.tsx index 9bfce1fe312..a59cbdabdaf 100644 --- a/polaris.shopify.com/pages/examples/card-with-varying-padding.tsx +++ b/polaris.shopify.com/pages/examples/card-with-varying-padding.tsx @@ -1,5 +1,4 @@ import {Card, Text, Stack} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function CardExample() { diff --git a/polaris.shopify.com/pages/examples/columns-with-fixed-widths.tsx b/polaris.shopify.com/pages/examples/columns-with-fixed-widths.tsx index 2e5f1e8d2ee..c92c79f6305 100644 --- a/polaris.shopify.com/pages/examples/columns-with-fixed-widths.tsx +++ b/polaris.shopify.com/pages/examples/columns-with-fixed-widths.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Columns, Text, Inline} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/columns-with-set-number.tsx b/polaris.shopify.com/pages/examples/columns-with-set-number.tsx index 4a86a11fe46..1a1682de0b2 100644 --- a/polaris.shopify.com/pages/examples/columns-with-set-number.tsx +++ b/polaris.shopify.com/pages/examples/columns-with-set-number.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Columns} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/columns-with-varying-gap.tsx b/polaris.shopify.com/pages/examples/columns-with-varying-gap.tsx index de843f7eab2..ad5f9562bc2 100644 --- a/polaris.shopify.com/pages/examples/columns-with-varying-gap.tsx +++ b/polaris.shopify.com/pages/examples/columns-with-varying-gap.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Columns} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/contextual-save-bar-default.tsx b/polaris.shopify.com/pages/examples/contextual-save-bar-default.tsx index 9ed55c25986..c0abbcee691 100644 --- a/polaris.shopify.com/pages/examples/contextual-save-bar-default.tsx +++ b/polaris.shopify.com/pages/examples/contextual-save-bar-default.tsx @@ -1,5 +1,4 @@ import {Frame, ContextualSaveBar} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function Example() { diff --git a/polaris.shopify.com/pages/examples/contextual-save-bar-with-flush-contents.tsx b/polaris.shopify.com/pages/examples/contextual-save-bar-with-flush-contents.tsx index 617d134b278..9afa44d2447 100644 --- a/polaris.shopify.com/pages/examples/contextual-save-bar-with-flush-contents.tsx +++ b/polaris.shopify.com/pages/examples/contextual-save-bar-with-flush-contents.tsx @@ -1,5 +1,4 @@ import {Frame, ContextualSaveBar} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function Example() { diff --git a/polaris.shopify.com/pages/examples/contextual-save-bar-with-full-width.tsx b/polaris.shopify.com/pages/examples/contextual-save-bar-with-full-width.tsx index 48a5112f661..ea04794343e 100644 --- a/polaris.shopify.com/pages/examples/contextual-save-bar-with-full-width.tsx +++ b/polaris.shopify.com/pages/examples/contextual-save-bar-with-full-width.tsx @@ -1,5 +1,4 @@ import {Frame, ContextualSaveBar} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function Example() { diff --git a/polaris.shopify.com/pages/examples/data-table-default.tsx b/polaris.shopify.com/pages/examples/data-table-default.tsx index da4484f6f61..9c5e0b38338 100644 --- a/polaris.shopify.com/pages/examples/data-table-default.tsx +++ b/polaris.shopify.com/pages/examples/data-table-default.tsx @@ -1,5 +1,4 @@ import {Page, LegacyCard, DataTable} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function DataTableExample() { diff --git a/polaris.shopify.com/pages/examples/data-table-with-custom-totals-heading.tsx b/polaris.shopify.com/pages/examples/data-table-with-custom-totals-heading.tsx index 542832f8a3a..4e41819bd72 100644 --- a/polaris.shopify.com/pages/examples/data-table-with-custom-totals-heading.tsx +++ b/polaris.shopify.com/pages/examples/data-table-with-custom-totals-heading.tsx @@ -1,5 +1,4 @@ import {Page, LegacyCard, DataTable} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function DataTableExample() { diff --git a/polaris.shopify.com/pages/examples/data-table-with-footer.tsx b/polaris.shopify.com/pages/examples/data-table-with-footer.tsx index 2d23338b5f2..2e0bed84cdb 100644 --- a/polaris.shopify.com/pages/examples/data-table-with-footer.tsx +++ b/polaris.shopify.com/pages/examples/data-table-with-footer.tsx @@ -1,5 +1,4 @@ import {Page, LegacyCard, DataTable} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function DataTableFooterExample() { diff --git a/polaris.shopify.com/pages/examples/data-table-with-row-heading-links.tsx b/polaris.shopify.com/pages/examples/data-table-with-row-heading-links.tsx index e03e2932903..5dacbe3d143 100644 --- a/polaris.shopify.com/pages/examples/data-table-with-row-heading-links.tsx +++ b/polaris.shopify.com/pages/examples/data-table-with-row-heading-links.tsx @@ -1,5 +1,4 @@ import {Link, Page, LegacyCard, DataTable} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function DataTableLinkExample() { diff --git a/polaris.shopify.com/pages/examples/data-table-with-totals-in-footer.tsx b/polaris.shopify.com/pages/examples/data-table-with-totals-in-footer.tsx index 9a2fc2f7ffb..95a577e66a4 100644 --- a/polaris.shopify.com/pages/examples/data-table-with-totals-in-footer.tsx +++ b/polaris.shopify.com/pages/examples/data-table-with-totals-in-footer.tsx @@ -1,5 +1,4 @@ import {Page, LegacyCard, DataTable} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function DataTableExample() { diff --git a/polaris.shopify.com/pages/examples/deprecated-card-default.tsx b/polaris.shopify.com/pages/examples/deprecated-card-default.tsx index a02c2a0f3f8..b191844ae9e 100644 --- a/polaris.shopify.com/pages/examples/deprecated-card-default.tsx +++ b/polaris.shopify.com/pages/examples/deprecated-card-default.tsx @@ -1,5 +1,4 @@ import {Card, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function CardExample() { diff --git a/polaris.shopify.com/pages/examples/description-list-default.tsx b/polaris.shopify.com/pages/examples/description-list-default.tsx index 9280b65a031..5bf57d79acd 100644 --- a/polaris.shopify.com/pages/examples/description-list-default.tsx +++ b/polaris.shopify.com/pages/examples/description-list-default.tsx @@ -1,5 +1,4 @@ import {DescriptionList} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function Example() { diff --git a/polaris.shopify.com/pages/examples/divider-with-border-styles.tsx b/polaris.shopify.com/pages/examples/divider-with-border-styles.tsx index 2ba82f56714..4d3b8794743 100644 --- a/polaris.shopify.com/pages/examples/divider-with-border-styles.tsx +++ b/polaris.shopify.com/pages/examples/divider-with-border-styles.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Divider, Text, Stack} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/drop-zone-medium-sized.tsx b/polaris.shopify.com/pages/examples/drop-zone-medium-sized.tsx index f42992c7a9c..7a15508cd36 100644 --- a/polaris.shopify.com/pages/examples/drop-zone-medium-sized.tsx +++ b/polaris.shopify.com/pages/examples/drop-zone-medium-sized.tsx @@ -1,5 +1,4 @@ import {DropZone} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function DropZoneExample() { diff --git a/polaris.shopify.com/pages/examples/drop-zone-small-sized.tsx b/polaris.shopify.com/pages/examples/drop-zone-small-sized.tsx index bd3620e5204..71c62b7b93f 100644 --- a/polaris.shopify.com/pages/examples/drop-zone-small-sized.tsx +++ b/polaris.shopify.com/pages/examples/drop-zone-small-sized.tsx @@ -1,5 +1,4 @@ import {DropZone} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function DropZoneExample() { diff --git a/polaris.shopify.com/pages/examples/drop-zone-with-a-label.tsx b/polaris.shopify.com/pages/examples/drop-zone-with-a-label.tsx index 189dbb8f4ab..af131166675 100644 --- a/polaris.shopify.com/pages/examples/drop-zone-with-a-label.tsx +++ b/polaris.shopify.com/pages/examples/drop-zone-with-a-label.tsx @@ -1,5 +1,4 @@ import {DropZone} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function DropZoneExample() { diff --git a/polaris.shopify.com/pages/examples/empty-state-default.tsx b/polaris.shopify.com/pages/examples/empty-state-default.tsx index ed3f43d14a1..9e4859dae60 100644 --- a/polaris.shopify.com/pages/examples/empty-state-default.tsx +++ b/polaris.shopify.com/pages/examples/empty-state-default.tsx @@ -1,5 +1,4 @@ import {LegacyCard, EmptyState} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function EmptyStateExample() { diff --git a/polaris.shopify.com/pages/examples/empty-state-with-full-width-layout.tsx b/polaris.shopify.com/pages/examples/empty-state-with-full-width-layout.tsx index 49ef1461c6d..6da3386ce88 100644 --- a/polaris.shopify.com/pages/examples/empty-state-with-full-width-layout.tsx +++ b/polaris.shopify.com/pages/examples/empty-state-with-full-width-layout.tsx @@ -1,5 +1,4 @@ import {LegacyCard, EmptyState} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function EmptyStateExample() { diff --git a/polaris.shopify.com/pages/examples/empty-state-with-subdued-footer-context.tsx b/polaris.shopify.com/pages/examples/empty-state-with-subdued-footer-context.tsx index f7b7e7fcab3..bd3a72b650e 100644 --- a/polaris.shopify.com/pages/examples/empty-state-with-subdued-footer-context.tsx +++ b/polaris.shopify.com/pages/examples/empty-state-with-subdued-footer-context.tsx @@ -1,5 +1,4 @@ import {LegacyCard, EmptyState, Link} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function EmptyStateExample() { diff --git a/polaris.shopify.com/pages/examples/exception-list-default.tsx b/polaris.shopify.com/pages/examples/exception-list-default.tsx index f4f131f250a..36c090906b0 100644 --- a/polaris.shopify.com/pages/examples/exception-list-default.tsx +++ b/polaris.shopify.com/pages/examples/exception-list-default.tsx @@ -1,6 +1,5 @@ import {ExceptionList} from '@shopify/polaris'; import {NoteMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ExceptionListExample() { diff --git a/polaris.shopify.com/pages/examples/footer-help-default.tsx b/polaris.shopify.com/pages/examples/footer-help-default.tsx index 4eb2bc710d5..9b40cecb72a 100644 --- a/polaris.shopify.com/pages/examples/footer-help-default.tsx +++ b/polaris.shopify.com/pages/examples/footer-help-default.tsx @@ -1,5 +1,4 @@ import {FooterHelp, Link} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function FooterHelpExample() { diff --git a/polaris.shopify.com/pages/examples/form-layout-condensed-field-group.tsx b/polaris.shopify.com/pages/examples/form-layout-condensed-field-group.tsx index 4610ff0e895..7471cc597bf 100644 --- a/polaris.shopify.com/pages/examples/form-layout-condensed-field-group.tsx +++ b/polaris.shopify.com/pages/examples/form-layout-condensed-field-group.tsx @@ -1,5 +1,4 @@ import {FormLayout, TextField} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function Example() { diff --git a/polaris.shopify.com/pages/examples/form-layout-default.tsx b/polaris.shopify.com/pages/examples/form-layout-default.tsx index 32858bde808..d4de583326b 100644 --- a/polaris.shopify.com/pages/examples/form-layout-default.tsx +++ b/polaris.shopify.com/pages/examples/form-layout-default.tsx @@ -1,5 +1,4 @@ import {FormLayout, TextField} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function Example() { diff --git a/polaris.shopify.com/pages/examples/form-layout-field-group.tsx b/polaris.shopify.com/pages/examples/form-layout-field-group.tsx index 641e9d5abe7..0b2d33ec04a 100644 --- a/polaris.shopify.com/pages/examples/form-layout-field-group.tsx +++ b/polaris.shopify.com/pages/examples/form-layout-field-group.tsx @@ -1,5 +1,4 @@ import {FormLayout, TextField} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function Example() { diff --git a/polaris.shopify.com/pages/examples/grid-custom-layout.tsx b/polaris.shopify.com/pages/examples/grid-custom-layout.tsx index 836d4c0bbe4..78c3f51017f 100644 --- a/polaris.shopify.com/pages/examples/grid-custom-layout.tsx +++ b/polaris.shopify.com/pages/examples/grid-custom-layout.tsx @@ -1,5 +1,4 @@ import {Page, Grid, LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function GridExample() { diff --git a/polaris.shopify.com/pages/examples/grid-three-one-third-column.tsx b/polaris.shopify.com/pages/examples/grid-three-one-third-column.tsx index afe442b21f4..33a7ba51adf 100644 --- a/polaris.shopify.com/pages/examples/grid-three-one-third-column.tsx +++ b/polaris.shopify.com/pages/examples/grid-three-one-third-column.tsx @@ -1,5 +1,4 @@ import {Page, Grid, LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function GridExample() { diff --git a/polaris.shopify.com/pages/examples/grid-two-column.tsx b/polaris.shopify.com/pages/examples/grid-two-column.tsx index cba751d7c36..0775008951c 100644 --- a/polaris.shopify.com/pages/examples/grid-two-column.tsx +++ b/polaris.shopify.com/pages/examples/grid-two-column.tsx @@ -1,5 +1,4 @@ import {Page, Grid, LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function GridExample() { diff --git a/polaris.shopify.com/pages/examples/grid-two-thirds-and-one-third-column.tsx b/polaris.shopify.com/pages/examples/grid-two-thirds-and-one-third-column.tsx index afe442b21f4..33a7ba51adf 100644 --- a/polaris.shopify.com/pages/examples/grid-two-thirds-and-one-third-column.tsx +++ b/polaris.shopify.com/pages/examples/grid-two-thirds-and-one-third-column.tsx @@ -1,5 +1,4 @@ import {Page, Grid, LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function GridExample() { diff --git a/polaris.shopify.com/pages/examples/icon-colored.tsx b/polaris.shopify.com/pages/examples/icon-colored.tsx index 3308e1f3e32..1a670149d2a 100644 --- a/polaris.shopify.com/pages/examples/icon-colored.tsx +++ b/polaris.shopify.com/pages/examples/icon-colored.tsx @@ -1,6 +1,5 @@ import {Icon} from '@shopify/polaris'; import {CirclePlusMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function IconExample() { diff --git a/polaris.shopify.com/pages/examples/icon-default.tsx b/polaris.shopify.com/pages/examples/icon-default.tsx index c6a13e48663..50d21bd8a78 100644 --- a/polaris.shopify.com/pages/examples/icon-default.tsx +++ b/polaris.shopify.com/pages/examples/icon-default.tsx @@ -1,6 +1,5 @@ import {Icon} from '@shopify/polaris'; import {CirclePlusMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function IconExample() { diff --git a/polaris.shopify.com/pages/examples/icon-with-backdrop.tsx b/polaris.shopify.com/pages/examples/icon-with-backdrop.tsx index f73d4c9e310..bbb1e0016d8 100644 --- a/polaris.shopify.com/pages/examples/icon-with-backdrop.tsx +++ b/polaris.shopify.com/pages/examples/icon-with-backdrop.tsx @@ -1,6 +1,5 @@ import {Icon} from '@shopify/polaris'; import {CirclePlusMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function IconExample() { diff --git a/polaris.shopify.com/pages/examples/icon-with-custom-svg-and-color.tsx b/polaris.shopify.com/pages/examples/icon-with-custom-svg-and-color.tsx index ebaac89e8ee..c787c9078ff 100644 --- a/polaris.shopify.com/pages/examples/icon-with-custom-svg-and-color.tsx +++ b/polaris.shopify.com/pages/examples/icon-with-custom-svg-and-color.tsx @@ -1,5 +1,4 @@ import {Icon} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function IconWithReactChild() { diff --git a/polaris.shopify.com/pages/examples/icon-with-custom-svg.tsx b/polaris.shopify.com/pages/examples/icon-with-custom-svg.tsx index 6f44a6f4fae..923ad8750c4 100644 --- a/polaris.shopify.com/pages/examples/icon-with-custom-svg.tsx +++ b/polaris.shopify.com/pages/examples/icon-with-custom-svg.tsx @@ -1,5 +1,4 @@ import {Icon} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function IconExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-default.tsx b/polaris.shopify.com/pages/examples/index-table-default.tsx index 50d12f2d6e2..8b9ad501955 100644 --- a/polaris.shopify.com/pages/examples/index-table-default.tsx +++ b/polaris.shopify.com/pages/examples/index-table-default.tsx @@ -4,7 +4,6 @@ import { useIndexResourceState, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SimpleIndexTableExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-flush.tsx b/polaris.shopify.com/pages/examples/index-table-flush.tsx index 3426c12df69..2dd9bba86be 100644 --- a/polaris.shopify.com/pages/examples/index-table-flush.tsx +++ b/polaris.shopify.com/pages/examples/index-table-flush.tsx @@ -4,7 +4,6 @@ import { useIndexResourceState, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SimpleFlushIndexTableExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-small-screen.tsx b/polaris.shopify.com/pages/examples/index-table-small-screen.tsx index e0d924d28e2..cf4b4dfb4ed 100644 --- a/polaris.shopify.com/pages/examples/index-table-small-screen.tsx +++ b/polaris.shopify.com/pages/examples/index-table-small-screen.tsx @@ -4,7 +4,6 @@ import { useIndexResourceState, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SimpleSmallScreenIndexTableExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-with-bulk-actions-and-selection-across-pages.tsx b/polaris.shopify.com/pages/examples/index-table-with-bulk-actions-and-selection-across-pages.tsx index 9f67e26cae3..280520fb0ed 100644 --- a/polaris.shopify.com/pages/examples/index-table-with-bulk-actions-and-selection-across-pages.tsx +++ b/polaris.shopify.com/pages/examples/index-table-with-bulk-actions-and-selection-across-pages.tsx @@ -4,7 +4,6 @@ import { useIndexResourceState, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function IndexTableWithBulkActionsAndSelectionAcrossPagesExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-with-bulk-actions.tsx b/polaris.shopify.com/pages/examples/index-table-with-bulk-actions.tsx index 404b9e7688a..6039bb13d15 100644 --- a/polaris.shopify.com/pages/examples/index-table-with-bulk-actions.tsx +++ b/polaris.shopify.com/pages/examples/index-table-with-bulk-actions.tsx @@ -4,7 +4,6 @@ import { useIndexResourceState, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function IndexTableWithBulkActionsExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-with-clickable-button-column.tsx b/polaris.shopify.com/pages/examples/index-table-with-clickable-button-column.tsx index ef89fff5ab4..bece493863d 100644 --- a/polaris.shopify.com/pages/examples/index-table-with-clickable-button-column.tsx +++ b/polaris.shopify.com/pages/examples/index-table-with-clickable-button-column.tsx @@ -5,7 +5,6 @@ import { useIndexResourceState, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ClickThroughButtonIndexTableExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-with-empty-state.tsx b/polaris.shopify.com/pages/examples/index-table-with-empty-state.tsx index 7bb2e9af81c..02abf608eeb 100644 --- a/polaris.shopify.com/pages/examples/index-table-with-empty-state.tsx +++ b/polaris.shopify.com/pages/examples/index-table-with-empty-state.tsx @@ -5,7 +5,6 @@ import { useIndexResourceState, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function IndexTableWithCustomEmptyStateExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-with-loading-state.tsx b/polaris.shopify.com/pages/examples/index-table-with-loading-state.tsx index 4349d9e2721..6ee7bf42e0f 100644 --- a/polaris.shopify.com/pages/examples/index-table-with-loading-state.tsx +++ b/polaris.shopify.com/pages/examples/index-table-with-loading-state.tsx @@ -4,7 +4,6 @@ import { useIndexResourceState, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function IndexTableWithLoadingExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-with-multiple-promoted-bulk-actions.tsx b/polaris.shopify.com/pages/examples/index-table-with-multiple-promoted-bulk-actions.tsx index 6403c41cf22..638fafb5226 100644 --- a/polaris.shopify.com/pages/examples/index-table-with-multiple-promoted-bulk-actions.tsx +++ b/polaris.shopify.com/pages/examples/index-table-with-multiple-promoted-bulk-actions.tsx @@ -4,7 +4,6 @@ import { useIndexResourceState, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function IndexTableWithMultiplePromotedBulkActionsExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-with-row-navigation-link.tsx b/polaris.shopify.com/pages/examples/index-table-with-row-navigation-link.tsx index 8829f188f12..59dc2cc8dd1 100644 --- a/polaris.shopify.com/pages/examples/index-table-with-row-navigation-link.tsx +++ b/polaris.shopify.com/pages/examples/index-table-with-row-navigation-link.tsx @@ -5,7 +5,6 @@ import { useIndexResourceState, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ClickThroughLinkIndexTableExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-with-row-status.tsx b/polaris.shopify.com/pages/examples/index-table-with-row-status.tsx index bf28e42e1cc..d3f691ed171 100644 --- a/polaris.shopify.com/pages/examples/index-table-with-row-status.tsx +++ b/polaris.shopify.com/pages/examples/index-table-with-row-status.tsx @@ -4,7 +4,6 @@ import { useIndexResourceState, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function IndexTableWithRowStatusExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-with-sticky-last-column.tsx b/polaris.shopify.com/pages/examples/index-table-with-sticky-last-column.tsx index b21f5960906..10838751843 100644 --- a/polaris.shopify.com/pages/examples/index-table-with-sticky-last-column.tsx +++ b/polaris.shopify.com/pages/examples/index-table-with-sticky-last-column.tsx @@ -4,7 +4,6 @@ import { useIndexResourceState, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function StickyLastCellIndexTableExample() { diff --git a/polaris.shopify.com/pages/examples/index-table-without-checkboxes.tsx b/polaris.shopify.com/pages/examples/index-table-without-checkboxes.tsx index 4ea97edc5ef..af24b7ead9a 100644 --- a/polaris.shopify.com/pages/examples/index-table-without-checkboxes.tsx +++ b/polaris.shopify.com/pages/examples/index-table-without-checkboxes.tsx @@ -1,5 +1,4 @@ import {IndexTable, LegacyCard, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function IndexTableWithoutCheckboxesExample() { diff --git a/polaris.shopify.com/pages/examples/inline-error-default.tsx b/polaris.shopify.com/pages/examples/inline-error-default.tsx index 3d75a055af4..ca7779dcf67 100644 --- a/polaris.shopify.com/pages/examples/inline-error-default.tsx +++ b/polaris.shopify.com/pages/examples/inline-error-default.tsx @@ -1,5 +1,4 @@ import {InlineError} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function InlineErrorExample() { diff --git a/polaris.shopify.com/pages/examples/inline-with-align.tsx b/polaris.shopify.com/pages/examples/inline-with-align.tsx index 3d032587dcb..d130c5a378d 100644 --- a/polaris.shopify.com/pages/examples/inline-with-align.tsx +++ b/polaris.shopify.com/pages/examples/inline-with-align.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Stack, Inline, Text, Page, Divider} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/inline-with-block-align.tsx b/polaris.shopify.com/pages/examples/inline-with-block-align.tsx index 3afda7572b4..9107d8b8e64 100644 --- a/polaris.shopify.com/pages/examples/inline-with-block-align.tsx +++ b/polaris.shopify.com/pages/examples/inline-with-block-align.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Inline, Text, Stack, Divider} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/inline-with-gap.tsx b/polaris.shopify.com/pages/examples/inline-with-gap.tsx index dc4f7013b9c..7d305ebad63 100644 --- a/polaris.shopify.com/pages/examples/inline-with-gap.tsx +++ b/polaris.shopify.com/pages/examples/inline-with-gap.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Inline, Stack} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/inline-with-non-wrapping.tsx b/polaris.shopify.com/pages/examples/inline-with-non-wrapping.tsx index c5f49b01673..68c84fa9850 100644 --- a/polaris.shopify.com/pages/examples/inline-with-non-wrapping.tsx +++ b/polaris.shopify.com/pages/examples/inline-with-non-wrapping.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Inline} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/keyboard-key-default.tsx b/polaris.shopify.com/pages/examples/keyboard-key-default.tsx index 64c813cb346..864020a21fc 100644 --- a/polaris.shopify.com/pages/examples/keyboard-key-default.tsx +++ b/polaris.shopify.com/pages/examples/keyboard-key-default.tsx @@ -1,5 +1,4 @@ import {KeyboardKey} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function Example() { diff --git a/polaris.shopify.com/pages/examples/keyboard-key-list-of-shortcuts.tsx b/polaris.shopify.com/pages/examples/keyboard-key-list-of-shortcuts.tsx index 64c813cb346..864020a21fc 100644 --- a/polaris.shopify.com/pages/examples/keyboard-key-list-of-shortcuts.tsx +++ b/polaris.shopify.com/pages/examples/keyboard-key-list-of-shortcuts.tsx @@ -1,5 +1,4 @@ import {KeyboardKey} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function Example() { diff --git a/polaris.shopify.com/pages/examples/layout-annotated-with-banner-at-the-top.tsx b/polaris.shopify.com/pages/examples/layout-annotated-with-banner-at-the-top.tsx index f4937de8991..d69a3091388 100644 --- a/polaris.shopify.com/pages/examples/layout-annotated-with-banner-at-the-top.tsx +++ b/polaris.shopify.com/pages/examples/layout-annotated-with-banner-at-the-top.tsx @@ -6,7 +6,6 @@ import { FormLayout, TextField, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LayoutExample() { diff --git a/polaris.shopify.com/pages/examples/layout-annotated-with-sections.tsx b/polaris.shopify.com/pages/examples/layout-annotated-with-sections.tsx index 764f4c39dbf..9b0bfff344b 100644 --- a/polaris.shopify.com/pages/examples/layout-annotated-with-sections.tsx +++ b/polaris.shopify.com/pages/examples/layout-annotated-with-sections.tsx @@ -7,7 +7,6 @@ import { TextContainer, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LayoutExample() { diff --git a/polaris.shopify.com/pages/examples/layout-annotated.tsx b/polaris.shopify.com/pages/examples/layout-annotated.tsx index 25a6568cbe8..24c32ceabb9 100644 --- a/polaris.shopify.com/pages/examples/layout-annotated.tsx +++ b/polaris.shopify.com/pages/examples/layout-annotated.tsx @@ -1,5 +1,4 @@ import {Page, Layout, LegacyCard, FormLayout, TextField} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LayoutExample() { diff --git a/polaris.shopify.com/pages/examples/layout-one-column.tsx b/polaris.shopify.com/pages/examples/layout-one-column.tsx index 682aea4d9bd..a90d983302a 100644 --- a/polaris.shopify.com/pages/examples/layout-one-column.tsx +++ b/polaris.shopify.com/pages/examples/layout-one-column.tsx @@ -1,5 +1,4 @@ import {Page, Layout, LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LayoutExample() { diff --git a/polaris.shopify.com/pages/examples/layout-three-columns-with-equal-width.tsx b/polaris.shopify.com/pages/examples/layout-three-columns-with-equal-width.tsx index 6e67c8edb6b..dfb83152826 100644 --- a/polaris.shopify.com/pages/examples/layout-three-columns-with-equal-width.tsx +++ b/polaris.shopify.com/pages/examples/layout-three-columns-with-equal-width.tsx @@ -6,7 +6,6 @@ import { Thumbnail, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LayoutExample() { diff --git a/polaris.shopify.com/pages/examples/layout-two-columns-with-equal-width.tsx b/polaris.shopify.com/pages/examples/layout-two-columns-with-equal-width.tsx index 459801dbeab..7ee06f5bbcc 100644 --- a/polaris.shopify.com/pages/examples/layout-two-columns-with-equal-width.tsx +++ b/polaris.shopify.com/pages/examples/layout-two-columns-with-equal-width.tsx @@ -6,7 +6,6 @@ import { Thumbnail, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LayoutExample() { diff --git a/polaris.shopify.com/pages/examples/layout-two-columns-with-primary-and-secondary-widths.tsx b/polaris.shopify.com/pages/examples/layout-two-columns-with-primary-and-secondary-widths.tsx index 0c8565e6e0b..9c75bd44223 100644 --- a/polaris.shopify.com/pages/examples/layout-two-columns-with-primary-and-secondary-widths.tsx +++ b/polaris.shopify.com/pages/examples/layout-two-columns-with-primary-and-secondary-widths.tsx @@ -1,5 +1,4 @@ import {Page, Layout, LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LayoutExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-default.tsx b/polaris.shopify.com/pages/examples/legacy-card-default.tsx index 8d632129846..023deffee59 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-default.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-default.tsx @@ -1,5 +1,4 @@ import {LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-a-subdued-section.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-a-subdued-section.tsx index 9759cd52670..a5365faf9ff 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-a-subdued-section.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-a-subdued-section.tsx @@ -1,5 +1,4 @@ import {LegacyCard, List} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-all-elements.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-all-elements.tsx index cf4edb55bb6..4ca4824a9ac 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-all-elements.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-all-elements.tsx @@ -8,7 +8,6 @@ import { LegacyStack, List, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-custom-footer-actions.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-custom-footer-actions.tsx index 99e6de71b0e..413ce8918e8 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-custom-footer-actions.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-custom-footer-actions.tsx @@ -1,5 +1,4 @@ import {LegacyCard, LegacyStack, ButtonGroup, Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-custom-react-node-title.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-custom-react-node-title.tsx index 4897af76350..35a40bffbc4 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-custom-react-node-title.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-custom-react-node-title.tsx @@ -1,6 +1,5 @@ import {LegacyCard, LegacyStack, Icon, List, Text} from '@shopify/polaris'; import {ProductsMajor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-destructive-action.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-destructive-action.tsx index d9239f6f297..497e991e8c0 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-destructive-action.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-destructive-action.tsx @@ -1,5 +1,4 @@ import {LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-destructive-footer-action.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-destructive-footer-action.tsx index e1764a43f36..d954fb8c7a0 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-destructive-footer-action.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-destructive-footer-action.tsx @@ -1,5 +1,4 @@ import {LegacyCard, List} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-flushed-sections.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-flushed-sections.tsx index 41b9ac3fbfe..2f51e8df61c 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-flushed-sections.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-flushed-sections.tsx @@ -1,5 +1,4 @@ import {LegacyCard, Image, TextContainer} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-footer-actions.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-footer-actions.tsx index 4a935327799..7c2a581f8dc 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-footer-actions.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-footer-actions.tsx @@ -1,5 +1,4 @@ import {LegacyCard, List} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-header-actions.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-header-actions.tsx index d19843f0589..f41e8ac06ff 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-header-actions.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-header-actions.tsx @@ -1,5 +1,4 @@ import {LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-multiple-footer-actions.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-multiple-footer-actions.tsx index f379d78d55d..135797c24e2 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-multiple-footer-actions.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-multiple-footer-actions.tsx @@ -1,5 +1,4 @@ import {LegacyCard, List} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-multiple-sections.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-multiple-sections.tsx index 48c9494a841..5c78fd05858 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-multiple-sections.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-multiple-sections.tsx @@ -1,5 +1,4 @@ import {LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-multiple-titled-sections.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-multiple-titled-sections.tsx index 3bc34055d9d..34a8b7425f2 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-multiple-titled-sections.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-multiple-titled-sections.tsx @@ -1,5 +1,4 @@ import {LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-sections-and-actions.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-sections-and-actions.tsx index f33837498db..6d8f4604c14 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-sections-and-actions.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-sections-and-actions.tsx @@ -1,5 +1,4 @@ import {LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-separate-header.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-separate-header.tsx index 1459b333416..379a988af42 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-separate-header.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-separate-header.tsx @@ -1,5 +1,4 @@ import {LegacyCard, Popover, Button, ActionList, List} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-subdued-for-secondary-content.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-subdued-for-secondary-content.tsx index 00f080e4f7b..92b3dabf4a4 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-subdued-for-secondary-content.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-subdued-for-secondary-content.tsx @@ -1,5 +1,4 @@ import {LegacyCard, List} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-subsection.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-subsection.tsx index 39f201161bc..8df9316a945 100644 --- a/polaris.shopify.com/pages/examples/legacy-card-with-subsection.tsx +++ b/polaris.shopify.com/pages/examples/legacy-card-with-subsection.tsx @@ -1,5 +1,4 @@ import {LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyCardExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-stack-default.tsx b/polaris.shopify.com/pages/examples/legacy-stack-default.tsx index 7427a026a36..326a6a6ce36 100644 --- a/polaris.shopify.com/pages/examples/legacy-stack-default.tsx +++ b/polaris.shopify.com/pages/examples/legacy-stack-default.tsx @@ -1,5 +1,4 @@ import {LegacyStack, Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyStackExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-stack-fill-available-space-proportionally.tsx b/polaris.shopify.com/pages/examples/legacy-stack-fill-available-space-proportionally.tsx index f7fdb2cd7d3..7ca0ff83f94 100644 --- a/polaris.shopify.com/pages/examples/legacy-stack-fill-available-space-proportionally.tsx +++ b/polaris.shopify.com/pages/examples/legacy-stack-fill-available-space-proportionally.tsx @@ -1,5 +1,4 @@ import {LegacyStack, Badge, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyStackExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-stack-non-wrapping.tsx b/polaris.shopify.com/pages/examples/legacy-stack-non-wrapping.tsx index ae83dff8ee6..9a6881e3fe1 100644 --- a/polaris.shopify.com/pages/examples/legacy-stack-non-wrapping.tsx +++ b/polaris.shopify.com/pages/examples/legacy-stack-non-wrapping.tsx @@ -1,5 +1,4 @@ import {LegacyStack, Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyStackExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-stack-spacing.tsx b/polaris.shopify.com/pages/examples/legacy-stack-spacing.tsx index 5cf4a973edb..715d7cbe15c 100644 --- a/polaris.shopify.com/pages/examples/legacy-stack-spacing.tsx +++ b/polaris.shopify.com/pages/examples/legacy-stack-spacing.tsx @@ -1,5 +1,4 @@ import {LegacyStack, Badge} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyStackExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-stack-vertical-centering.tsx b/polaris.shopify.com/pages/examples/legacy-stack-vertical-centering.tsx index 89ed6ab3c49..c18564f83c2 100644 --- a/polaris.shopify.com/pages/examples/legacy-stack-vertical-centering.tsx +++ b/polaris.shopify.com/pages/examples/legacy-stack-vertical-centering.tsx @@ -1,5 +1,4 @@ import {LegacyStack, Badge, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyStackExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-stack-where-a-single-item-fills-the-remaining-space.tsx b/polaris.shopify.com/pages/examples/legacy-stack-where-a-single-item-fills-the-remaining-space.tsx index 53821939dea..30c33586a61 100644 --- a/polaris.shopify.com/pages/examples/legacy-stack-where-a-single-item-fills-the-remaining-space.tsx +++ b/polaris.shopify.com/pages/examples/legacy-stack-where-a-single-item-fills-the-remaining-space.tsx @@ -1,5 +1,4 @@ import {LegacyStack, Badge, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyStackExample() { diff --git a/polaris.shopify.com/pages/examples/legacy-stack-where-items-fill-space-evenly.tsx b/polaris.shopify.com/pages/examples/legacy-stack-where-items-fill-space-evenly.tsx index aa629bfbdbc..8e2a8ea3bd6 100644 --- a/polaris.shopify.com/pages/examples/legacy-stack-where-items-fill-space-evenly.tsx +++ b/polaris.shopify.com/pages/examples/legacy-stack-where-items-fill-space-evenly.tsx @@ -1,5 +1,4 @@ import {LegacyStack, Badge, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LegacyStackExample() { diff --git a/polaris.shopify.com/pages/examples/link-default.tsx b/polaris.shopify.com/pages/examples/link-default.tsx index 988428b33bd..46a239d92d5 100644 --- a/polaris.shopify.com/pages/examples/link-default.tsx +++ b/polaris.shopify.com/pages/examples/link-default.tsx @@ -1,5 +1,4 @@ import {Link} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LinkExample() { diff --git a/polaris.shopify.com/pages/examples/link-external.tsx b/polaris.shopify.com/pages/examples/link-external.tsx index 696ecab6939..2c7a204118f 100644 --- a/polaris.shopify.com/pages/examples/link-external.tsx +++ b/polaris.shopify.com/pages/examples/link-external.tsx @@ -1,5 +1,4 @@ import {Link} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LinkExample() { diff --git a/polaris.shopify.com/pages/examples/link-monochrome-in-a-banner.tsx b/polaris.shopify.com/pages/examples/link-monochrome-in-a-banner.tsx index ac3d6667bc0..97ab393d114 100644 --- a/polaris.shopify.com/pages/examples/link-monochrome-in-a-banner.tsx +++ b/polaris.shopify.com/pages/examples/link-monochrome-in-a-banner.tsx @@ -1,5 +1,4 @@ import {Banner, Link} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LinkExample() { diff --git a/polaris.shopify.com/pages/examples/link-monochrome.tsx b/polaris.shopify.com/pages/examples/link-monochrome.tsx index cd6c1d9dc66..ca05f9741b9 100644 --- a/polaris.shopify.com/pages/examples/link-monochrome.tsx +++ b/polaris.shopify.com/pages/examples/link-monochrome.tsx @@ -1,5 +1,4 @@ import {Link} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LinkExample() { diff --git a/polaris.shopify.com/pages/examples/list-bulleted.tsx b/polaris.shopify.com/pages/examples/list-bulleted.tsx index 8f345ff7d7a..b7a02529d7e 100644 --- a/polaris.shopify.com/pages/examples/list-bulleted.tsx +++ b/polaris.shopify.com/pages/examples/list-bulleted.tsx @@ -1,5 +1,4 @@ import {List} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ListExample() { diff --git a/polaris.shopify.com/pages/examples/list-extra-tight.tsx b/polaris.shopify.com/pages/examples/list-extra-tight.tsx index 0cc1e6e21b2..c93a9435eda 100644 --- a/polaris.shopify.com/pages/examples/list-extra-tight.tsx +++ b/polaris.shopify.com/pages/examples/list-extra-tight.tsx @@ -1,5 +1,4 @@ import {List} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ListExtraTightExample() { diff --git a/polaris.shopify.com/pages/examples/list-numbered.tsx b/polaris.shopify.com/pages/examples/list-numbered.tsx index acd866fce33..7f1ef75b941 100644 --- a/polaris.shopify.com/pages/examples/list-numbered.tsx +++ b/polaris.shopify.com/pages/examples/list-numbered.tsx @@ -1,5 +1,4 @@ import {List} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ListExample() { diff --git a/polaris.shopify.com/pages/examples/listbox-default.tsx b/polaris.shopify.com/pages/examples/listbox-default.tsx index 5376d3748bb..65b98626efa 100644 --- a/polaris.shopify.com/pages/examples/listbox-default.tsx +++ b/polaris.shopify.com/pages/examples/listbox-default.tsx @@ -1,5 +1,4 @@ import {Listbox} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function BaseListboxExample() { diff --git a/polaris.shopify.com/pages/examples/listbox-with-action.tsx b/polaris.shopify.com/pages/examples/listbox-with-action.tsx index 16914f502a2..a6a9559f26a 100644 --- a/polaris.shopify.com/pages/examples/listbox-with-action.tsx +++ b/polaris.shopify.com/pages/examples/listbox-with-action.tsx @@ -1,6 +1,5 @@ import {Listbox, LegacyStack, Icon} from '@shopify/polaris'; import {CirclePlusMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ListboxWithActionExample() { diff --git a/polaris.shopify.com/pages/examples/listbox-with-custom-element.tsx b/polaris.shopify.com/pages/examples/listbox-with-custom-element.tsx index 42867d21e0e..b7a1eff2812 100644 --- a/polaris.shopify.com/pages/examples/listbox-with-custom-element.tsx +++ b/polaris.shopify.com/pages/examples/listbox-with-custom-element.tsx @@ -1,5 +1,4 @@ import {Listbox} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ListboxWithCustomElementExample() { diff --git a/polaris.shopify.com/pages/examples/listbox-with-loading.tsx b/polaris.shopify.com/pages/examples/listbox-with-loading.tsx index 30eaf43bfb0..06b46fb9373 100644 --- a/polaris.shopify.com/pages/examples/listbox-with-loading.tsx +++ b/polaris.shopify.com/pages/examples/listbox-with-loading.tsx @@ -1,5 +1,4 @@ import {Listbox} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ListboxWithLoadingExample() { diff --git a/polaris.shopify.com/pages/examples/listbox-with-search.tsx b/polaris.shopify.com/pages/examples/listbox-with-search.tsx index fc8ae8873c4..7244d6be459 100644 --- a/polaris.shopify.com/pages/examples/listbox-with-search.tsx +++ b/polaris.shopify.com/pages/examples/listbox-with-search.tsx @@ -1,4 +1,4 @@ -import React, {useState} from 'react'; +import { useState } from 'react'; import { LegacyStack, Icon, diff --git a/polaris.shopify.com/pages/examples/loading-default.tsx b/polaris.shopify.com/pages/examples/loading-default.tsx index 59fe11ac22a..ada9c78f952 100644 --- a/polaris.shopify.com/pages/examples/loading-default.tsx +++ b/polaris.shopify.com/pages/examples/loading-default.tsx @@ -1,5 +1,4 @@ import {Frame, Loading} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function LoadingExample() { diff --git a/polaris.shopify.com/pages/examples/media-card-default.tsx b/polaris.shopify.com/pages/examples/media-card-default.tsx index ad8e8c9b063..4ae766652d0 100644 --- a/polaris.shopify.com/pages/examples/media-card-default.tsx +++ b/polaris.shopify.com/pages/examples/media-card-default.tsx @@ -1,5 +1,4 @@ import {MediaCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function MediaCardExample() { diff --git a/polaris.shopify.com/pages/examples/media-card-portrait-video-card.tsx b/polaris.shopify.com/pages/examples/media-card-portrait-video-card.tsx index 28a575ff946..8577fea3fc7 100644 --- a/polaris.shopify.com/pages/examples/media-card-portrait-video-card.tsx +++ b/polaris.shopify.com/pages/examples/media-card-portrait-video-card.tsx @@ -1,5 +1,4 @@ import {MediaCard, VideoThumbnail} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function MediaCardExample() { diff --git a/polaris.shopify.com/pages/examples/media-card-video-card.tsx b/polaris.shopify.com/pages/examples/media-card-video-card.tsx index a607d2edf2f..0326676636d 100644 --- a/polaris.shopify.com/pages/examples/media-card-video-card.tsx +++ b/polaris.shopify.com/pages/examples/media-card-video-card.tsx @@ -1,5 +1,4 @@ import {MediaCard, VideoThumbnail} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function MediaCardExample() { diff --git a/polaris.shopify.com/pages/examples/media-card-with-no-actions.tsx b/polaris.shopify.com/pages/examples/media-card-with-no-actions.tsx index 4e01182ec1b..e1d54b1c7dc 100644 --- a/polaris.shopify.com/pages/examples/media-card-with-no-actions.tsx +++ b/polaris.shopify.com/pages/examples/media-card-with-no-actions.tsx @@ -1,5 +1,4 @@ import {MediaCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function MediaCardExample() { diff --git a/polaris.shopify.com/pages/examples/media-card-with-secondary-action.tsx b/polaris.shopify.com/pages/examples/media-card-with-secondary-action.tsx index 86696d16b6a..46f43e8fb37 100644 --- a/polaris.shopify.com/pages/examples/media-card-with-secondary-action.tsx +++ b/polaris.shopify.com/pages/examples/media-card-with-secondary-action.tsx @@ -1,5 +1,4 @@ import {MediaCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function MediaCardExample() { diff --git a/polaris.shopify.com/pages/examples/media-card-with-small-visual.tsx b/polaris.shopify.com/pages/examples/media-card-with-small-visual.tsx index bf317818358..d00f748016a 100644 --- a/polaris.shopify.com/pages/examples/media-card-with-small-visual.tsx +++ b/polaris.shopify.com/pages/examples/media-card-with-small-visual.tsx @@ -1,5 +1,4 @@ import {MediaCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function MediaCardExample() { diff --git a/polaris.shopify.com/pages/examples/navigation-default.tsx b/polaris.shopify.com/pages/examples/navigation-default.tsx index ffeca29e0af..e3a6d45b608 100644 --- a/polaris.shopify.com/pages/examples/navigation-default.tsx +++ b/polaris.shopify.com/pages/examples/navigation-default.tsx @@ -1,6 +1,5 @@ import {Frame, Navigation} from '@shopify/polaris'; import {HomeMinor, OrdersMinor, ProductsMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function NavigationExample() { diff --git a/polaris.shopify.com/pages/examples/navigation-using-major-icons.tsx b/polaris.shopify.com/pages/examples/navigation-using-major-icons.tsx index 263e9698573..c3bf06fd000 100644 --- a/polaris.shopify.com/pages/examples/navigation-using-major-icons.tsx +++ b/polaris.shopify.com/pages/examples/navigation-using-major-icons.tsx @@ -5,7 +5,6 @@ import { ProductsMajor, CustomersMajor, } from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function NavigationExample() { diff --git a/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-a-section-and-a-section-title.tsx b/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-a-section-and-a-section-title.tsx index cf38b924bf4..b0130f6b90b 100644 --- a/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-a-section-and-a-section-title.tsx +++ b/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-a-section-and-a-section-title.tsx @@ -6,7 +6,6 @@ import { OnlineStoreMinor, CirclePlusOutlineMinor, } from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function NavigationExample() { diff --git a/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-an-item.tsx b/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-an-item.tsx index 1b26c9960ef..f7f8e05c4b9 100644 --- a/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-an-item.tsx +++ b/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-an-item.tsx @@ -5,7 +5,6 @@ import { CirclePlusOutlineMinor, ProductsMinor, } from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function NavigationExample() { diff --git a/polaris.shopify.com/pages/examples/navigation-with-an-active-root-item-with-secondary-navigation-items.tsx b/polaris.shopify.com/pages/examples/navigation-with-an-active-root-item-with-secondary-navigation-items.tsx index a0c483ab790..09b7b71f3e5 100644 --- a/polaris.shopify.com/pages/examples/navigation-with-an-active-root-item-with-secondary-navigation-items.tsx +++ b/polaris.shopify.com/pages/examples/navigation-with-an-active-root-item-with-secondary-navigation-items.tsx @@ -1,6 +1,5 @@ import {Frame, Navigation} from '@shopify/polaris'; import {HomeMinor, OrdersMinor, ProductsMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function NavigationExample() { diff --git a/polaris.shopify.com/pages/examples/navigation-with-aria-labelledby.tsx b/polaris.shopify.com/pages/examples/navigation-with-aria-labelledby.tsx index b8f42f6bd29..4816a0f0ce8 100644 --- a/polaris.shopify.com/pages/examples/navigation-with-aria-labelledby.tsx +++ b/polaris.shopify.com/pages/examples/navigation-with-aria-labelledby.tsx @@ -1,6 +1,5 @@ import {Frame, Navigation, Text} from '@shopify/polaris'; import {HomeMinor, OrdersMinor, ProductsMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function NavigationExample() { diff --git a/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-actions.tsx b/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-actions.tsx index f9ccfdab659..db539072f02 100644 --- a/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-actions.tsx +++ b/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-actions.tsx @@ -6,7 +6,6 @@ import { CircleMinusOutlineMinor, OrdersMinor, } from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function NavigationExample() { diff --git a/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-navigations.tsx b/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-navigations.tsx index 83c6c010648..96efbc0e942 100644 --- a/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-navigations.tsx +++ b/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-navigations.tsx @@ -5,7 +5,6 @@ import { MarketingMinor, ProductsMinor, } from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function NavigationExample() { diff --git a/polaris.shopify.com/pages/examples/navigation-with-section-rollup.tsx b/polaris.shopify.com/pages/examples/navigation-with-section-rollup.tsx index 060bbfa28f6..8f9567694f6 100644 --- a/polaris.shopify.com/pages/examples/navigation-with-section-rollup.tsx +++ b/polaris.shopify.com/pages/examples/navigation-with-section-rollup.tsx @@ -1,6 +1,5 @@ import {Frame, Navigation} from '@shopify/polaris'; import {HomeMinor, OrdersMinor, ProductsMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function NavigationExample() { diff --git a/polaris.shopify.com/pages/examples/navigation-with-section-separator.tsx b/polaris.shopify.com/pages/examples/navigation-with-section-separator.tsx index 7c520a1d46b..93690001058 100644 --- a/polaris.shopify.com/pages/examples/navigation-with-section-separator.tsx +++ b/polaris.shopify.com/pages/examples/navigation-with-section-separator.tsx @@ -5,7 +5,6 @@ import { ProductsMinor, OnlineStoreMinor, } from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function NavigationExample() { diff --git a/polaris.shopify.com/pages/examples/navigation-with-truncation-for-various-states.tsx b/polaris.shopify.com/pages/examples/navigation-with-truncation-for-various-states.tsx index faa6111ed4a..b6ff6e7f6d0 100644 --- a/polaris.shopify.com/pages/examples/navigation-with-truncation-for-various-states.tsx +++ b/polaris.shopify.com/pages/examples/navigation-with-truncation-for-various-states.tsx @@ -6,7 +6,6 @@ import { ProductsMinor, MarketingMinor, } from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function NavigationExample() { diff --git a/polaris.shopify.com/pages/examples/navigation-with-various-states-and-secondary-elements.tsx b/polaris.shopify.com/pages/examples/navigation-with-various-states-and-secondary-elements.tsx index 35ff061b324..0b09d8f12a2 100644 --- a/polaris.shopify.com/pages/examples/navigation-with-various-states-and-secondary-elements.tsx +++ b/polaris.shopify.com/pages/examples/navigation-with-various-states-and-secondary-elements.tsx @@ -9,7 +9,6 @@ import { OnlineStoreMinor, ViewMinor, } from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function NavigationExample() { diff --git a/polaris.shopify.com/pages/examples/page-actions-default.tsx b/polaris.shopify.com/pages/examples/page-actions-default.tsx index de1ef0b8ba6..d763ce1e583 100644 --- a/polaris.shopify.com/pages/examples/page-actions-default.tsx +++ b/polaris.shopify.com/pages/examples/page-actions-default.tsx @@ -1,5 +1,4 @@ import {PageActions} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-actions-primary-action-only.tsx b/polaris.shopify.com/pages/examples/page-actions-primary-action-only.tsx index 84443e76769..8e0263a9102 100644 --- a/polaris.shopify.com/pages/examples/page-actions-primary-action-only.tsx +++ b/polaris.shopify.com/pages/examples/page-actions-primary-action-only.tsx @@ -1,5 +1,4 @@ import {PageActions} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-actions-with-custom-primary-action.tsx b/polaris.shopify.com/pages/examples/page-actions-with-custom-primary-action.tsx index 40c6a89f431..3ddfe43f63b 100644 --- a/polaris.shopify.com/pages/examples/page-actions-with-custom-primary-action.tsx +++ b/polaris.shopify.com/pages/examples/page-actions-with-custom-primary-action.tsx @@ -1,5 +1,4 @@ import {PageActions, Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-actions-with-custom-secondary-action.tsx b/polaris.shopify.com/pages/examples/page-actions-with-custom-secondary-action.tsx index 626eb5237bf..ad51d91a548 100644 --- a/polaris.shopify.com/pages/examples/page-actions-with-custom-secondary-action.tsx +++ b/polaris.shopify.com/pages/examples/page-actions-with-custom-secondary-action.tsx @@ -1,5 +1,4 @@ import {PageActions, Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-default.tsx b/polaris.shopify.com/pages/examples/page-default.tsx index 4cf8b396b89..d21f760e5ed 100644 --- a/polaris.shopify.com/pages/examples/page-default.tsx +++ b/polaris.shopify.com/pages/examples/page-default.tsx @@ -1,5 +1,4 @@ import {Page, Badge, LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-full-width.tsx b/polaris.shopify.com/pages/examples/page-full-width.tsx index 77131ce5618..5e2bcbc79cf 100644 --- a/polaris.shopify.com/pages/examples/page-full-width.tsx +++ b/polaris.shopify.com/pages/examples/page-full-width.tsx @@ -1,6 +1,5 @@ import {Page, LegacyCard} from '@shopify/polaris'; import {PlusMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-narrow-width.tsx b/polaris.shopify.com/pages/examples/page-narrow-width.tsx index 48bc0586673..4b246739666 100644 --- a/polaris.shopify.com/pages/examples/page-narrow-width.tsx +++ b/polaris.shopify.com/pages/examples/page-narrow-width.tsx @@ -1,5 +1,4 @@ import {Page, LegacyCard, PageActions} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-with-action-groups.tsx b/polaris.shopify.com/pages/examples/page-with-action-groups.tsx index e2cef741da4..961f17fc23b 100644 --- a/polaris.shopify.com/pages/examples/page-with-action-groups.tsx +++ b/polaris.shopify.com/pages/examples/page-with-action-groups.tsx @@ -1,5 +1,4 @@ import {Page, LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-with-content-after-title.tsx b/polaris.shopify.com/pages/examples/page-with-content-after-title.tsx index ef9a78b9f5c..e4f9213475e 100644 --- a/polaris.shopify.com/pages/examples/page-with-content-after-title.tsx +++ b/polaris.shopify.com/pages/examples/page-with-content-after-title.tsx @@ -1,5 +1,4 @@ import {Page, Badge, LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-with-custom-primary-action.tsx b/polaris.shopify.com/pages/examples/page-with-custom-primary-action.tsx index ac9f2ac28d5..0339f24ec47 100644 --- a/polaris.shopify.com/pages/examples/page-with-custom-primary-action.tsx +++ b/polaris.shopify.com/pages/examples/page-with-custom-primary-action.tsx @@ -1,5 +1,4 @@ import {Page, Button, LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-with-custom-secondary-action.tsx b/polaris.shopify.com/pages/examples/page-with-custom-secondary-action.tsx index e4b544fd763..727f22ac6cb 100644 --- a/polaris.shopify.com/pages/examples/page-with-custom-secondary-action.tsx +++ b/polaris.shopify.com/pages/examples/page-with-custom-secondary-action.tsx @@ -1,5 +1,4 @@ import {Page, Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-with-destructive-secondary-action.tsx b/polaris.shopify.com/pages/examples/page-with-destructive-secondary-action.tsx index 4037823e714..521837f3f3a 100644 --- a/polaris.shopify.com/pages/examples/page-with-destructive-secondary-action.tsx +++ b/polaris.shopify.com/pages/examples/page-with-destructive-secondary-action.tsx @@ -1,5 +1,4 @@ import {Page} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-with-divider.tsx b/polaris.shopify.com/pages/examples/page-with-divider.tsx index 2474df87e12..d9f34842610 100644 --- a/polaris.shopify.com/pages/examples/page-with-divider.tsx +++ b/polaris.shopify.com/pages/examples/page-with-divider.tsx @@ -1,5 +1,4 @@ import {Page, LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-with-external-link.tsx b/polaris.shopify.com/pages/examples/page-with-external-link.tsx index 9d6f2204b89..9795801ea41 100644 --- a/polaris.shopify.com/pages/examples/page-with-external-link.tsx +++ b/polaris.shopify.com/pages/examples/page-with-external-link.tsx @@ -1,6 +1,5 @@ import {Page, LegacyCard} from '@shopify/polaris'; import {ExternalMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-with-subtitle.tsx b/polaris.shopify.com/pages/examples/page-with-subtitle.tsx index ca8df718b78..b77a6528bfc 100644 --- a/polaris.shopify.com/pages/examples/page-with-subtitle.tsx +++ b/polaris.shopify.com/pages/examples/page-with-subtitle.tsx @@ -1,6 +1,5 @@ import {Page, LegacyCard} from '@shopify/polaris'; import {ArrowDownMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-with-tooltip-action.tsx b/polaris.shopify.com/pages/examples/page-with-tooltip-action.tsx index 08a8bd878e5..a746fc745ef 100644 --- a/polaris.shopify.com/pages/examples/page-with-tooltip-action.tsx +++ b/polaris.shopify.com/pages/examples/page-with-tooltip-action.tsx @@ -1,5 +1,4 @@ import {Page, Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-without-pagination.tsx b/polaris.shopify.com/pages/examples/page-without-pagination.tsx index 5196dd91cbb..6fbf29f2788 100644 --- a/polaris.shopify.com/pages/examples/page-without-pagination.tsx +++ b/polaris.shopify.com/pages/examples/page-without-pagination.tsx @@ -1,5 +1,4 @@ import {Page, LegacyCard} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/page-without-primary-action-in-header.tsx b/polaris.shopify.com/pages/examples/page-without-primary-action-in-header.tsx index 7b9bda5ce29..0d633e697f0 100644 --- a/polaris.shopify.com/pages/examples/page-without-primary-action-in-header.tsx +++ b/polaris.shopify.com/pages/examples/page-without-primary-action-in-header.tsx @@ -1,5 +1,4 @@ import {Page, LegacyCard, LegacyStack, Button} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PageExample() { diff --git a/polaris.shopify.com/pages/examples/pagination-default.tsx b/polaris.shopify.com/pages/examples/pagination-default.tsx index 9d79567247c..8734893e658 100644 --- a/polaris.shopify.com/pages/examples/pagination-default.tsx +++ b/polaris.shopify.com/pages/examples/pagination-default.tsx @@ -1,5 +1,4 @@ import {Pagination} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PaginationExample() { diff --git a/polaris.shopify.com/pages/examples/pagination-with-keyboard-navigation.tsx b/polaris.shopify.com/pages/examples/pagination-with-keyboard-navigation.tsx index 6b9eed74003..cd7fc18cc53 100644 --- a/polaris.shopify.com/pages/examples/pagination-with-keyboard-navigation.tsx +++ b/polaris.shopify.com/pages/examples/pagination-with-keyboard-navigation.tsx @@ -1,5 +1,4 @@ import {Pagination} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PaginationExample() { diff --git a/polaris.shopify.com/pages/examples/pagination-with-label.tsx b/polaris.shopify.com/pages/examples/pagination-with-label.tsx index f6d892aee30..8077dfcd485 100644 --- a/polaris.shopify.com/pages/examples/pagination-with-label.tsx +++ b/polaris.shopify.com/pages/examples/pagination-with-label.tsx @@ -1,5 +1,4 @@ import {Pagination} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function PaginationExample() { diff --git a/polaris.shopify.com/pages/examples/popover-with-searchable-listbox.tsx b/polaris.shopify.com/pages/examples/popover-with-searchable-listbox.tsx index ef6cf5f6f5c..22828d6cab6 100644 --- a/polaris.shopify.com/pages/examples/popover-with-searchable-listbox.tsx +++ b/polaris.shopify.com/pages/examples/popover-with-searchable-listbox.tsx @@ -1,4 +1,4 @@ -import React, {useState} from 'react'; +import {useState} from 'react'; import { Listbox, TextField, diff --git a/polaris.shopify.com/pages/examples/progress-bar-colored.tsx b/polaris.shopify.com/pages/examples/progress-bar-colored.tsx index 32923548272..236262907c1 100644 --- a/polaris.shopify.com/pages/examples/progress-bar-colored.tsx +++ b/polaris.shopify.com/pages/examples/progress-bar-colored.tsx @@ -1,5 +1,4 @@ import {ProgressBar} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ProgressBarExample() { diff --git a/polaris.shopify.com/pages/examples/progress-bar-default.tsx b/polaris.shopify.com/pages/examples/progress-bar-default.tsx index 6d6a7e1c3fb..1372dd3dfff 100644 --- a/polaris.shopify.com/pages/examples/progress-bar-default.tsx +++ b/polaris.shopify.com/pages/examples/progress-bar-default.tsx @@ -1,5 +1,4 @@ import {ProgressBar} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ProgressBarExample() { diff --git a/polaris.shopify.com/pages/examples/progress-bar-non-animated.tsx b/polaris.shopify.com/pages/examples/progress-bar-non-animated.tsx index 43b866f729f..bd47a690e75 100644 --- a/polaris.shopify.com/pages/examples/progress-bar-non-animated.tsx +++ b/polaris.shopify.com/pages/examples/progress-bar-non-animated.tsx @@ -1,5 +1,4 @@ import {ProgressBar} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ProgressBarExample() { diff --git a/polaris.shopify.com/pages/examples/progress-bar-small.tsx b/polaris.shopify.com/pages/examples/progress-bar-small.tsx index ce471063f7e..7a73d9b9398 100644 --- a/polaris.shopify.com/pages/examples/progress-bar-small.tsx +++ b/polaris.shopify.com/pages/examples/progress-bar-small.tsx @@ -1,5 +1,4 @@ import {ProgressBar} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ProgressBarExample() { diff --git a/polaris.shopify.com/pages/examples/resource-item-with-media.tsx b/polaris.shopify.com/pages/examples/resource-item-with-media.tsx index 1246f1e9484..c802d8b5007 100644 --- a/polaris.shopify.com/pages/examples/resource-item-with-media.tsx +++ b/polaris.shopify.com/pages/examples/resource-item-with-media.tsx @@ -1,5 +1,4 @@ import {LegacyCard, ResourceList, ResourceItem, Avatar, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ResourceItemExample() { diff --git a/polaris.shopify.com/pages/examples/resource-item-with-shortcut-actions.tsx b/polaris.shopify.com/pages/examples/resource-item-with-shortcut-actions.tsx index aa774e2def8..8e7aab7724c 100644 --- a/polaris.shopify.com/pages/examples/resource-item-with-shortcut-actions.tsx +++ b/polaris.shopify.com/pages/examples/resource-item-with-shortcut-actions.tsx @@ -1,5 +1,4 @@ import {LegacyCard, ResourceList, ResourceItem, Avatar, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ResourceItemExample() { diff --git a/polaris.shopify.com/pages/examples/resource-item-with-vertical-alignment.tsx b/polaris.shopify.com/pages/examples/resource-item-with-vertical-alignment.tsx index 865c24eb6de..c0314f8df6b 100644 --- a/polaris.shopify.com/pages/examples/resource-item-with-vertical-alignment.tsx +++ b/polaris.shopify.com/pages/examples/resource-item-with-vertical-alignment.tsx @@ -1,5 +1,4 @@ import {LegacyCard, ResourceList, ResourceItem, Avatar, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ResourceItemExample() { diff --git a/polaris.shopify.com/pages/examples/resource-list-default.tsx b/polaris.shopify.com/pages/examples/resource-list-default.tsx index af9ccc64b86..75cdd08f89b 100644 --- a/polaris.shopify.com/pages/examples/resource-list-default.tsx +++ b/polaris.shopify.com/pages/examples/resource-list-default.tsx @@ -1,5 +1,4 @@ import {LegacyCard, ResourceList, Avatar, ResourceItem, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ResourceListExample() { diff --git a/polaris.shopify.com/pages/examples/resource-list-with-alternate-tool.tsx b/polaris.shopify.com/pages/examples/resource-list-with-alternate-tool.tsx index 2507ced16e7..6f4977b08ac 100644 --- a/polaris.shopify.com/pages/examples/resource-list-with-alternate-tool.tsx +++ b/polaris.shopify.com/pages/examples/resource-list-with-alternate-tool.tsx @@ -6,7 +6,6 @@ import { ResourceItem, Text, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ResourceListWithAlternateToolExample() { diff --git a/polaris.shopify.com/pages/examples/resource-list-with-empty-state.tsx b/polaris.shopify.com/pages/examples/resource-list-with-empty-state.tsx index 1e1c45e3071..bb78b68dd4f 100644 --- a/polaris.shopify.com/pages/examples/resource-list-with-empty-state.tsx +++ b/polaris.shopify.com/pages/examples/resource-list-with-empty-state.tsx @@ -6,7 +6,6 @@ import { LegacyCard, ResourceList, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ResourceListWithEmptyStateExample() { diff --git a/polaris.shopify.com/pages/examples/resource-list-with-item-shortcut-actions.tsx b/polaris.shopify.com/pages/examples/resource-list-with-item-shortcut-actions.tsx index bad50508124..9e46ee350b4 100644 --- a/polaris.shopify.com/pages/examples/resource-list-with-item-shortcut-actions.tsx +++ b/polaris.shopify.com/pages/examples/resource-list-with-item-shortcut-actions.tsx @@ -1,5 +1,4 @@ import {LegacyCard, ResourceList, Avatar, ResourceItem, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ResourceListExample() { diff --git a/polaris.shopify.com/pages/examples/resource-list-with-persistent-item-shortcut-actions.tsx b/polaris.shopify.com/pages/examples/resource-list-with-persistent-item-shortcut-actions.tsx index df8b3d26edc..734376efa95 100644 --- a/polaris.shopify.com/pages/examples/resource-list-with-persistent-item-shortcut-actions.tsx +++ b/polaris.shopify.com/pages/examples/resource-list-with-persistent-item-shortcut-actions.tsx @@ -1,5 +1,4 @@ import {LegacyCard, ResourceList, Avatar, ResourceItem, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ResourceListExample() { diff --git a/polaris.shopify.com/pages/examples/resource-list-with-total-count.tsx b/polaris.shopify.com/pages/examples/resource-list-with-total-count.tsx index 198cb1cdaac..c780870bf0a 100644 --- a/polaris.shopify.com/pages/examples/resource-list-with-total-count.tsx +++ b/polaris.shopify.com/pages/examples/resource-list-with-total-count.tsx @@ -1,5 +1,4 @@ import {LegacyCard, ResourceList, Avatar, ResourceItem, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ResourceListWithTotalItemsCount() { diff --git a/polaris.shopify.com/pages/examples/scrollable-default.tsx b/polaris.shopify.com/pages/examples/scrollable-default.tsx index 5558bb4b4ef..9f2b8f22d44 100644 --- a/polaris.shopify.com/pages/examples/scrollable-default.tsx +++ b/polaris.shopify.com/pages/examples/scrollable-default.tsx @@ -1,5 +1,4 @@ import {LegacyCard, Scrollable} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ScrollableExample() { diff --git a/polaris.shopify.com/pages/examples/scrollable-to-child-component.tsx b/polaris.shopify.com/pages/examples/scrollable-to-child-component.tsx index 1d44267b2cb..4e980b98561 100644 --- a/polaris.shopify.com/pages/examples/scrollable-to-child-component.tsx +++ b/polaris.shopify.com/pages/examples/scrollable-to-child-component.tsx @@ -1,5 +1,4 @@ import {LegacyCard, Scrollable} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ScrollableExample() { diff --git a/polaris.shopify.com/pages/examples/select-disabled.tsx b/polaris.shopify.com/pages/examples/select-disabled.tsx index d83a33b68d3..d21f84858cf 100644 --- a/polaris.shopify.com/pages/examples/select-disabled.tsx +++ b/polaris.shopify.com/pages/examples/select-disabled.tsx @@ -1,5 +1,4 @@ import {Select} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SelectExample() { diff --git a/polaris.shopify.com/pages/examples/sheet-with-searchable-listbox.tsx b/polaris.shopify.com/pages/examples/sheet-with-searchable-listbox.tsx index 0d9588d10a6..eb7015f0478 100644 --- a/polaris.shopify.com/pages/examples/sheet-with-searchable-listbox.tsx +++ b/polaris.shopify.com/pages/examples/sheet-with-searchable-listbox.tsx @@ -1,4 +1,4 @@ -import React, {useState, useCallback} from 'react'; +import {useState, useCallback} from 'react'; import { TextField, LegacyStack, diff --git a/polaris.shopify.com/pages/examples/skeleton-body-text-default.tsx b/polaris.shopify.com/pages/examples/skeleton-body-text-default.tsx index 5cb6db9d970..b2f3887f9bb 100644 --- a/polaris.shopify.com/pages/examples/skeleton-body-text-default.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-body-text-default.tsx @@ -1,5 +1,4 @@ import {SkeletonBodyText} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/skeleton-body-text-single-line-content.tsx b/polaris.shopify.com/pages/examples/skeleton-body-text-single-line-content.tsx index 69419c8f69b..272c290c6ac 100644 --- a/polaris.shopify.com/pages/examples/skeleton-body-text-single-line-content.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-body-text-single-line-content.tsx @@ -1,5 +1,4 @@ import {SkeletonBodyText} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/skeleton-display-text-extra-large.tsx b/polaris.shopify.com/pages/examples/skeleton-display-text-extra-large.tsx index dfc849a12fe..44349347e45 100644 --- a/polaris.shopify.com/pages/examples/skeleton-display-text-extra-large.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-display-text-extra-large.tsx @@ -1,5 +1,4 @@ import {SkeletonDisplayText} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/skeleton-display-text-medium-and-large.tsx b/polaris.shopify.com/pages/examples/skeleton-display-text-medium-and-large.tsx index fa939b4f964..6aeb7e03d91 100644 --- a/polaris.shopify.com/pages/examples/skeleton-display-text-medium-and-large.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-display-text-medium-and-large.tsx @@ -1,5 +1,4 @@ import {SkeletonDisplayText} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/skeleton-display-text-small.tsx b/polaris.shopify.com/pages/examples/skeleton-display-text-small.tsx index 064398a6e14..a28ea57905a 100644 --- a/polaris.shopify.com/pages/examples/skeleton-display-text-small.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-display-text-small.tsx @@ -1,5 +1,4 @@ import {SkeletonDisplayText} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/skeleton-page-with-dynamic-content.tsx b/polaris.shopify.com/pages/examples/skeleton-page-with-dynamic-content.tsx index 86592463c85..9bfd25bd693 100644 --- a/polaris.shopify.com/pages/examples/skeleton-page-with-dynamic-content.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-page-with-dynamic-content.tsx @@ -6,7 +6,6 @@ import { TextContainer, SkeletonDisplayText, } from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/skeleton-page-with-static-content.tsx b/polaris.shopify.com/pages/examples/skeleton-page-with-static-content.tsx index 77b9975a6e4..f829b267805 100644 --- a/polaris.shopify.com/pages/examples/skeleton-page-with-static-content.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-page-with-static-content.tsx @@ -1,5 +1,4 @@ import {SkeletonPage, Layout, LegacyCard, SkeletonBodyText} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/skeleton-tabs-default.tsx b/polaris.shopify.com/pages/examples/skeleton-tabs-default.tsx index 693e719ac5e..49b1c85e858 100644 --- a/polaris.shopify.com/pages/examples/skeleton-tabs-default.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-tabs-default.tsx @@ -1,5 +1,4 @@ import {LegacyCard, SkeletonTabs} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/skeleton-tabs-with-a-custom-count.tsx b/polaris.shopify.com/pages/examples/skeleton-tabs-with-a-custom-count.tsx index 79feef0019e..57d938a5c04 100644 --- a/polaris.shopify.com/pages/examples/skeleton-tabs-with-a-custom-count.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-tabs-with-a-custom-count.tsx @@ -1,5 +1,4 @@ import {LegacyCard, SkeletonTabs} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/skeleton-thumbnail-extra-small.tsx b/polaris.shopify.com/pages/examples/skeleton-thumbnail-extra-small.tsx index de5215fb6e3..6843a410878 100644 --- a/polaris.shopify.com/pages/examples/skeleton-thumbnail-extra-small.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-thumbnail-extra-small.tsx @@ -1,5 +1,4 @@ import {SkeletonThumbnail} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/skeleton-thumbnail-large.tsx b/polaris.shopify.com/pages/examples/skeleton-thumbnail-large.tsx index f7fbd1318a5..b431cea7195 100644 --- a/polaris.shopify.com/pages/examples/skeleton-thumbnail-large.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-thumbnail-large.tsx @@ -1,5 +1,4 @@ import {SkeletonThumbnail} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/skeleton-thumbnail-medium.tsx b/polaris.shopify.com/pages/examples/skeleton-thumbnail-medium.tsx index 1792b2d22c2..5d30ddcb019 100644 --- a/polaris.shopify.com/pages/examples/skeleton-thumbnail-medium.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-thumbnail-medium.tsx @@ -1,5 +1,4 @@ import {SkeletonThumbnail} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/skeleton-thumbnail-small.tsx b/polaris.shopify.com/pages/examples/skeleton-thumbnail-small.tsx index f1448cf4f62..c78dd12b7f2 100644 --- a/polaris.shopify.com/pages/examples/skeleton-thumbnail-small.tsx +++ b/polaris.shopify.com/pages/examples/skeleton-thumbnail-small.tsx @@ -1,5 +1,4 @@ import {SkeletonThumbnail} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SkeletonExample() { diff --git a/polaris.shopify.com/pages/examples/spinner-default.tsx b/polaris.shopify.com/pages/examples/spinner-default.tsx index 76f072e9d4d..c7396a1dae2 100644 --- a/polaris.shopify.com/pages/examples/spinner-default.tsx +++ b/polaris.shopify.com/pages/examples/spinner-default.tsx @@ -1,5 +1,4 @@ import {Spinner} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SpinnerExample() { diff --git a/polaris.shopify.com/pages/examples/spinner-small.tsx b/polaris.shopify.com/pages/examples/spinner-small.tsx index 277a61b3364..968a4a1039d 100644 --- a/polaris.shopify.com/pages/examples/spinner-small.tsx +++ b/polaris.shopify.com/pages/examples/spinner-small.tsx @@ -1,5 +1,4 @@ import {Spinner} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function SpinnerExample() { diff --git a/polaris.shopify.com/pages/examples/stack-default.tsx b/polaris.shopify.com/pages/examples/stack-default.tsx index 38beccf2c3f..3d1917ea096 100644 --- a/polaris.shopify.com/pages/examples/stack-default.tsx +++ b/polaris.shopify.com/pages/examples/stack-default.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Stack, Text} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/stack-with-align.tsx b/polaris.shopify.com/pages/examples/stack-with-align.tsx index 241f14fe635..b4104e20f03 100644 --- a/polaris.shopify.com/pages/examples/stack-with-align.tsx +++ b/polaris.shopify.com/pages/examples/stack-with-align.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Stack, Page, Inline, Text, Divider} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/stack-with-gap.tsx b/polaris.shopify.com/pages/examples/stack-with-gap.tsx index cc2b9ff1eb1..3852e7ce489 100644 --- a/polaris.shopify.com/pages/examples/stack-with-gap.tsx +++ b/polaris.shopify.com/pages/examples/stack-with-gap.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import {Stack} from '@shopify/polaris'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; diff --git a/polaris.shopify.com/pages/examples/tag-clickable.tsx b/polaris.shopify.com/pages/examples/tag-clickable.tsx index d75e3e5c78c..c45f944274e 100644 --- a/polaris.shopify.com/pages/examples/tag-clickable.tsx +++ b/polaris.shopify.com/pages/examples/tag-clickable.tsx @@ -1,5 +1,4 @@ import {Tag} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TagExample() { diff --git a/polaris.shopify.com/pages/examples/tag-default.tsx b/polaris.shopify.com/pages/examples/tag-default.tsx index c4d506ca426..495a52275ec 100644 --- a/polaris.shopify.com/pages/examples/tag-default.tsx +++ b/polaris.shopify.com/pages/examples/tag-default.tsx @@ -1,5 +1,4 @@ import {Tag} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TagExample() { diff --git a/polaris.shopify.com/pages/examples/tag-with-custom-content.tsx b/polaris.shopify.com/pages/examples/tag-with-custom-content.tsx index e3e85afa8bb..17e6e059e6b 100644 --- a/polaris.shopify.com/pages/examples/tag-with-custom-content.tsx +++ b/polaris.shopify.com/pages/examples/tag-with-custom-content.tsx @@ -1,6 +1,5 @@ import {Tag, LegacyStack, Icon} from '@shopify/polaris'; import {WandMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TagExample() { diff --git a/polaris.shopify.com/pages/examples/tag-with-link.tsx b/polaris.shopify.com/pages/examples/tag-with-link.tsx index d93bc1b88d3..2d62da0a304 100644 --- a/polaris.shopify.com/pages/examples/tag-with-link.tsx +++ b/polaris.shopify.com/pages/examples/tag-with-link.tsx @@ -1,5 +1,4 @@ import {Tag} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TagExample() { diff --git a/polaris.shopify.com/pages/examples/text-align.tsx b/polaris.shopify.com/pages/examples/text-align.tsx index 76cd1511844..c01e2203819 100644 --- a/polaris.shopify.com/pages/examples/text-align.tsx +++ b/polaris.shopify.com/pages/examples/text-align.tsx @@ -1,5 +1,4 @@ import {Text, LegacyStack} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TextExample() { diff --git a/polaris.shopify.com/pages/examples/text-body.tsx b/polaris.shopify.com/pages/examples/text-body.tsx index 7d85c14047d..fde22039e54 100644 --- a/polaris.shopify.com/pages/examples/text-body.tsx +++ b/polaris.shopify.com/pages/examples/text-body.tsx @@ -1,5 +1,4 @@ import {Text, LegacyStack} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TextExample() { diff --git a/polaris.shopify.com/pages/examples/text-color.tsx b/polaris.shopify.com/pages/examples/text-color.tsx index d6d6e66935f..4035911bb93 100644 --- a/polaris.shopify.com/pages/examples/text-color.tsx +++ b/polaris.shopify.com/pages/examples/text-color.tsx @@ -1,5 +1,4 @@ import {Text, LegacyStack} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TextExample() { diff --git a/polaris.shopify.com/pages/examples/text-container-default.tsx b/polaris.shopify.com/pages/examples/text-container-default.tsx index 43c04f43484..8af91627a37 100644 --- a/polaris.shopify.com/pages/examples/text-container-default.tsx +++ b/polaris.shopify.com/pages/examples/text-container-default.tsx @@ -1,5 +1,4 @@ import {TextContainer, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TextContainerExample() { diff --git a/polaris.shopify.com/pages/examples/text-container-loose.tsx b/polaris.shopify.com/pages/examples/text-container-loose.tsx index f53a0ccd218..7f3c72991ce 100644 --- a/polaris.shopify.com/pages/examples/text-container-loose.tsx +++ b/polaris.shopify.com/pages/examples/text-container-loose.tsx @@ -1,5 +1,4 @@ import {TextContainer} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TextContainerExample() { diff --git a/polaris.shopify.com/pages/examples/text-container-tight.tsx b/polaris.shopify.com/pages/examples/text-container-tight.tsx index 2a47be251a9..9b3692f4caf 100644 --- a/polaris.shopify.com/pages/examples/text-container-tight.tsx +++ b/polaris.shopify.com/pages/examples/text-container-tight.tsx @@ -1,5 +1,4 @@ import {TextContainer, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TextContainerExample() { diff --git a/polaris.shopify.com/pages/examples/text-field-disabled.tsx b/polaris.shopify.com/pages/examples/text-field-disabled.tsx index deb00fe8873..851812dce5b 100644 --- a/polaris.shopify.com/pages/examples/text-field-disabled.tsx +++ b/polaris.shopify.com/pages/examples/text-field-disabled.tsx @@ -1,5 +1,4 @@ import {TextField} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TextFieldExample() { diff --git a/polaris.shopify.com/pages/examples/text-heading.tsx b/polaris.shopify.com/pages/examples/text-heading.tsx index 7dce868a493..c036cb2c49c 100644 --- a/polaris.shopify.com/pages/examples/text-heading.tsx +++ b/polaris.shopify.com/pages/examples/text-heading.tsx @@ -1,5 +1,4 @@ import {Text, LegacyStack} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TextExample() { diff --git a/polaris.shopify.com/pages/examples/text-weight.tsx b/polaris.shopify.com/pages/examples/text-weight.tsx index 7b51369747b..c6e23f2fbb4 100644 --- a/polaris.shopify.com/pages/examples/text-weight.tsx +++ b/polaris.shopify.com/pages/examples/text-weight.tsx @@ -1,5 +1,4 @@ import {Text, LegacyStack} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TextExample() { diff --git a/polaris.shopify.com/pages/examples/thumbnail-default.tsx b/polaris.shopify.com/pages/examples/thumbnail-default.tsx index e93b90d3d4e..15fbb94c63e 100644 --- a/polaris.shopify.com/pages/examples/thumbnail-default.tsx +++ b/polaris.shopify.com/pages/examples/thumbnail-default.tsx @@ -1,5 +1,4 @@ import {Thumbnail} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ThumbnailExample() { diff --git a/polaris.shopify.com/pages/examples/thumbnail-extra-small.tsx b/polaris.shopify.com/pages/examples/thumbnail-extra-small.tsx index 2dcc914ffd6..0251e9f03b2 100644 --- a/polaris.shopify.com/pages/examples/thumbnail-extra-small.tsx +++ b/polaris.shopify.com/pages/examples/thumbnail-extra-small.tsx @@ -1,5 +1,4 @@ import {Thumbnail} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ThumbnailExample() { diff --git a/polaris.shopify.com/pages/examples/thumbnail-large.tsx b/polaris.shopify.com/pages/examples/thumbnail-large.tsx index 5c56fcac55f..5ab580ad1a1 100644 --- a/polaris.shopify.com/pages/examples/thumbnail-large.tsx +++ b/polaris.shopify.com/pages/examples/thumbnail-large.tsx @@ -1,5 +1,4 @@ import {Thumbnail} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ThumbnailExample() { diff --git a/polaris.shopify.com/pages/examples/thumbnail-small.tsx b/polaris.shopify.com/pages/examples/thumbnail-small.tsx index 98589eaeecb..35a794e4dd0 100644 --- a/polaris.shopify.com/pages/examples/thumbnail-small.tsx +++ b/polaris.shopify.com/pages/examples/thumbnail-small.tsx @@ -1,5 +1,4 @@ import {Thumbnail} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ThumbnailExample() { diff --git a/polaris.shopify.com/pages/examples/thumbnail-with-component-source.tsx b/polaris.shopify.com/pages/examples/thumbnail-with-component-source.tsx index 08ab504a449..0fe4393b0af 100644 --- a/polaris.shopify.com/pages/examples/thumbnail-with-component-source.tsx +++ b/polaris.shopify.com/pages/examples/thumbnail-with-component-source.tsx @@ -1,6 +1,5 @@ import {Thumbnail} from '@shopify/polaris'; import {NoteMinor} from '@shopify/polaris-icons'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function ThumbnailExample() { diff --git a/polaris.shopify.com/pages/examples/tooltip-default.tsx b/polaris.shopify.com/pages/examples/tooltip-default.tsx index ab114375d29..94846ec807c 100644 --- a/polaris.shopify.com/pages/examples/tooltip-default.tsx +++ b/polaris.shopify.com/pages/examples/tooltip-default.tsx @@ -1,5 +1,4 @@ import {Tooltip, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TooltipExample() { diff --git a/polaris.shopify.com/pages/examples/tooltip-visible-only-with-child-interaction.tsx b/polaris.shopify.com/pages/examples/tooltip-visible-only-with-child-interaction.tsx index 383fe6ec457..9bec2913f99 100644 --- a/polaris.shopify.com/pages/examples/tooltip-visible-only-with-child-interaction.tsx +++ b/polaris.shopify.com/pages/examples/tooltip-visible-only-with-child-interaction.tsx @@ -1,5 +1,4 @@ import {ButtonGroup, Tooltip, Button, TextField} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TooltipExample() { diff --git a/polaris.shopify.com/pages/examples/tooltip-with-suffix.tsx b/polaris.shopify.com/pages/examples/tooltip-with-suffix.tsx index af7cca586d8..0cd9b4109c1 100644 --- a/polaris.shopify.com/pages/examples/tooltip-with-suffix.tsx +++ b/polaris.shopify.com/pages/examples/tooltip-with-suffix.tsx @@ -1,5 +1,4 @@ import {Tooltip, Button, Inline, Text} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function TooltipExample() { diff --git a/polaris.shopify.com/pages/examples/video-thumbnail-default.tsx b/polaris.shopify.com/pages/examples/video-thumbnail-default.tsx index 3c871f6dd6a..75e59bbdd9d 100644 --- a/polaris.shopify.com/pages/examples/video-thumbnail-default.tsx +++ b/polaris.shopify.com/pages/examples/video-thumbnail-default.tsx @@ -1,5 +1,4 @@ import {MediaCard, VideoThumbnail} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function VideoThumbnailExample() { diff --git a/polaris.shopify.com/pages/examples/video-thumbnail-with-progress.tsx b/polaris.shopify.com/pages/examples/video-thumbnail-with-progress.tsx index 631ed7f6a01..49dd0f33d80 100644 --- a/polaris.shopify.com/pages/examples/video-thumbnail-with-progress.tsx +++ b/polaris.shopify.com/pages/examples/video-thumbnail-with-progress.tsx @@ -1,5 +1,4 @@ import {MediaCard, VideoThumbnail} from '@shopify/polaris'; -import React from 'react'; import {withPolarisExample} from '../../src/components/PolarisExampleWrapper'; function VideoThumbnailExample() { diff --git a/polaris.shopify.com/pages/tokens/breakpoints.tsx b/polaris.shopify.com/pages/tokens/breakpoints.tsx index b5c9ecdfa88..234ab4534b7 100644 --- a/polaris.shopify.com/pages/tokens/breakpoints.tsx +++ b/polaris.shopify.com/pages/tokens/breakpoints.tsx @@ -1,5 +1,4 @@ import type {NextPage} from 'next'; -import React from 'react'; import TokensPage from '../../src/components/TokensPage'; import PageMeta from '../../src/components/PageMeta'; import Container from '../../src/components/Container'; diff --git a/polaris.shopify.com/pages/tokens/colors.tsx b/polaris.shopify.com/pages/tokens/colors.tsx index f20b6114d02..580d18f1f57 100644 --- a/polaris.shopify.com/pages/tokens/colors.tsx +++ b/polaris.shopify.com/pages/tokens/colors.tsx @@ -1,5 +1,4 @@ import type {NextPage} from 'next'; -import React from 'react'; import TokensPage from '../../src/components/TokensPage'; import PageMeta from '../../src/components/PageMeta'; diff --git a/polaris.shopify.com/pages/tokens/depth.tsx b/polaris.shopify.com/pages/tokens/depth.tsx index 09f58ead243..3a9d687f31f 100644 --- a/polaris.shopify.com/pages/tokens/depth.tsx +++ b/polaris.shopify.com/pages/tokens/depth.tsx @@ -1,5 +1,4 @@ import type {NextPage} from 'next'; -import React from 'react'; import TokensPage from '../../src/components/TokensPage'; import PageMeta from '../../src/components/PageMeta'; diff --git a/polaris.shopify.com/pages/tokens/font.tsx b/polaris.shopify.com/pages/tokens/font.tsx index 6ffed38ac99..5c2ee7f1a82 100644 --- a/polaris.shopify.com/pages/tokens/font.tsx +++ b/polaris.shopify.com/pages/tokens/font.tsx @@ -1,5 +1,4 @@ import type {NextPage} from 'next'; -import React from 'react'; import TokensPage from '../../src/components/TokensPage'; import PageMeta from '../../src/components/PageMeta'; diff --git a/polaris.shopify.com/pages/tokens/motion.tsx b/polaris.shopify.com/pages/tokens/motion.tsx index d027325dd49..be4c55dcd52 100644 --- a/polaris.shopify.com/pages/tokens/motion.tsx +++ b/polaris.shopify.com/pages/tokens/motion.tsx @@ -1,5 +1,4 @@ import type {NextPage} from 'next'; -import React from 'react'; import TokensPage from '../../src/components/TokensPage'; import PageMeta from '../../src/components/PageMeta'; diff --git a/polaris.shopify.com/pages/tokens/shape.tsx b/polaris.shopify.com/pages/tokens/shape.tsx index 87499198fcb..2421b545714 100644 --- a/polaris.shopify.com/pages/tokens/shape.tsx +++ b/polaris.shopify.com/pages/tokens/shape.tsx @@ -1,5 +1,4 @@ import type {NextPage} from 'next'; -import React from 'react'; import TokensPage from '../../src/components/TokensPage'; import PageMeta from '../../src/components/PageMeta'; diff --git a/polaris.shopify.com/pages/tokens/spacing.tsx b/polaris.shopify.com/pages/tokens/spacing.tsx index 2df514be679..e651e8c5289 100644 --- a/polaris.shopify.com/pages/tokens/spacing.tsx +++ b/polaris.shopify.com/pages/tokens/spacing.tsx @@ -1,5 +1,4 @@ import type {NextPage} from 'next'; -import React from 'react'; import TokensPage from '../../src/components/TokensPage'; import PageMeta from '../../src/components/PageMeta'; diff --git a/polaris.shopify.com/pages/tokens/typography.tsx b/polaris.shopify.com/pages/tokens/typography.tsx index 6ffed38ac99..5c2ee7f1a82 100644 --- a/polaris.shopify.com/pages/tokens/typography.tsx +++ b/polaris.shopify.com/pages/tokens/typography.tsx @@ -1,5 +1,4 @@ import type {NextPage} from 'next'; -import React from 'react'; import TokensPage from '../../src/components/TokensPage'; import PageMeta from '../../src/components/PageMeta'; diff --git a/polaris.shopify.com/pages/tokens/z-index.tsx b/polaris.shopify.com/pages/tokens/z-index.tsx index 769741c7126..2452379da5a 100644 --- a/polaris.shopify.com/pages/tokens/z-index.tsx +++ b/polaris.shopify.com/pages/tokens/z-index.tsx @@ -1,5 +1,4 @@ import type {NextPage} from 'next'; -import React from 'react'; import TokensPage from '../../src/components/TokensPage'; import PageMeta from '../../src/components/PageMeta'; diff --git a/polaris.shopify.com/playroom/FrameComponent.tsx b/polaris.shopify.com/playroom/FrameComponent.tsx index ea41185a4a0..92607bc8702 100644 --- a/polaris.shopify.com/playroom/FrameComponent.tsx +++ b/polaris.shopify.com/playroom/FrameComponent.tsx @@ -1,4 +1,4 @@ -import React, {useEffect} from 'react'; +import {useEffect} from 'react'; import {AppProvider} from '@shopify/polaris'; import '@shopify/polaris/build/esm/styles.css'; import enTranslations from '@shopify/polaris/locales/en.json'; diff --git a/polaris.shopify.com/src/components/Button/Button.tsx b/polaris.shopify.com/src/components/Button/Button.tsx index 26ca3c6a120..d4f4d86d66e 100644 --- a/polaris.shopify.com/src/components/Button/Button.tsx +++ b/polaris.shopify.com/src/components/Button/Button.tsx @@ -1,4 +1,4 @@ -import React, {forwardRef} from 'react'; +import { forwardRef } from 'react'; import Link, {LinkProps} from 'next/link'; import type {HTMLProps, PropsWithChildren} from 'react'; import {className} from '../../utils/various'; diff --git a/polaris.shopify.com/src/components/ExampleWrapper/LinkButton/LinkButton.tsx b/polaris.shopify.com/src/components/ExampleWrapper/LinkButton/LinkButton.tsx index 826a10cf7ed..8a16acef747 100644 --- a/polaris.shopify.com/src/components/ExampleWrapper/LinkButton/LinkButton.tsx +++ b/polaris.shopify.com/src/components/ExampleWrapper/LinkButton/LinkButton.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import styles from './LinkButton.module.scss'; type Props = React.ComponentProps<'button'>; diff --git a/polaris.shopify.com/src/components/Grid/Grid.tsx b/polaris.shopify.com/src/components/Grid/Grid.tsx index 6ac6d867c3b..a18c7602e88 100644 --- a/polaris.shopify.com/src/components/Grid/Grid.tsx +++ b/polaris.shopify.com/src/components/Grid/Grid.tsx @@ -1,5 +1,5 @@ import Link from 'next/link'; -import React, {forwardRef} from 'react'; +import {forwardRef} from 'react'; import {type SpacingSpaceScale} from '@shopify/polaris-tokens'; import {stripMarkdownLinks} from '../../utils/various'; import {useGlobalSearchResult} from '../GlobalSearch/GlobalSearch'; diff --git a/polaris.shopify.com/src/components/Markdown/Markdown.tsx b/polaris.shopify.com/src/components/Markdown/Markdown.tsx index c1c25160841..f08708ef06a 100644 --- a/polaris.shopify.com/src/components/Markdown/Markdown.tsx +++ b/polaris.shopify.com/src/components/Markdown/Markdown.tsx @@ -1,5 +1,4 @@ import ReactMarkdown from 'react-markdown'; -import React from 'react'; import rehypeRaw from 'rehype-raw'; import remarkGfm from 'remark-gfm'; import rehypeSlug from 'rehype-slug'; diff --git a/polaris.shopify.com/src/components/PatternPage/PatternPage.tsx b/polaris.shopify.com/src/components/PatternPage/PatternPage.tsx index 4b6d0b86616..e3a902dfe2a 100644 --- a/polaris.shopify.com/src/components/PatternPage/PatternPage.tsx +++ b/polaris.shopify.com/src/components/PatternPage/PatternPage.tsx @@ -1,10 +1,4 @@ -import React, { - Fragment, - useState, - createContext, - useContext, - useEffect, -} from 'react'; +import {Fragment, useState, createContext, useContext, useEffect} from 'react'; import {Tab} from '@headlessui/react'; import Image from 'next/image'; import Link from 'next/link'; diff --git a/polaris.shopify.com/src/components/SandboxContainer/SandboxContainer.tsx b/polaris.shopify.com/src/components/SandboxContainer/SandboxContainer.tsx index b029b9a7f43..2b9acf5a7d5 100644 --- a/polaris.shopify.com/src/components/SandboxContainer/SandboxContainer.tsx +++ b/polaris.shopify.com/src/components/SandboxContainer/SandboxContainer.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import styles from './SandboxContainer.module.scss'; import {className} from '../../utils/various'; diff --git a/polaris.shopify.com/src/utils/hooks.ts b/polaris.shopify.com/src/utils/hooks.ts index 814d2029744..430ad644e6b 100644 --- a/polaris.shopify.com/src/utils/hooks.ts +++ b/polaris.shopify.com/src/utils/hooks.ts @@ -1,4 +1,4 @@ -import React, {useEffect, useRef, useState, useCallback} from 'react'; +import {useEffect, useRef, useState, useCallback} from 'react'; import throttle from 'lodash.throttle'; import {useRouter} from 'next/router';