Merge branch 'main' into jawinn/css-384-search-field-core-tokens

Author: jawinn

components/popover/index.css

@@ -49,6 +49,7 @@ governing permissions and limitations under the License.
 }
 
 .spectrum-Popover {
+  --spectrum-popover-filter: drop-shadow(var(--mod-popover-shadow-horizontal, var(--spectrum-popover-shadow-horizontal)) var(--mod-popover-shadow-vertical, var(--spectrum-popover-shadow-vertical)) var(--mod-popover-shadow-blur, var(--spectrum-popover-shadow-blur)) var(--mod-popover-shadow-color, var(--spectrum-popover-shadow-color)));
   @inherit: %spectrum-overlay;
 
   box-sizing: border-box;
@@ -67,7 +68,7 @@ governing permissions and limitations under the License.
   border-width: var(--mod-popover-border-width, var(--spectrum-popover-border-width));
 
   background-color: var(--mod-popover-background-color, var(--spectrum-popover-background-color));
-  filter: drop-shadow(var(--mod-popover-shadow-horizontal, var(--spectrum-popover-shadow-horizontal)) var(--mod-popover-shadow-vertical, var(--spectrum-popover-shadow-vertical)) var(--mod-popover-shadow-blur, var(--spectrum-popover-shadow-blur)) var(--mod-popover-shadow-color, var(--spectrum-popover-shadow-color)));
+  filter: var(--mod-popover-filter, var(--spectrum-popover-filter));
 
   /* default opens and animates upward */
   &.is-open {
@@ -89,6 +90,11 @@ governing permissions and limitations under the License.
   }
 }
 
+/* prevent nested popovers from affecting each others drop shadow filters */
+.spectrum-Popover * {
+  --mod-popover-filter: none;
+}
+
 /* position naming - first position term is popover position, second term is source position */
 /* example: --top-left = popover is to top and source is to left */
 

components/popover/stories/popover.stories.js

@@ -85,3 +85,68 @@ Default.args = {
     }),
   ],
 };
+
+export const WithTip = Template.bind({});
+WithTip.args = {
+  withTip: true,
+  content: [
+    Menu({
+      items: [
+        {
+          iconName: "Edit",
+          label: "Edit",
+        },
+        {
+          iconName: "Copy",
+          label: "Copy",
+        },
+        {
+          iconName: "Move",
+          label: "Move",
+        },
+        {
+          iconName: "Delete",
+          label: "Delete",
+        },
+      ],
+    }),
+  ],
+};
+
+export const Nested = Template.bind({});
+Nested.args = {
+  content: [
+    Menu({
+      items: [
+        {
+          iconName: "Edit",
+          label: "Edit",
+        },
+      ],
+    }),
+    Default({
+      content: [
+        Menu({
+          items: [
+            {
+              iconName: "Edit",
+              label: "Edit",
+            },
+            {
+              iconName: "Copy",
+              label: "Copy",
+            },
+            {
+              iconName: "Move",
+              label: "Move",
+            },
+            {
+              iconName: "Delete",
+              label: "Delete",
+            },
+          ],
+        }),
+      ],
+    })
+  ],
+};

tools/bundle-builder/package.json

@@ -26,7 +26,7 @@
     "gulp-pug": "^4.0.1",
     "gulp-rename": "^1.4.0",
     "gulplog": "^1.0.0",
-    "inquirer": "^9.2.3",
+    "inquirer": "^9.2.6",
     "js-yaml": "^4.1.0",
     "loadicons": "^1.0.0",
     "replace-ext": "^1.0.0",

tools/generator/package.json

@@ -23,7 +23,7 @@
   "devDependencies": {
     "cheerio": "^1.0.0-rc.12",
     "fuzzy": "^0.1.3",
-    "inquirer": "^9.2.2",
+    "inquirer": "^9.2.6",
     "inquirer-autocomplete-prompt": "^3.0.0",
     "js-yaml": "^4.1.0",
     "plop": "^3.1.1"

yarn.lock

@@ -9650,10 +9650,10 @@ inquirer@^8.2.2, inquirer@^8.2.4:
     through "^2.3.6"
     wrap-ansi "^7.0.0"
 
-inquirer@^9.2.2, inquirer@^9.2.3:
-  version "9.2.3"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-9.2.3.tgz#48993a6cf832b581a0df0ba0445c435e3d76a69c"
-  integrity sha512-/Et0+d28D7hnTYaqeCQkp3FYuD/X5cc2qbM6BzFdC5zs30oByoU5W/pmLc493FVVMwYmAILKjPBEmwRKTtknSQ==
+inquirer@^9.2.6:
+  version "9.2.6"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-9.2.6.tgz#802a61ee3eefbf1cb82a7fb6c2ae95a106050e01"
+  integrity sha512-y71l237eJJKS4rl7sQcEUiMhrR0pB/ZnRMMTxLpjJhWL4hdWCT03a6jJnC1w6qIPSRZWEozuieGt3v7XaEJYFw==
   dependencies:
     ansi-escapes "^4.3.2"
     chalk "^5.2.0"
@@ -15840,9 +15840,9 @@ socket.io-client@^4.4.1:
     socket.io-parser "~4.2.1"
 
 socket.io-parser@~4.2.1:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-4.2.2.tgz#1dd384019e25b7a3d374877f492ab34f2ad0d206"
-  integrity sha512-DJtziuKypFkMMHCm2uIshOYC7QaylbtzQwiMYDuCKy3OPkjLzu4B2vAhTlqipRHHzrI0NJeBAizTK7X+6m1jVw==
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-4.2.3.tgz#926bcc6658e2ae0883dc9dee69acbdc76e4e3667"
+  integrity sha512-JMafRntWVO2DCJimKsRTh/wnqVvO4hrfwOqtO7f+uzwsQMuxO6VwImtYxaQ+ieoyshWOTJyV0fA21lccEXRPpQ==
   dependencies:
     "@socket.io/component-emitter" "~3.1.0"
     debug "~4.3.1"