jekyll-v4-theme-primer 0.13.0 → 0.15.0

data/_sass/@primer/primitives/dist/css/functional/typography/typography.scss

@@ -0,0 +1,47 @@
+:root {
+  --text-codeInline-size: 0.9285em;
+  --text-codeBlock-lineHeight: 1.5385;
+  --text-codeBlock-size: 0.8125rem;
+  --text-caption-lineHeight: 1.3333;
+  --text-caption-size: 0.75rem;
+  --text-body-lineHeight-small: 1.6666;
+  --text-body-lineHeight-medium: 1.4285;
+  --text-body-lineHeight-large: 1.5;
+  --text-body-size-small: 0.75rem;
+  --text-body-size-medium: 0.875rem;
+  --text-body-size-large: 1rem;
+  --text-subtitle-lineHeight: 1.6;
+  --text-subtitle-size: 1.25rem;
+  --text-title-lineHeight-small: 1.5;
+  --text-title-lineHeight-medium: 1.6;
+  --text-title-lineHeight-large: 1.5;
+  --text-title-size-small: 1rem;
+  --text-title-size-medium: 1.25rem;
+  --text-title-size-large: 2rem;
+  --text-display-lineHeight: 1.4;
+  --text-display-size: 2.5rem;
+  --text-display-lineBoxHeight: 3.5rem;
+  --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+  --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --text-codeInline-weight: 400;
+  --text-codeBlock-weight: 400;
+  --text-caption-weight: 400;
+  --text-body-weight: 400;
+  --text-subtitle-weight: 400;
+  --text-title-weight-small: 600;
+  --text-title-weight-medium: 600;
+  --text-title-weight-large: 600;
+  --text-display-weight: 500;
+  --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace);
+  --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size)/var(--text-codeBlock-lineHeight) var(--fontStack-monospace);
+  --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-lineHeight) var(--fontStack-sansSerif);
+  --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small)/var(--text-body-lineHeight-small) var(--fontStack-sansSerif);
+  --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium)/var(--text-body-lineHeight-medium) var(--fontStack-sansSerif);
+  --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large)/var(--text-body-lineHeight-large) var(--fontStack-sansSerif);
+  --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size)/var(--text-subtitle-lineHeight) var(--fontStack-sansSerif);
+  --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small)/var(--text-title-lineHeight-small) var(--fontStack-sansSerif);
+  --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium)/var(--text-title-lineHeight-medium) var(--fontStack-sansSerif);
+  --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large)/var(--text-title-lineHeight-large) var(--fontStack-sansSerif);
+  --text-display-shorthand: var(--text-display-weight) var(--text-display-size)/var(--text-display-lineHeight) var(--fontStack-sansSerif);
+}

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

@@ -1,4 +1,14 @@
 
+@import "@primer/primitives/dist/css/base/size/size.scss";
+@import "@primer/primitives/dist/css/base/typography/typography.scss";
+@import "@primer/primitives/dist/css/functional/size/border.scss";
+@import "@primer/primitives/dist/css/functional/size/breakpoints.scss";
+@import "@primer/primitives/dist/css/functional/size/size-coarse.scss";
+@import "@primer/primitives/dist/css/functional/size/size-fine.scss";
+@import "@primer/primitives/dist/css/functional/size/size.scss";
+@import "@primer/primitives/dist/css/functional/size/viewport.scss";
+@import "@primer/primitives/dist/css/functional/typography/typography.scss";
+
 @import "@primer/css/color-modes/index.scss";
 @import "@primer/css/support/index.scss";
 @import "@primer/css/base/index.scss";

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

@@ -1,52 +1,16 @@
 import './github-clipboard-copy-element.js';
-http://localhost:4000/assets/js/github_clipboard_copy_element
-String.prototype.format = function () {
-  var args = arguments;
-  return this.replace(/{([0-9]+)}/g, function (match, index) {
-    return typeof args[index] == 'undefined' ? match : args[index];
-  });
-};
-
-function fromHTML(html, trim = true) {
-  // Process the HTML string.
-  html = trim ? html.trim() : html;
-  if (!html) return null;
-
-  // Then set up a new template element.
-  const template = document.createElement('template');
-  template.innerHTML = html;
-  const result = template.content.children;
-
-  // Then return either an HTMLElement or HTMLCollection,
-  // based on whether the input HTML had one or more roots.
-  if (result.length === 1) return result[0];
-  return result;
-}
 
 function makeCopyButtons() {
-    const clipboard = `
-    <div>
-      <clipboard-copy aria-label="Copy" class="btn btn-invisible m-2 p-0 tooltipped-no-delay d-flex flex-justify-center flex-items-center" value="{0}" tabindex="0" role="button">
-        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy">
-          <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
-        </svg>
-        <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check color-fg-success d-none">
-          <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path>
-        </svg>
-      </clipboard-copy>
-    </div>
-    `
+    const clipboardTemplate = document.getElementById("clipboard_template");
 
     const blocks = document.querySelectorAll('div.highlighter-rouge>div.highlight');
     blocks.forEach((block) => {
-        // Fix quotes
-        const sanitized = block.textContent.replaceAll('"', '&quot;')
-        // Put this blocks content into the clipboard string
-        const block_clipboard = clipboard.format(sanitized);
-        // Make an html element from the block clipboard string
-        const block_clipboard_node = fromHTML(block_clipboard);
+        //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(block_clipboard_node);
+        block.appendChild(clipboardNode);
     });
 }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-v4-theme-primer
 version: !ruby/object:Gem::Version
-  version: 0.13.0
+  version: 0.15.0
 platform: ruby
 authors:
 - GitHub, Inc.
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-03-22 00:00:00.000000000 Z
+date: 2024-03-23 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,25 @@ files:
 - _sass/@primer/css/utilities/padding.scss
 - _sass/@primer/css/utilities/typography.scss
 - _sass/@primer/css/utilities/visibility-display.scss
+- _sass/@primer/primitives/dist/css/base/size/size.scss
+- _sass/@primer/primitives/dist/css/base/typography/typography.scss
+- _sass/@primer/primitives/dist/css/functional/motion/motion.scss
+- _sass/@primer/primitives/dist/css/functional/size/border.scss
+- _sass/@primer/primitives/dist/css/functional/size/breakpoints.scss
+- _sass/@primer/primitives/dist/css/functional/size/size-coarse.scss
+- _sass/@primer/primitives/dist/css/functional/size/size-fine.scss
+- _sass/@primer/primitives/dist/css/functional/size/size.scss
+- _sass/@primer/primitives/dist/css/functional/size/viewport.scss
+- _sass/@primer/primitives/dist/css/functional/themes/dark-colorblind.scss
+- _sass/@primer/primitives/dist/css/functional/themes/dark-dimmed.scss
+- _sass/@primer/primitives/dist/css/functional/themes/dark-high-contrast.scss
+- _sass/@primer/primitives/dist/css/functional/themes/dark-tritanopia.scss
+- _sass/@primer/primitives/dist/css/functional/themes/dark.scss
+- _sass/@primer/primitives/dist/css/functional/themes/light-colorblind.scss
+- _sass/@primer/primitives/dist/css/functional/themes/light-high-contrast.scss
+- _sass/@primer/primitives/dist/css/functional/themes/light-tritanopia.scss
+- _sass/@primer/primitives/dist/css/functional/themes/light.scss
+- _sass/@primer/primitives/dist/css/functional/typography/typography.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