From 19fc323667db1cc6ec453dc470aecc6284966aa6 Mon Sep 17 00:00:00 2001 From: Hector Jaime <96082362+hectoid@users.noreply.github.com> Date: Wed, 26 Jul 2023 23:02:01 -0700 Subject: [PATCH] Docs: New and updated component svgs (#3108) --- docs/docs-components/data/components.js | 32 +++++++-- docs/graphics/building-blocks/Popover.svg | 1 - docs/graphics/general/DateField.svg | 17 ++++- docs/graphics/general/DatePicker.svg | 46 ++++++++++++- docs/graphics/general/DateRange.svg | 69 ++++++++++++++++++- docs/graphics/general/Popover.svg | 21 ++++++ docs/graphics/general/PopoverEducational.svg | 21 ++++++ docs/graphics/index.js | 2 +- .../utilities/GlobalEventsHandlerProvider.svg | 33 +++++++++ 9 files changed, 232 insertions(+), 10 deletions(-) delete mode 100644 docs/graphics/building-blocks/Popover.svg create mode 100644 docs/graphics/general/Popover.svg create mode 100644 docs/graphics/general/PopoverEducational.svg create mode 100644 docs/graphics/utilities/GlobalEventsHandlerProvider.svg diff --git a/docs/docs-components/data/components.js b/docs/docs-components/data/components.js index ad509b5693..04cc7f3d69 100644 --- a/docs/docs-components/data/components.js +++ b/docs/docs-components/data/components.js @@ -8,7 +8,6 @@ import Layer from '../../graphics/building-blocks/Layer.svg'; import Letterbox from '../../graphics/building-blocks/Letterbox.svg'; import Mask from '../../graphics/building-blocks/Mask.svg'; import Pog from '../../graphics/building-blocks/Pog.svg'; -import Popover from '../../graphics/building-blocks/Popover.svg'; import ScrollBoundaryContainer from '../../graphics/building-blocks/ScrollBoundaryContainer.svg'; import SheetMobile from '../../graphics/building-blocks/SheetMobile.svg'; import Sticky from '../../graphics/building-blocks/Sticky.svg'; @@ -22,6 +21,7 @@ import Button from '../../graphics/general/Button.svg'; import ButtonGroup from '../../graphics/general/ButtonGroup.svg'; import ButtonLink from '../../graphics/general/ButtonLink.svg'; import Callout from '../../graphics/general/Callout.svg'; +import Card from '../../graphics/general/Card.svg'; import Checkbox from '../../graphics/general/Checkbox.svg'; import Collage from '../../graphics/general/Collage.svg'; import ComboBox from '../../graphics/general/ComboBox.svg'; @@ -47,6 +47,8 @@ import Module from '../../graphics/general/Module.svg'; import NumberField from '../../graphics/general/NumberField.svg'; import OverlayPanel from '../../graphics/general/OverlayPanel.svg'; import PageHeader from '../../graphics/general/PageHeader.svg'; +import Popover from '../../graphics/general/Popover.svg'; +import PopoverEducational from '../../graphics/general/PopoverEducational.svg'; import Pulsar from '../../graphics/general/Pulsar.svg'; import RadioGroup from '../../graphics/general/RadioGroup.svg'; import SearchField from '../../graphics/general/SearchField.svg'; @@ -70,10 +72,10 @@ import Tooltip from '../../graphics/general/Tooltip.svg'; import Upsell from '../../graphics/general/Upsell.svg'; import Video from '../../graphics/general/Video.svg'; import WashAnimated from '../../graphics/general/WashAnimated.svg'; +import GlobalEventsHandlerProvider from '../../graphics/utilities/GlobalEventsHandlerProvider.svg'; import HookFocusVisible from '../../graphics/utilities/hook-focus-visible.svg'; import HookReducedMotion from '../../graphics/utilities/hook-reduced-motion.svg'; import ProviderColorScheme from '../../graphics/utilities/provider-color-scheme.svg'; -import ProviderHandlers from '../../graphics/utilities/provider-global-events-handler.svg'; const componentData: $ReadOnlyArray = [ { @@ -471,6 +473,26 @@ const componentData: $ReadOnlyArray = [ }, }, }, + { + id: 'Card', + platform: { + ios: { + name: 'Card', + visual: { + svg: , + }, + path: '/ios/card/card', + alias: ['Entry Card', 'Module', 'Panel', 'Teaser'], + description: + 'Card is a semi-modular container used to house Card.Header and a variant of the available preview blocks.', + category: ['Pins and imagery'], + status: { + documentation: 'ready', + status: 'planned', + }, + }, + }, + }, { id: 'Checkbox', platform: { @@ -869,7 +891,7 @@ const componentData: $ReadOnlyArray = [ web: { name: 'GlobalEventsHandlerProvider', visual: { - svg: , + svg: , }, alias: ['OnLinkNavigationProvider'], path: '/web/utilities/globaleventshandlerprovider', @@ -1539,7 +1561,7 @@ const componentData: $ReadOnlyArray = [ alias: ['Flyout'], description: 'Popover is a floating view that contains a task related to the content on screen.', - category: ['Building blocks'], + category: ['Overlays'], status: { accessible: { summary: 'partial', @@ -1571,7 +1593,7 @@ const componentData: $ReadOnlyArray = [ web: { name: 'PopoverEducational', visual: { - svg: , + svg: , }, description: 'PopoverEducational is a floating container that introduces users to elements on the screen. Used for education or onboarding experiences.', diff --git a/docs/graphics/building-blocks/Popover.svg b/docs/graphics/building-blocks/Popover.svg deleted file mode 100644 index d3b5ac1554..0000000000 --- a/docs/graphics/building-blocks/Popover.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/docs/graphics/general/DateField.svg b/docs/graphics/general/DateField.svg index d30695d199..15b1fd8560 100644 --- a/docs/graphics/general/DateField.svg +++ b/docs/graphics/general/DateField.svg @@ -1 +1,16 @@ - + + + + + + + + + + + + + + + + diff --git a/docs/graphics/general/DatePicker.svg b/docs/graphics/general/DatePicker.svg index 4a03d519e8..a4198cd0d1 100644 --- a/docs/graphics/general/DatePicker.svg +++ b/docs/graphics/general/DatePicker.svg @@ -1 +1,45 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/graphics/general/DateRange.svg b/docs/graphics/general/DateRange.svg index d30695d199..d932656134 100644 --- a/docs/graphics/general/DateRange.svg +++ b/docs/graphics/general/DateRange.svg @@ -1 +1,68 @@ - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/graphics/general/Popover.svg b/docs/graphics/general/Popover.svg new file mode 100644 index 0000000000..acac077457 --- /dev/null +++ b/docs/graphics/general/Popover.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/graphics/general/PopoverEducational.svg b/docs/graphics/general/PopoverEducational.svg new file mode 100644 index 0000000000..b64d2e88db --- /dev/null +++ b/docs/graphics/general/PopoverEducational.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/graphics/index.js b/docs/graphics/index.js index 50d1e01ca4..a6ce4d941b 100644 --- a/docs/graphics/index.js +++ b/docs/graphics/index.js @@ -1,10 +1,10 @@ // @flow strict -import Popover from './building-blocks/Popover.svg'; import AvatarGroup from './general/AvatarGroup.svg'; import Button from './general/Button.svg'; import Dropdown from './general/Dropdown.svg'; import Icon from './general/Icon.svg'; import OverlayPanel from './general/OverlayPanel.svg'; +import Popover from './general/Popover.svg'; import SegmentedControl from './general/SegmentedControl.svg'; import Tooltip from './general/Tooltip.svg'; diff --git a/docs/graphics/utilities/GlobalEventsHandlerProvider.svg b/docs/graphics/utilities/GlobalEventsHandlerProvider.svg new file mode 100644 index 0000000000..7e051cb670 --- /dev/null +++ b/docs/graphics/utilities/GlobalEventsHandlerProvider.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +