@primer/view-components 0.31.1-rc.681ebd27 → 0.31.1-rc.84ecd642

package/app/components/primer/beta/popover.css

@@ -1 +1 @@
-.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--overlay-bgColor);border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:var(--borderRadius-medium);box-shadow:var(--shadow-floating-legacy,var(--color-shadow-large))!important;margin-left:auto;margin-right:auto;position:relative;width:232px}.Popover-message:after,.Popover-message:before{content:"";display:inline-block;left:50%;position:absolute}.Popover-message:before{border:8px solid #0000;border-bottom:8px solid var(--borderColor-default);margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--overlay-bgColor);margin-left:-8px;top:-14px}.Popover-message--no-caret:after,.Popover-message--no-caret:before{display:none}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--bottom:after,.Popover-message--bottom:before{border-bottom-color:#0000;top:auto}.Popover-message--bottom-left:before,.Popover-message--bottom-right:before,.Popover-message--bottom:before{border-top-color:var(--borderColor-default);bottom:-16px}.Popover-message--bottom-left:after,.Popover-message--bottom-right:after,.Popover-message--bottom:after{border-top-color:var(--overlay-bgColor);bottom:-14px}.Popover-message--bottom-right,.Popover-message--top-right{margin-right:0;right:-9px}.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--top-right:after,.Popover-message--top-right:before{left:auto;margin-left:0}.Popover-message--bottom-right:before,.Popover-message--top-right:before{right:20px}.Popover-message--bottom-right:after,.Popover-message--top-right:after{right:21px}.Popover-message--bottom-left,.Popover-message--top-left{left:-9px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--top-left:after,.Popover-message--top-left:before{left:24px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--top-left:after{left:25px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--left:after,.Popover-message--left:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before,.Popover-message--right-top:after,.Popover-message--right-top:before,.Popover-message--right:after,.Popover-message--right:before{border-bottom-color:#0000;left:auto;margin-left:0;top:50%}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before,.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{margin-top:-9px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after,.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{margin-top:-8px}.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{border-left-color:var(--borderColor-default);right:-16px}.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{border-left-color:var(--overlay-bgColor);right:-14px}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before{border-right-color:var(--borderColor-default);left:-16px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after{border-right-color:var(--overlay-bgColor);left:-14px}.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--right-top:after,.Popover-message--right-top:before{top:24px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before{top:auto}.Popover-message--left-bottom:before,.Popover-message--right-bottom:before{bottom:16px}.Popover-message--left-bottom:after,.Popover-message--right-bottom:after{bottom:17px}@media (min-width:544px){.Popover-message--large{min-width:320px}}@media (max-width:767.98px){.Popover{bottom:0!important;left:0!important;position:fixed;right:0!important;top:auto!important}.Popover-message{bottom:auto;left:auto;margin:var(--stack-gap-condensed);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--control-medium-paddingInline-normal)!important}.Popover-message:after,.Popover-message:before{display:none}}
+.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--overlay-bgColor);border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:var(--borderRadius-medium);box-shadow:var(--shadow-floating-legacy,var(--color-shadow-large))!important;margin-left:auto;margin-right:auto;position:relative;width:232px}.Popover-message:after,.Popover-message:before{content:"";display:inline-block;left:50%;position:absolute}.Popover-message:before{border:8px solid #0000;border-bottom:8px solid var(--borderColor-default);margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--overlay-bgColor);margin-left:-8px;top:-14px}.Popover-message--no-caret:after,.Popover-message--no-caret:before{display:none}:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after,:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before{border-bottom-color:#0000;top:auto}:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before{border-top-color:var(--borderColor-default);bottom:-16px}:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after{border-top-color:var(--overlay-bgColor);bottom:-14px}.Popover-message--bottom-right,.Popover-message--top-right{margin-right:0;right:-9px}:is(.Popover-message--top-right,.Popover-message--bottom-right):after,:is(.Popover-message--top-right,.Popover-message--bottom-right):before{left:auto;margin-left:0}:is(.Popover-message--top-right,.Popover-message--bottom-right):before{right:20px}:is(.Popover-message--top-right,.Popover-message--bottom-right):after{right:21px}.Popover-message--bottom-left,.Popover-message--top-left{left:-9px;margin-left:0}:is(.Popover-message--top-left,.Popover-message--bottom-left):after,:is(.Popover-message--top-left,.Popover-message--bottom-left):before{left:24px;margin-left:0}:is(.Popover-message--top-left,.Popover-message--bottom-left):after{left:25px}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after,:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before{border-bottom-color:#0000;left:auto;margin-left:0;top:50%}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before{margin-top:-9px}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after{margin-top:-8px}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):before{border-left-color:var(--borderColor-default);right:-16px}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):after{border-left-color:var(--overlay-bgColor);right:-14px}:is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before{border-right-color:var(--borderColor-default);left:-16px}:is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after{border-right-color:var(--overlay-bgColor);left:-14px}:is(.Popover-message--right-top,.Popover-message--left-top):after,:is(.Popover-message--right-top,.Popover-message--left-top):before{top:24px}:is(.Popover-message--right-bottom,.Popover-message--left-bottom):after,:is(.Popover-message--right-bottom,.Popover-message--left-bottom):before{top:auto}:is(.Popover-message--right-bottom,.Popover-message--left-bottom):before{bottom:16px}:is(.Popover-message--right-bottom,.Popover-message--left-bottom):after{bottom:17px}@media (min-width:544px){.Popover-message--large{min-width:320px}}@media (max-width:767.98px){.Popover{bottom:0!important;left:0!important;position:fixed;right:0!important;top:auto!important}.Popover-message{bottom:auto;left:auto;margin:var(--stack-gap-condensed);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--control-medium-paddingInline-normal)!important}.Popover-message:after,.Popover-message:before{display:none}}

package/app/components/primer/beta/popover.css.json

@@ -7,32 +7,26 @@
     ".Popover-message:before",
     ".Popover-message--no-caret:after",
     ".Popover-message--no-caret:before",
-    ".Popover-message--bottom-left:after",
-    ".Popover-message--bottom-left:before",
-    ".Popover-message--bottom-right:after",
-    ".Popover-message--bottom-right:before",
-    ".Popover-message--bottom:after",
-    ".Popover-message--bottom:before",
+    ":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after",
+    ":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before",
     ".Popover-message--bottom-right",
     ".Popover-message--top-right",
-    ".Popover-message--top-right:after",
-    ".Popover-message--top-right:before",
+    ":is(.Popover-message--top-right,.Popover-message--bottom-right):after",
+    ":is(.Popover-message--top-right,.Popover-message--bottom-right):before",
     ".Popover-message--bottom-left",
     ".Popover-message--top-left",
-    ".Popover-message--top-left:after",
-    ".Popover-message--top-left:before",
-    ".Popover-message--left-bottom:after",
-    ".Popover-message--left-bottom:before",
-    ".Popover-message--left-top:after",
-    ".Popover-message--left-top:before",
-    ".Popover-message--left:after",
-    ".Popover-message--left:before",
-    ".Popover-message--right-bottom:after",
-    ".Popover-message--right-bottom:before",
-    ".Popover-message--right-top:after",
-    ".Popover-message--right-top:before",
-    ".Popover-message--right:after",
-    ".Popover-message--right:before",
+    ":is(.Popover-message--top-left,.Popover-message--bottom-left):after",
+    ":is(.Popover-message--top-left,.Popover-message--bottom-left):before",
+    ":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after",
+    ":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before",
+    ":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):before",
+    ":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):after",
+    ":is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before",
+    ":is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after",
+    ":is(.Popover-message--right-top,.Popover-message--left-top):after",
+    ":is(.Popover-message--right-top,.Popover-message--left-top):before",
+    ":is(.Popover-message--right-bottom,.Popover-message--left-bottom):after",
+    ":is(.Popover-message--right-bottom,.Popover-message--left-bottom):before",
     ".Popover-message--large",
     ".Popover-message>.btn-octicon"
   ]

