Popover: remove border options (#4020)

Author: AlbertCarreras

packages/gestalt/src/Contents.css

@@ -1,7 +1,3 @@
-.border {
-  border: 1px solid currentColor;
-}
-
 .maxDimensions {
   max-height: 90vh;
   max-width: 90vw;

packages/gestalt/src/Popover/Contents.tsx

@@ -26,7 +26,6 @@ type Props = {
   accessibilityLabel?: string;
   anchor: HTMLElement;
   bgColor?: 'blue' | 'darkGray' | 'white';
-  border?: boolean;
   caret?: boolean;
   children?: ReactNode;
   id: string | undefined;
@@ -48,7 +47,6 @@ export default function Contents({
   accessibilityLabel,
   anchor,
   bgColor,
-  border = true,
   caret = true,
   children,
   id,
@@ -156,7 +154,6 @@ export default function Contents({
           aria-label={accessibilityLabel}
           className={classnames(layoutStyles.relative, styles.maxDimensions, {
             [styles.minDimensions]: width != null,
-            [styles.border]: border,
             [styles.primary]: bgColor === 'white',
             [styles.secondary]: bgColor === 'darkGray',
             [styles.education]: bgColor === 'blue',

packages/gestalt/src/Popover/Controller.tsx

@@ -17,7 +17,6 @@ type Props = {
   accessibilityLabel?: string;
   anchor: HTMLElement;
   bgColor?: 'blue' | 'darkGray' | 'white';
-  border?: boolean;
   caret?: boolean;
   children?: ReactNode;
   onKeyDown?: (arg1: { event: React.KeyboardEvent<HTMLElement> }) => void;
@@ -41,7 +40,6 @@ export default function Controller({
   accessibilityLabel,
   anchor,
   bgColor,
-  border,
   caret,
   children,
   id,
@@ -81,7 +79,6 @@ export default function Controller({
         accessibilityLabel={accessibilityLabel}
         anchor={anchor}
         bgColor={bgColor}
-        border={border}
         caret={caret}
         forceDirection={forceDirection}
         hideWhenReferenceHidden={hideWhenReferenceHidden}

packages/gestalt/src/Popover/InternalPopover.tsx

@@ -76,7 +76,6 @@ export default function InternalPopover({
       accessibilityLabel={accessibilityLabel}
       anchor={anchor}
       bgColor={color}
-      border
       caret={showCaret}
       disablePortal={disablePortal}
       forceDirection={forceDirection}

packages/gestalt/src/Tooltip/InternalTooltip.tsx

@@ -157,7 +157,6 @@ export default function InternalTooltip({
           <Controller
             anchor={anchor}
             bgColor={isInVRExperiment ? undefined : 'darkGray'}
-            border={false}
             caret={false}
             disablePortal
             hideWhenReferenceHidden

packages/gestalt/src/__snapshots__/Dropdown.jsdom.test.tsx.snap

@@ -26,7 +26,7 @@ exports[`Dropdown renders a menu of 3 items conditionally 1`] = `
       >
         <div
           aria-label="Dropdown"
-          class="relative maxDimensions minDimensions border primary rounding4"
+          class="relative maxDimensions minDimensions primary rounding4"
           id="ex-1"
           role="menu"
           style="max-width: 360px; overflow: auto;"
@@ -593,7 +593,7 @@ exports[`Dropdown renders a menu of 6 items 1`] = `
       >
         <div
           aria-label="Dropdown"
-          class="relative maxDimensions minDimensions border primary rounding4"
+          class="relative maxDimensions minDimensions primary rounding4"
           id="ex-1"
           role="menu"
           style="max-width: 360px; overflow: auto;"

packages/gestalt/src/__snapshots__/OverlayPanel.jsdom.test.tsx.snap

@@ -95,7 +95,7 @@ exports[`OverlayPanel renders OverlayPanel with confirmation modal 1`] = `
             >
               <div
                 aria-label="Popover"
-                class="relative maxDimensions minDimensions border primary rounding4"
+                class="relative maxDimensions minDimensions primary rounding4"
                 role="dialog"
                 style="max-width: 284px; overflow: auto;"
               >

packages/gestalt/src/__snapshots__/Popover.jsdom.test.tsx.snap

@@ -21,7 +21,7 @@ exports[`Popover renders correctly 1`] = `
     >
       <div
         aria-label="text"
-        class="relative maxDimensions minDimensions border primary rounding4"
+        class="relative maxDimensions minDimensions primary rounding4"
         role="dialog"
         style="max-width: 230px; overflow: auto;"
       >
@@ -72,7 +72,7 @@ exports[`Popover renders correctly with portal 1`] = `
       >
         <div
           aria-label="text"
-          class="relative maxDimensions minDimensions border primary rounding4"
+          class="relative maxDimensions minDimensions primary rounding4"
           role="dialog"
           style="max-width: 230px; overflow: auto;"
         >

packages/gestalt/src/__snapshots__/PopoverEducational.jsdom.test.tsx.snap

@@ -27,7 +27,7 @@ exports[`PopoverEducational renders 1`] = `
         </div>
         <div
           aria-label="test"
-          class="relative maxDimensions minDimensions border education rounding4"
+          class="relative maxDimensions minDimensions education rounding4"
           role="dialog"
           style="max-width: 230px; overflow: auto;"
         >