jekyll-v4-theme-primer 0.12.0 → 0.14.0

data/_sass/@primer/view-components/static/statuses.json

@@ -1,11 +1,17 @@
 {
+  "Primer::Alpha::ActionBar": "alpha",
+  "Primer::Alpha::ActionBar::Divider": "alpha",
+  "Primer::Alpha::ActionBar::Item": "alpha",
   "Primer::Alpha::ActionList": "alpha",
   "Primer::Alpha::ActionList::Divider": "alpha",
   "Primer::Alpha::ActionList::FormWrapper": "alpha",
   "Primer::Alpha::ActionList::Heading": "alpha",
   "Primer::Alpha::ActionList::Item": "alpha",
   "Primer::Alpha::ActionMenu": "alpha",
+  "Primer::Alpha::ActionMenu::Group": "alpha",
+  "Primer::Alpha::ActionMenu::Heading": "alpha",
   "Primer::Alpha::ActionMenu::List": "alpha",
+  "Primer::Alpha::ActionMenu::ListWrapper": "alpha",
   "Primer::Alpha::AutoComplete": "deprecated",
   "Primer::Alpha::AutoComplete::Item": "deprecated",
   "Primer::Alpha::Banner": "alpha",
@@ -30,10 +36,11 @@
   "Primer::Alpha::Layout::Sidebar": "alpha",
   "Primer::Alpha::Menu": "alpha",
   "Primer::Alpha::MultiInput": "alpha",
-  "Primer::Alpha::NavList": "alpha",
-  "Primer::Alpha::NavList::Divider": "alpha",
-  "Primer::Alpha::NavList::Group": "alpha",
-  "Primer::Alpha::NavList::Item": "alpha",
+  "Primer::Alpha::NavList": "deprecated",
+  "Primer::Alpha::NavList::Divider": "deprecated",
+  "Primer::Alpha::NavList::Group": "deprecated",
+  "Primer::Alpha::NavList::Heading": "deprecated",
+  "Primer::Alpha::NavList::Item": "deprecated",
   "Primer::Alpha::Navigation::Tab": "alpha",
   "Primer::Alpha::OcticonSymbols": "alpha",
   "Primer::Alpha::Overlay": "alpha",
@@ -68,16 +75,24 @@
   "Primer::Beta::Breadcrumbs::Item": "alpha",
   "Primer::Beta::Button": "beta",
   "Primer::Beta::ButtonGroup": "beta",
+  "Primer::Beta::ButtonGroup::MenuButton": "alpha",
   "Primer::Beta::ClipboardCopy": "beta",
+  "Primer::Beta::ClipboardCopyBaseButton": "beta",
+  "Primer::Beta::ClipboardCopyButton": "beta",
   "Primer::Beta::CloseButton": "beta",
   "Primer::Beta::Counter": "beta",
   "Primer::Beta::Details": "beta",
-  "Primer::Beta::Flash": "beta",
+  "Primer::Beta::Flash": "deprecated",
   "Primer::Beta::Heading": "beta",
   "Primer::Beta::IconButton": "beta",
   "Primer::Beta::Label": "beta",
   "Primer::Beta::Link": "beta",
   "Primer::Beta::Markdown": "beta",
+  "Primer::Beta::NavList": "beta",
+  "Primer::Beta::NavList::Divider": "alpha",
+  "Primer::Beta::NavList::Group": "alpha",
+  "Primer::Beta::NavList::Heading": "alpha",
+  "Primer::Beta::NavList::Item": "alpha",
   "Primer::Beta::Octicon": "beta",
   "Primer::Beta::Popover": "beta",
   "Primer::Beta::ProgressBar": "beta",

data/_sass/jekyll-v4-theme-primer.scss

@@ -5,6 +5,8 @@
 @import "@primer/css/utilities/index.scss";
 @import "@primer/css/layout/index.scss";
 @import "@primer/css/markdown/index.scss";
+@import "@primer/css/buttons/index.scss";
+@import "@primer/css/tooltips/index.scss";
 [data-color-mode=light][data-light-theme*=light],
 [data-color-mode=dark][data-dark-theme*=light] {
   @import "rouge-light.scss";
@@ -26,4 +28,13 @@
 div.highlight {
   border-radius: 6px;
 }
+.markdown-body div.highlighter-rouge>div.highlight {
+  display: flex;
+  justify-content: space-between;
+}
+
+clipboard-copy {
+    height: 28px;
+    width: 28px;
+}
 

data/assets/js/github-clipboard-copy-element.js

@@ -0,0 +1,154 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// dist/clipboard.js
+function createNode(text) {
+  const node = document.createElement("pre");
+  node.style.width = "1px";
+  node.style.height = "1px";
+  node.style.position = "fixed";
+  node.style.top = "5px";
+  node.textContent = text;
+  return node;
+}
+__name(createNode, "createNode");
+function copyNode(node) {
+  if ("clipboard" in navigator) {
+    return navigator.clipboard.writeText(node.textContent || "");
+  }
+  const selection = getSelection();
+  if (selection == null) {
+    return Promise.reject(new Error());
+  }
+  selection.removeAllRanges();
+  const range = document.createRange();
+  range.selectNodeContents(node);
+  selection.addRange(range);
+  document.execCommand("copy");
+  selection.removeAllRanges();
+  return Promise.resolve();
+}
+__name(copyNode, "copyNode");
+function copyText(text) {
+  if ("clipboard" in navigator) {
+    return navigator.clipboard.writeText(text);
+  }
+  const body = document.body;
+  if (!body) {
+    return Promise.reject(new Error());
+  }
+  const node = createNode(text);
+  body.appendChild(node);
+  copyNode(node);
+  body.removeChild(node);
+  return Promise.resolve();
+}
+__name(copyText, "copyText");
+
+// dist/clipboard-copy-element.js
+async function copy(button) {
+  const id = button.getAttribute("for");
+  const text = button.getAttribute("value");
+  function trigger() {
+    button.dispatchEvent(new CustomEvent("clipboard-copy", { bubbles: true }));
+  }
+  __name(trigger, "trigger");
+  if (button.getAttribute("aria-disabled") === "true") {
+    return;
+  }
+  if (text) {
+    await copyText(text);
+    trigger();
+  } else if (id) {
+    const root2 = "getRootNode" in Element.prototype ? button.getRootNode() : button.ownerDocument;
+    if (!(root2 instanceof Document || "ShadowRoot" in window && root2 instanceof ShadowRoot))
+      return;
+    const node = root2.getElementById(id);
+    if (node) {
+      await copyTarget(node);
+      trigger();
+    }
+  }
+}
+__name(copy, "copy");
+function copyTarget(content) {
+  if (content instanceof HTMLInputElement || content instanceof HTMLTextAreaElement) {
+    return copyText(content.value);
+  } else if (content instanceof HTMLAnchorElement && content.hasAttribute("href")) {
+    return copyText(content.href);
+  } else {
+    return copyNode(content);
+  }
+}
+__name(copyTarget, "copyTarget");
+function clicked(event) {
+  const button = event.currentTarget;
+  if (button instanceof HTMLElement) {
+    copy(button);
+  }
+}
+__name(clicked, "clicked");
+function keydown(event) {
+  if (event.key === " " || event.key === "Enter") {
+    const button = event.currentTarget;
+    if (button instanceof HTMLElement) {
+      event.preventDefault();
+      copy(button);
+    }
+  }
+}
+__name(keydown, "keydown");
+function focused(event) {
+  ;
+  event.currentTarget.addEventListener("keydown", keydown);
+}
+__name(focused, "focused");
+function blurred(event) {
+  ;
+  event.currentTarget.removeEventListener("keydown", keydown);
+}
+__name(blurred, "blurred");
+var ClipboardCopyElement = class extends HTMLElement {
+  static define(tag = "clipboard-copy", registry = customElements) {
+    registry.define(tag, this);
+    return this;
+  }
+  constructor() {
+    super();
+    this.addEventListener("click", clicked);
+    this.addEventListener("focus", focused);
+    this.addEventListener("blur", blurred);
+  }
+  connectedCallback() {
+    if (!this.hasAttribute("tabindex")) {
+      this.setAttribute("tabindex", "0");
+    }
+    if (!this.hasAttribute("role")) {
+      this.setAttribute("role", "button");
+    }
+  }
+  get value() {
+    return this.getAttribute("value") || "";
+  }
+  set value(text) {
+    this.setAttribute("value", text);
+  }
+};
+__name(ClipboardCopyElement, "ClipboardCopyElement");
+
+// dist/clipboard-copy-element-define.js
+var root = typeof globalThis !== "undefined" ? globalThis : window;
+try {
+  root.ClipboardCopyElement = ClipboardCopyElement.define();
+} catch (e) {
+  if (!(root.DOMException && e instanceof DOMException && e.name === "NotSupportedError") && !(e instanceof ReferenceError)) {
+    throw e;
+  }
+}
+
+// dist/index.js
+var dist_default = ClipboardCopyElement;
+export {
+  ClipboardCopyElement,
+  dist_default as default
+};

data/assets/js/primer-clipboard-copy.js

@@ -0,0 +1,70 @@
+import './github-clipboard-copy-element.js';
+
+function makeCopyButtons() {
+    const clipboardTemplate = document.getElementById("clipboard_template");
+
+    const blocks = document.querySelectorAll('div.highlighter-rouge>div.highlight');
+    blocks.forEach((block) => {
+        //Create DOM node
+        const clipboardNode = clipboardTemplate.content.cloneNode(true);
+        // Put this block's content into the clipboard-copy element's value
+        clipboardNode.querySelector("clipboard-copy").setAttribute("value", block.textContent);
+        // Add it in to the end of the html code block
+        block.appendChild(clipboardNode);
+    });
+}
+
+makeCopyButtons()
+
+const CLIPBOARD_COPY_TIMER_DURATION = 2000;
+function showSVG(svg) {
+    svg.classList.remove('d-none');
+}
+function hideSVG(svg) {
+    svg.classList.add('d-none');
+}
+function activateTooltip(button) {
+    button.classList.add("tooltipped");
+    button.classList.add("tooltipped-w");
+    button.setAttribute("aria-label", "Copied!");
+}
+function deactivateTooltip(button) {
+    button.classList.remove("tooltipped");
+    button.classList.remove("tooltipped-w");
+    button.setAttribute("aria-label", "Copy");
+}
+// Toggle a copy button.
+function showCopy(button) {
+    const [copyIcon, checkIcon] = button.querySelectorAll('.octicon');
+    if (!copyIcon || !checkIcon)
+        return;
+    showSVG(copyIcon);
+    hideSVG(checkIcon);
+}
+// Toggle a copy button.
+function showCheck(button) {
+    const [copyIcon, checkIcon] = button.querySelectorAll('.octicon');
+    if (!copyIcon || !checkIcon)
+        return;
+    hideSVG(copyIcon);
+    showSVG(checkIcon);
+}
+const clipboardCopyElementTimers = new WeakMap();
+document.addEventListener('clipboard-copy', ({ target }) => {
+    if (!(target instanceof HTMLElement))
+        return;
+    const currentTimeout = clipboardCopyElementTimers.get(target);
+    if (currentTimeout) {
+        clearTimeout(currentTimeout);
+        clipboardCopyElementTimers.delete(target);
+    }
+    else {
+        showCheck(target);
+        activateTooltip(target);
+    }
+    clipboardCopyElementTimers.set(target, setTimeout(() => {
+        showCopy(target);
+        deactivateTooltip(target);
+        clipboardCopyElementTimers.delete(target);
+    }, CLIPBOARD_COPY_TIMER_DURATION));
+});

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-v4-theme-primer
 version: !ruby/object:Gem::Version
-  version: 0.12.0
+  version: 0.14.0
 platform: ruby
 authors:
 - GitHub, Inc.
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-05-05 00:00:00.000000000 Z
+date: 2024-03-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -73,6 +73,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-octicons
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '19.8'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '19.8'
 - !ruby/object:Gem::Dependency
   name: html-proofer
   requirement: !ruby/object:Gem::Requirement
@@ -281,6 +295,8 @@ files:
 - _sass/@primer/css/utilities/padding.scss
 - _sass/@primer/css/utilities/typography.scss
 - _sass/@primer/css/utilities/visibility-display.scss
+- _sass/@primer/primitives/dist/scss/base/size/size.scss
+- _sass/@primer/primitives/dist/scss/base/typography/typography.scss
 - _sass/@primer/primitives/dist/scss/colors/_dark.scss
 - _sass/@primer/primitives/dist/scss/colors/_dark_colorblind.scss
 - _sass/@primer/primitives/dist/scss/colors/_dark_dimmed.scss
@@ -290,10 +306,28 @@ files:
 - _sass/@primer/primitives/dist/scss/colors/_light_colorblind.scss
 - _sass/@primer/primitives/dist/scss/colors/_light_high_contrast.scss
 - _sass/@primer/primitives/dist/scss/colors/_light_tritanopia.scss
+- _sass/@primer/primitives/dist/scss/functional/motion/motion.scss
+- _sass/@primer/primitives/dist/scss/functional/size/border.scss
+- _sass/@primer/primitives/dist/scss/functional/size/breakpoints.scss
+- _sass/@primer/primitives/dist/scss/functional/size/size-coarse.scss
+- _sass/@primer/primitives/dist/scss/functional/size/size-fine.scss
+- _sass/@primer/primitives/dist/scss/functional/size/size.scss
+- _sass/@primer/primitives/dist/scss/functional/size/viewport.scss
+- _sass/@primer/primitives/dist/scss/functional/themes/dark-colorblind.scss
+- _sass/@primer/primitives/dist/scss/functional/themes/dark-dimmed.scss
+- _sass/@primer/primitives/dist/scss/functional/themes/dark-high-contrast.scss
+- _sass/@primer/primitives/dist/scss/functional/themes/dark-tritanopia.scss
+- _sass/@primer/primitives/dist/scss/functional/themes/dark.scss
+- _sass/@primer/primitives/dist/scss/functional/themes/light-colorblind.scss
+- _sass/@primer/primitives/dist/scss/functional/themes/light-high-contrast.scss
+- _sass/@primer/primitives/dist/scss/functional/themes/light-tritanopia.scss
+- _sass/@primer/primitives/dist/scss/functional/themes/light.scss
+- _sass/@primer/primitives/dist/scss/functional/typography/typography.scss
 - _sass/@primer/primitives/dist/scss/spacing/_normal.scss
 - _sass/@primer/primitives/dist/scss/typography/_normal.scss
 - _sass/@primer/primitives/tokens-next-private/scss/base/size/size.scss
 - _sass/@primer/primitives/tokens-next-private/scss/base/typography/typography.scss
+- _sass/@primer/primitives/tokens-next-private/scss/functional/motion/motion.scss
 - _sass/@primer/primitives/tokens-next-private/scss/functional/size/border.scss
 - _sass/@primer/primitives/tokens-next-private/scss/functional/size/breakpoints.scss
 - _sass/@primer/primitives/tokens-next-private/scss/functional/size/size-coarse.scss
@@ -321,10 +355,38 @@ files:
 - _sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/typography/typography.scss
 - _sass/@primer/view-components/LICENSE.txt
 - _sass/@primer/view-components/README.md
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/action_bar_element.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/action_menu/action_menu_element.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/dropdown.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/dropdown/menu.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/image_crop.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/modal_dialog.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/segmented_control.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/tab_container.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/toggle_switch.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/tool_tip.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/x_banner.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/anchored_position.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/auto_complete/auto_complete.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/clipboard_copy.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/nav_list.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/nav_list_group_element.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/relative_time.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/dialog_helper.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/focus_group.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/primer.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/app/components/primer/scrollable_region.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts
+- _sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/toggle_switch_input.d.ts
 - _sass/@primer/view-components/app/assets/javascripts/primer_view_components.js
 - _sass/@primer/view-components/app/assets/javascripts/primer_view_components.js.map
 - _sass/@primer/view-components/app/assets/styles/primer_view_components.css
 - _sass/@primer/view-components/app/assets/styles/primer_view_components.css.map
+- _sass/@primer/view-components/app/components/primer/alpha/action_bar.css
+- _sass/@primer/view-components/app/components/primer/alpha/action_bar.css.json
+- _sass/@primer/view-components/app/components/primer/alpha/action_bar_element.d.ts
+- _sass/@primer/view-components/app/components/primer/alpha/action_bar_element.js
 - _sass/@primer/view-components/app/components/primer/alpha/action_list.css
 - _sass/@primer/view-components/app/components/primer/alpha/action_list.css.json
 - _sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.d.ts
@@ -351,8 +413,6 @@ files:
 - _sass/@primer/view-components/app/components/primer/alpha/menu.css.json
 - _sass/@primer/view-components/app/components/primer/alpha/modal_dialog.d.ts
 - _sass/@primer/view-components/app/components/primer/alpha/modal_dialog.js
-- _sass/@primer/view-components/app/components/primer/alpha/nav_list.d.ts
-- _sass/@primer/view-components/app/components/primer/alpha/nav_list.js
 - _sass/@primer/view-components/app/components/primer/alpha/overlay.css
 - _sass/@primer/view-components/app/components/primer/alpha/overlay.css.json
 - _sass/@primer/view-components/app/components/primer/alpha/segmented_control.css
@@ -391,6 +451,8 @@ files:
 - _sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css.json
 - _sass/@primer/view-components/app/components/primer/beta/button.css
 - _sass/@primer/view-components/app/components/primer/beta/button.css.json
+- _sass/@primer/view-components/app/components/primer/beta/button_group.css
+- _sass/@primer/view-components/app/components/primer/beta/button_group.css.json
 - _sass/@primer/view-components/app/components/primer/beta/clipboard_copy.d.ts
 - _sass/@primer/view-components/app/components/primer/beta/clipboard_copy.js
 - _sass/@primer/view-components/app/components/primer/beta/counter.css
@@ -401,6 +463,10 @@ files:
 - _sass/@primer/view-components/app/components/primer/beta/label.css.json
 - _sass/@primer/view-components/app/components/primer/beta/link.css
 - _sass/@primer/view-components/app/components/primer/beta/link.css.json
+- _sass/@primer/view-components/app/components/primer/beta/nav_list.d.ts
+- _sass/@primer/view-components/app/components/primer/beta/nav_list.js
+- _sass/@primer/view-components/app/components/primer/beta/nav_list_group_element.d.ts
+- _sass/@primer/view-components/app/components/primer/beta/nav_list_group_element.js
 - _sass/@primer/view-components/app/components/primer/beta/popover.css
 - _sass/@primer/view-components/app/components/primer/beta/popover.css.json
 - _sass/@primer/view-components/app/components/primer/beta/progress_bar.css
@@ -415,10 +481,14 @@ files:
 - _sass/@primer/view-components/app/components/primer/beta/timeline_item.css.json
 - _sass/@primer/view-components/app/components/primer/beta/truncate.css
 - _sass/@primer/view-components/app/components/primer/beta/truncate.css.json
+- _sass/@primer/view-components/app/components/primer/dialog_helper.d.ts
+- _sass/@primer/view-components/app/components/primer/dialog_helper.js
 - _sass/@primer/view-components/app/components/primer/focus_group.d.ts
 - _sass/@primer/view-components/app/components/primer/focus_group.js
 - _sass/@primer/view-components/app/components/primer/primer.d.ts
 - _sass/@primer/view-components/app/components/primer/primer.js
+- _sass/@primer/view-components/app/components/primer/scrollable_region.d.ts
+- _sass/@primer/view-components/app/components/primer/scrollable_region.js
 - _sass/@primer/view-components/app/components/primer/truncate.css
 - _sass/@primer/view-components/app/components/primer/truncate.css.json
 - _sass/@primer/view-components/lib/primer/forms/primer_multi_input.d.ts
@@ -440,6 +510,8 @@ files:
 - _sass/rouge-dark.scss
 - _sass/rouge-light.scss
 - assets/css/style.scss
+- assets/js/github-clipboard-copy-element.js
+- assets/js/primer-clipboard-copy.js
 homepage: https://github.com/dunkmann00/primer
 licenses:
 - MIT
@@ -459,7 +531,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.10
+rubygems_version: 3.5.4
 signing_key:
 specification_version: 4
 summary: Primer is a Jekyll theme for GitHub Pages based on GitHub's Primer styles