package/app/components/primer/beta/truncate.css

@@ -1 +1 @@
-.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--control-small-gap)}.Truncate>.Truncate-text.Truncate-text--primary{flex-basis:200%}.Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover{cursor:pointer;flex-shrink:0;max-width:100%!important}
+.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.Truncate>.Truncate-text)+.Truncate-text{margin-left:var(--control-small-gap)}.Truncate-text--primary:is(.Truncate>.Truncate-text){flex-basis:200%}.Truncate-text--expandable:is(.Truncate>.Truncate-text):active,.Truncate-text--expandable:is(.Truncate>.Truncate-text):focus,.Truncate-text--expandable:is(.Truncate>.Truncate-text):hover{cursor:pointer;flex-shrink:0;max-width:100%!important}

package/app/components/primer/beta/truncate.css.json

@@ -3,10 +3,10 @@
   "selectors": [
     ".Truncate",
     ".Truncate>.Truncate-text",
-    ".Truncate>.Truncate-text+.Truncate-text",
-    ".Truncate>.Truncate-text.Truncate-text--primary",
-    ".Truncate>.Truncate-text.Truncate-text--expandable:active",
-    ".Truncate>.Truncate-text.Truncate-text--expandable:focus",
-    ".Truncate>.Truncate-text.Truncate-text--expandable:hover"
+    ":is(.Truncate>.Truncate-text)+.Truncate-text",
+    ".Truncate-text--primary:is(.Truncate>.Truncate-text)",
+    ".Truncate-text--expandable:is(.Truncate>.Truncate-text):active",
+    ".Truncate-text--expandable:is(.Truncate>.Truncate-text):focus",
+    ".Truncate-text--expandable:is(.Truncate>.Truncate-text):hover"
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.31.1-rc.681ebd27",
+  "version": "0.31.1-rc.84ecd642",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
@@ -85,7 +85,7 @@
     "postcss-cli": "^11.0.0",
     "postcss-import": "^16.0.0",
     "postcss-mixins": "^10.0.0",
-    "postcss-preset-env": "^9.3.0",
+    "postcss-preset-env": "^10.0.2",
     "prettier": "^3.3.2",
     "rollup": "^2.79.1",
     "rollup-plugin-terser": "^7.0.2",

package/static/classes.json

@@ -251,6 +251,9 @@
   "FormControl-checkbox-wrap": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-error": [
+    "Primer::Alpha::TextField"
+  ],
   "FormControl-horizontalGroup": [
     "Primer::Alpha::TextField"
   ],
