@primer/view-components 0.23.0 → 0.24.0-rc.32f114a6

package/app/components/primer/alpha/overlay.css

@@ -1 +1 @@
-anchored-position[popover]{border-width:0;min-width:192px;overflow:visible;padding:0;position:absolute}anchored-position:not(.Overlay){background:none}.Overlay[popover]:not(:popover-open){display:none}anchored-position.not-anchored::backdrop,dialog::backdrop{background-color:var(--overlay-backdrop-bgColor,var(--color-neutral-muted))}@media (forced-colors:active){.Overlay{outline:1px solid #0000}}
+anchored-position[popover]{border-width:0;min-width:192px;overflow:visible;padding:0;position:absolute}anchored-position:not(.Overlay){background:none}.Overlay[popover]:not(:popover-open){display:none}anchored-position.not-anchored::backdrop,dialog::backdrop{background-color:var(--overlay-backdrop-bgColor,var(--color-neutral-muted))}@media (forced-colors:active){.Overlay{outline:1px solid #0000}}.Overlay-tabPanels{display:flex;flex-direction:column;overflow-y:hidden}.Overlay-tabPanels>.tabnav{margin:var(--base-size-8) 0;padding:0 var(--base-size-8)}.Overlay-tabPanel{display:flex;overflow:hidden}

package/app/components/primer/alpha/overlay.css.json

@@ -6,6 +6,9 @@
     ".Overlay[popover]:not(:popover-open)",
     "anchored-position.not-anchored::backdrop",
     "dialog::backdrop",
-    ".Overlay"
+    ".Overlay",
+    ".Overlay-tabPanels",
+    ".Overlay-tabPanels>.tabnav",
+    ".Overlay-tabPanel"
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.23.0",
+  "version": "0.24.0-rc.32f114a6",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",

package/static/arguments.json

@@ -1866,6 +1866,12 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay/body.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/body/default/",
     "parameters": [
+      {
+        "name": "tab_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Arguments passed to TabPanels component"
+      },
       {
         "name": "system_arguments",
         "type": "Hash",

package/static/classes.json

@@ -408,6 +408,12 @@
   "Overlay-headerFilter": [
     "Primer::Alpha::Dialog"
   ],
+  "Overlay-tabPanel": [
+    "Primer::Alpha::Overlay"
+  ],
+  "Overlay-tabPanels": [
+    "Primer::Alpha::Overlay"
+  ],
   "Popover": [
     "Primer::Beta::Popover"
   ],

package/static/info_arch.json

@@ -5951,8 +5951,8 @@
         ]
       },
       {
-        "name": "body",
-        "description": "Required body content.",
+        "name": "bodies",
+        "description": "Required body content.\nwhen multiple bodies are passed, they will be rendered in a TabPanels component.",
         "parameters": [
           {
             "name": "padding",
@@ -6094,6 +6094,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/overlay/overlay_with_three_bodies",
+        "name": "overlay_with_three_bodies",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [
@@ -6238,6 +6251,12 @@
         "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay/body.rb",
         "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/body/default/",
         "parameters": [
+          {
+            "name": "tab_arguments",
+            "type": "Hash",
+            "default": "`{}`",
+            "description": "Arguments passed to TabPanels component"
+          },
           {
             "name": "system_arguments",
             "type": "Hash",
@@ -6249,7 +6268,20 @@
 
         ],
         "methods": [
+          {
+            "name": "tab_arguments",
+            "description": "Returns the value of attribute tab_arguments.",
+            "parameters": [
 
+            ]
+          },
+          {
+            "name": "tab_label",
+            "description": "Returns the value of attribute tab_label.",
+            "parameters": [
+
+            ]
+          }
         ],
         "previews": [
 

package/static/previews.json

@@ -4926,6 +4926,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/overlay/overlay_with_three_bodies",
+        "name": "overlay_with_three_bodies",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },