@mixtint/primer-view-components 0.72.0 → 0.73.0

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

@@ -506,6 +506,20 @@ nav-list {
     color: var(--fgColor-muted);
     align-self: flex-start;
   }
+.ActionList-sectionDividerHeader {
+  display: flex;
+  align-items: center;
+  gap: var(--base-size-8);
+}
+.ActionList-sectionDividerHeader .ActionList-sectionDivider-title {
+  align-self: baseline;
+}
+.ActionList-sectionDivider-trailingVisual {
+  display: inline-flex;
+  align-items: center;
+  margin-inline-start: auto;
+  flex-shrink: 0;
+}
 .ActionList-sectionDivider--filled {
   /* stylelint-disable-next-line primer/spacing */
   margin-block-start: calc(var(--base-size-8) - var(--borderWidth-thin));

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

@@ -110,6 +110,9 @@
     ".ActionList-sectionDivider:not(:empty)",
     ".ActionList-sectionDivider:empty",
     ".ActionList-sectionDivider .ActionList-sectionDivider-title",
+    ".ActionList-sectionDividerHeader",
+    ".ActionList-sectionDividerHeader .ActionList-sectionDivider-title",
+    ".ActionList-sectionDivider-trailingVisual",
     ".ActionList-sectionDivider--filled",
     ".ActionList-sectionDivider--filled:empty",
     ".ActionList-sectionDivider--filled:first-child"

package/app/components/primer/alpha/select_panel_element.js

@@ -539,9 +539,8 @@ _SelectPanelElement_handleIncludeFragmentEvent = function _SelectPanelElement_ha
             // check if the errorElement is visible in the dom
             if (errorElement && !errorElement.hasAttribute('hidden')) {
                 this.liveRegion.announceFromElement(errorElement, { politeness: 'assertive' });
-                return;
             }
-            break;
+            throw new Error(event.detail.error);
         }
     }
 };

package/app/components/primer/open_project/danger_dialog_form_helper.d.ts

@@ -1,6 +1,10 @@
+import type { LiveRegionElement } from '@primer/live-region-element';
 declare class DangerDialogFormHelperElement extends HTMLElement {
     #private;
     checkbox: HTMLInputElement | undefined;
+    liveRegion: LiveRegionElement;
+    confirmationLiveMessageChecked: string;
+    confirmationLiveMessageUnchecked: string;
     get form(): HTMLFormElement | null;
     get submitButton(): HTMLInputElement | HTMLButtonElement;
     connectedCallback(): void;

package/app/components/primer/open_project/danger_dialog_form_helper.js

@@ -10,12 +10,14 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _DangerDialogFormHelperElement_instances, _DangerDialogFormHelperElement_reset;
-import { controller, target } from '@github/catalyst';
+import { controller, target, attr } from '@github/catalyst';
 const SUBMIT_BUTTON_SELECTOR = 'input[type=submit],button[type=submit],button[data-submit-dialog-id]';
 let DangerDialogFormHelperElement = class DangerDialogFormHelperElement extends HTMLElement {
     constructor() {
         super(...arguments);
         _DangerDialogFormHelperElement_instances.add(this);
+        this.confirmationLiveMessageChecked = '';
+        this.confirmationLiveMessageUnchecked = '';
     }
     get form() {
         return this.querySelector('form');
@@ -33,8 +35,13 @@ let DangerDialogFormHelperElement = class DangerDialogFormHelperElement extends
         __classPrivateFieldGet(this, _DangerDialogFormHelperElement_instances, "m", _DangerDialogFormHelperElement_reset).call(this);
     }
     toggle() {
-        if (this.checkbox) {
-            this.submitButton.disabled = !this.checkbox.checked;
+        if (!this.checkbox || !this.submitButton)
+            return;
+        const enabled = this.checkbox.checked;
+        this.submitButton.disabled = !enabled;
+        if (this.liveRegion) {
+            const message = enabled ? this.confirmationLiveMessageChecked : this.confirmationLiveMessageUnchecked;
+            this.liveRegion.announce(message, { politeness: 'assertive' });
         }
     }
 };
@@ -45,6 +52,15 @@ _DangerDialogFormHelperElement_reset = function _DangerDialogFormHelperElement_r
 __decorate([
     target
 ], DangerDialogFormHelperElement.prototype, "checkbox", void 0);
+__decorate([
+    target
+], DangerDialogFormHelperElement.prototype, "liveRegion", void 0);
+__decorate([
+    attr
+], DangerDialogFormHelperElement.prototype, "confirmationLiveMessageChecked", void 0);
+__decorate([
+    attr
+], DangerDialogFormHelperElement.prototype, "confirmationLiveMessageUnchecked", void 0);
 DangerDialogFormHelperElement = __decorate([
     controller
 ], DangerDialogFormHelperElement);

package/app/components/primer/open_project/page_header.css

@@ -45,7 +45,7 @@
 .PageHeader-description {
   font-size: var(--text-body-size-medium);
   color: var(--fgColor-muted);
-  flex: 1 100%;
+  flex: 1 auto;
 }
 
 .PageHeader-description--underlined-links a {

package/app/components/primer/open_project/sub_header.css

@@ -32,6 +32,7 @@
     grid-area: left;
     display: flex;
     align-items: center;
+    column-gap: 12px;
     width: 100%;
 
     /* Since the container is not full width (due to the grid around it)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mixtint/primer-view-components",
-  "version": "0.72.0",
+  "version": "0.73.0",
   "publishConfig": {
     "access": "public"
   },
@@ -87,7 +87,7 @@
     "postcss": "^8.4.16",
     "postcss-cli": "^11.0.0",
     "postcss-import": "^16.0.0",
-    "postcss-mixins": "^11.0.1",
+    "postcss-mixins": "^12.1.2",
     "postcss-preset-env": "^10.0.2",
     "prettier": "^3.3.2",
     "rollup": "^2.79.1",

package/static/classes.json

@@ -26,6 +26,12 @@
   "ActionList-sectionDivider--filled": [
     "Primer::Alpha::ActionList"
   ],
+  "ActionList-sectionDivider-trailingVisual": [
+    "Primer::Alpha::ActionList"
+  ],
+  "ActionList-sectionDividerHeader": [
+    "Primer::Alpha::ActionList"
+  ],
   "ActionListContent": [
     "Primer::Alpha::ActionList"
   ],

package/static/constants.json

@@ -1770,7 +1770,9 @@
     },
     "DEFAULT_INCLUDE_SUB_ITEMS_CHECK_BOX_ARGUMENTS": {
       "label": "Include sub-items",
-      "name": "include_sub_items"
+      "name": "include_sub_items",
+      "checked": false,
+      "hidden": false
     },
     "DEFAULT_NO_RESULTS_NODE_ARGUMENTS": {
       "label": "No results"

package/static/info_arch.json

@@ -19149,9 +19149,9 @@
         }
       },
       {
-        "preview_path": "primer/open_project/danger_dialog/with_confirmation_check_box",
-        "name": "with_confirmation_check_box",
-        "snapshot": "interactive",
+        "preview_path": "primer/open_project/danger_dialog/playground",
+        "name": "playground",
+        "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -19162,9 +19162,9 @@
         }
       },
       {
-        "preview_path": "primer/open_project/danger_dialog/playground",
-        "name": "playground",
-        "snapshot": "false",
+        "preview_path": "primer/open_project/danger_dialog/with_confirmation_check_box",
+        "name": "with_confirmation_check_box",
+        "snapshot": "interactive",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -19760,6 +19760,32 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/open_project/filterable_tree_view/hide_checkbox",
+        "name": "hide_checkbox",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/filterable_tree_view/hide_segmented_control",
+        "name": "hide_segmented_control",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": []

package/static/previews.json

@@ -3326,9 +3326,9 @@
         }
       },
       {
-        "preview_path": "primer/open_project/danger_dialog/with_confirmation_check_box",
-        "name": "with_confirmation_check_box",
-        "snapshot": "interactive",
+        "preview_path": "primer/open_project/danger_dialog/playground",
+        "name": "playground",
+        "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -3339,9 +3339,9 @@
         }
       },
       {
-        "preview_path": "primer/open_project/danger_dialog/playground",
-        "name": "playground",
-        "snapshot": "false",
+        "preview_path": "primer/open_project/danger_dialog/with_confirmation_check_box",
+        "name": "with_confirmation_check_box",
+        "snapshot": "interactive",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -4311,6 +4311,32 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/open_project/filterable_tree_view/hide_checkbox",
+        "name": "hide_checkbox",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/filterable_tree_view/hide_segmented_control",
+        "name": "hide_segmented_control",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },

package/app/assets/images/loading_indicator.svg

@@ -1 +0,0 @@
-<svg width="64" height="64" xmlns="http://www.w3.org/2000/svg"><g><rect x="-16" y="-16" width="32" height="32" fill="none" stroke="#a3eea8" stroke-width="4" rx="10" transform="translate(32 32)"><animate attributeName="stroke-width" attributeType="XML" dur="4s" repeatCount="indefinite" values="0;4;0;0" keyTimes="0;0.35;0.6;1" keySplines="0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1" calcMode="spline"/><animateTransform attributeName="transform" additive="sum" attributeType="XML" type="scale" dur="4s" repeatCount="indefinite" values="0.5;0.5;1.6;0.5" keyTimes="0;0.35;0.6;1" keySplines="0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1" calcMode="spline"/></rect><rect x="-16" y="-16" width="32" height="32" fill="#35c53f" rx="5" transform="translate(32 32)"><animateTransform attributeName="transform" additive="sum" attributeType="XML" type="scale" dur="4s" repeatCount="indefinite" values="1;1.3;1.1;1" keyTimes="0;0.5;0.6;1" keySplines="0.42 0 0.58 1;0.42 0 0.58 1;0.42 0 0.58 1" calcMode="spline"/></rect><animateTransform attributeName="transform" attributeType="XML" additive="sum" type="rotate" dur="4s" repeatCount="indefinite" values="45 32 32;1080 32 32;945 32 32" keyTimes="0;0.6;1" keySplines="0.42 0 0.58 1;0.42 0 0.58 1" calcMode="spline"/></g></svg>