@primer/view-components 0.35.2 → 0.36.0-rc.3f94e649

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

@@ -47,13 +47,6 @@ let ActionBarElement = class ActionBarElement extends HTMLElement {
         _ActionBarElement_focusZoneAbortController.set(this, null);
     }
     connectedCallback() {
-        // Calculate the width of all the items before hiding anything
-        for (const item of this.items) {
-            const width = item.getBoundingClientRect().width;
-            const marginLeft = parseInt(window.getComputedStyle(item)?.marginLeft, 10);
-            const marginRight = parseInt(window.getComputedStyle(item)?.marginRight, 10);
-            item.setAttribute('data-offset-width', `${width + marginLeft + marginRight}`);
-        }
         resizeObserver.observe(this);
         instersectionObserver.observe(this);
         requestAnimationFrame(() => {

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

@@ -1 +1 @@
-.Link{color:var(--fgColor-accent);-webkit-text-decoration:none;text-decoration:none}.Link:hover{cursor:pointer}.Link:focus,.Link:hover{-webkit-text-decoration:underline;text-decoration:underline}.Link:focus,.Link:focus-visible{outline-offset:0}.Link--underline{-webkit-text-decoration:underline;text-decoration:underline}.Link--primary{color:var(--fgColor-default)!important}.Link--primary:hover{color:var(--fgColor-accent)!important}.Link--secondary{color:var(--fgColor-muted)!important}.Link--secondary:hover{color:var(--fgColor-accent)!important}.Link--muted{color:var(--fgColor-muted)!important}.Link--muted:hover{color:var(--fgColor-accent)!important;-webkit-text-decoration:none;text-decoration:none}.Link--onHover:hover{color:var(--fgColor-accent)!important;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}:is(.Link--secondary,.Link--primary,.Link--muted):hover [class*=color-fg]{color:inherit!important}
+.Link{color:var(--fgColor-accent);-webkit-text-decoration:none;text-decoration:none}.Link:hover{cursor:pointer}.Link:focus,.Link:hover{-webkit-text-decoration:underline;text-decoration:underline}.Link:focus,.Link:focus-visible{outline-offset:0}.Link--underline{-webkit-text-decoration:underline;text-decoration:underline}.Link--primary{color:var(--fgColor-default)!important}.Link--primary:hover{color:var(--fgColor-accent)!important}.Link--secondary{color:var(--fgColor-muted)!important}.Link--secondary:hover{color:var(--fgColor-accent)!important}.Link--muted{color:var(--fgColor-muted)!important}.Link--muted:hover{color:var(--fgColor-accent)!important;-webkit-text-decoration:none;text-decoration:none}.Link--onHover:hover{color:var(--fgColor-accent)!important;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}:is(.Link--secondary,.Link--primary,.Link--muted):hover [class*=color-fg]{color:inherit!important}.Link-content{align-items:center;display:inline-flex;gap:var(--base-size-4);line-height:normal;text-decoration:inherit}

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

@@ -13,6 +13,7 @@
     ".Link--muted",
     ".Link--muted:hover",
     ".Link--onHover:hover",
-    ":is(.Link--secondary,.Link--primary,.Link--muted):hover [class*=color-fg]"
+    ":is(.Link--secondary,.Link--primary,.Link--muted):hover [class*=color-fg]",
+    ".Link-content"
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.35.2",
+  "version": "0.36.0-rc.3f94e649",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
@@ -68,7 +68,7 @@
     "@github/markdownlint-github": "^0.6.0",
     "@github/prettier-config": "0.0.6",
     "@playwright/test": "^1.35.1",
-    "@primer/css": "21.5.0",
+    "@primer/css": "21.5.1",
     "@primer/stylelint-config": "^13.1.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^8.3.3",

package/static/classes.json

@@ -404,6 +404,9 @@
   "Link--underline": [
     "Primer::Beta::Link"
   ],
+  "Link-content": [
+    "Primer::Beta::Link"
+  ],
   "Overlay": [
     "Primer::Alpha::Dialog",
     "Primer::Alpha::Overlay"

package/static/form_previews.json

@@ -0,0 +1,113 @@
+[
+  {
+    "name": "forms",
+    "lookup_path": "primer/forms",
+    "examples": [
+      {
+        "preview_path": "primer/forms/single_text_field_form",
+        "name": "single_text_field_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/multi_text_field_form",
+        "name": "multi_text_field_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/text_field_and_checkbox_form",
+        "name": "text_field_and_checkbox_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/horizontal_form",
+        "name": "horizontal_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/composed_form",
+        "name": "composed_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/submit_button_form",
+        "name": "submit_button_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/radio_button_group_form",
+        "name": "radio_button_group_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/check_box_group_form",
+        "name": "check_box_group_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/array_check_box_group_form",
+        "name": "array_check_box_group_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/select_form",
+        "name": "select_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/action_menu_form",
+        "name": "action_menu_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/radio_button_with_nested_form",
+        "name": "radio_button_with_nested_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/check_box_with_nested_form",
+        "name": "check_box_with_nested_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/caption_template_form",
+        "name": "caption_template_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/after_content_form",
+        "name": "after_content_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/invalid_form",
+        "name": "invalid_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/multi_input_form",
+        "name": "multi_input_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/name_with_question_mark_form",
+        "name": "name_with_question_mark_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/immediate_validation_form",
+        "name": "immediate_validation_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/example_toggle_switch_form",
+        "name": "example_toggle_switch_form",
+        "snapshot": "true"
+      },
+      {
+        "preview_path": "primer/forms/auto_complete_form",
+        "name": "auto_complete_form",
+        "snapshot": "true"
+      }
+    ]
+  }
+]