[popup] create MVP

[yinonov]

follow

• https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/Popup/explainer.md
• css wise: [css-position] Ability to set a positioned element's containing block to another element w3c/csswg-drafts#5952
• https://github.com/openui/open-ui/issues?q=is%3Aissue+is%3Aopen+popup

[rachelbt]

Summery of discussion:
we will use popper.js
or Floating UI

Basic structure:

<vwc-popup>
	<div><slot></slot></div>
</vwc-popup>

• Hide / show
  -- Using an OPEN attribute
• Roll - changeable roll?
• Dismissive:
  -- Close button option - dismissible
  -- Do we use light dismissed (by clicking anywhere else)? - need to be researched
• Position
  -- Corner(relevant to the target) & Popupcornenr (relevant to itself using transform + translate)
  -- relevant to the trigger element can be implemented in one of the following:
  --- button that trigger the popup & both need to be wrapped with div in position: relative
  --- flixed
• Style:
  -- Looks:
  --- Plain | With tail
  --- Elevation - check with Joella
  -- Size:
  --- Inline-size
  -- Z-index issue - (should be handled as we did in side drawer or other component)

important links:
select open close issues with fixed
Discussion on: Who doesn't love some <slot/>s?

[rachelbt]

@jshenkman:
https://tmp.dev.vivid.vonage.com/1150/index.html?path=/story/alpha-components-popup--basic
please have a look at the popup in these aspects:

1. light theme (is the elevation OK)
2. Alternate popup in light theme
3. the arrow of the popup is optional.
   the content is whatever component it wraps. we added content to the story but it is only for presentation.
   The popup component is not the tooltip - its a step towards it :)
   Once the popup is UI OK we will remove it from StoryBook for it is for internal use (wrap tooltip, replace the menu surface, etc)

[jshenkman]

Everything looks great!!!! @rachelbt @rinaok nice job!!

[github-actions]

This issue is stale because it has been open for 30 days with no activity.