@@ -266,12 +269,27 @@
   "FormControl-input": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-input-trailingAction--divider": [
+    "Primer::Alpha::TextField"
+  ],
   "FormControl-input-wrap": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-inset": [
+    "Primer::Alpha::TextField"
+  ],
   "FormControl-label": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-large": [
+    "Primer::Alpha::TextField"
+  ],
+  "FormControl-medium": [
+    "Primer::Alpha::TextField"
+  ],
+  "FormControl-monospace": [
+    "Primer::Alpha::TextField"
+  ],
   "FormControl-radio-group-wrap": [
     "Primer::Alpha::TextField"
   ],
@@ -284,15 +302,24 @@
   "FormControl-select-wrap": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-small": [
+    "Primer::Alpha::TextField"
+  ],
   "FormControl-spacingWrapper": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-success": [
+    "Primer::Alpha::TextField"
+  ],
   "FormControl-textarea": [
     "Primer::Alpha::TextField"
   ],
   "FormControl-toggleSwitchInput": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-warning": [
+    "Primer::Alpha::TextField"
+  ],
   "Label": [
     "Primer::Beta::Label"
   ],
@@ -347,6 +374,12 @@
   "Layout-divider": [
     "Primer::Alpha::Layout"
   ],
+  "Layout-divider--flowRow-hidden": [
+    "Primer::Alpha::Layout"
+  ],
+  "Layout-divider--flowRow-shallow": [
+    "Primer::Alpha::Layout"
+  ],
   "Layout-main": [
     "Primer::Alpha::Layout"
   ],
@@ -414,9 +447,6 @@
   "Popover-message": [
     "Primer::Beta::Popover"
   ],
-  "Popover-message--bottom": [
-    "Primer::Beta::Popover"
-  ],
   "Popover-message--bottom-left": [
     "Primer::Beta::Popover"
   ],
@@ -426,27 +456,9 @@
   "Popover-message--large": [
     "Primer::Beta::Popover"
   ],
-  "Popover-message--left": [
-    "Primer::Beta::Popover"
-  ],
-  "Popover-message--left-bottom": [
-    "Primer::Beta::Popover"
-  ],
-  "Popover-message--left-top": [
-    "Primer::Beta::Popover"
-  ],
   "Popover-message--no-caret": [
     "Primer::Beta::Popover"
   ],
-  "Popover-message--right": [
-    "Primer::Beta::Popover"
-  ],
-  "Popover-message--right-bottom": [
-    "Primer::Beta::Popover"
-  ],
-  "Popover-message--right-top": [
-    "Primer::Beta::Popover"
-  ],
   "Popover-message--top-left": [
     "Primer::Beta::Popover"
   ],
@@ -591,6 +603,12 @@
   "Truncate": [
     "Primer::Beta::Truncate"
   ],
+  "Truncate-text--expandable": [
+    "Primer::Beta::Truncate"
+  ],
+  "Truncate-text--primary": [
+    "Primer::Beta::Truncate"
+  ],
   "UnderlineNav": [
     "Primer::Alpha::UnderlineNav"
   ],

package/static/info_arch.json

@@ -8118,6 +8118,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/select_panel/no_values",
+        "name": "no_values",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [

package/static/previews.json

@@ -6173,6 +6173,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/select_panel/no_values",
+        "name": "no_values",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },