jekyll-v4-theme-primer 0.11.0 → 0.13.0

data/_sass/@primer/css/actionlist/action-list-tree.scss

@@ -1,118 +0,0 @@
-// stylelint-disable max-nesting-depth, selector-max-compound-selectors, selector-max-specificity, selector-max-type, primer/spacing
-// tree-view variant
-// renders ActionList with default styling for tree-view
-// collapse/expand icons presents as leadingActions, rotate 90deg
-// connecting vertical lines between collapse groups
-// consistent font-size between nested groups
-
-@mixin treeConnectingLine($left) {
-  position: absolute;
-  left: $left;
-  width: 1px;
-  height: 100%;
-  content: '';
-  background: var(--color-action-list-item-inline-divider);
-}
-
-.ActionList--tree {
-  --ActionList-tree-depth: 1;
-  // TODO: remove with PVC implementation
-  .ActionList-item--subItem > .ActionList-content {
-    font-size: $body-font-size;
-  }
-
-  .ActionList-item {
-    // class for single tree items not within a group
-    &.ActionList-item--singleton {
-      .ActionList-content {
-        padding-left: $spacer-5;
-      }
-    }
-
-    // normal font-weight for any active item
-    &.ActionList-item--navActive {
-      &:not(.ActionList-item--subItem) {
-        .ActionList-item-label {
-          font-weight: $font-weight-normal;
-        }
-      }
-    }
-  }
-
-  .ActionList-content {
-    // nesting (infinite levels)
-    // target items inside expanded subgroup
-    &[aria-expanded] {
-      + .ActionList--subGroup {
-        position: relative;
-
-        // --ActionList-tree-depth is defined as an inline style referencing the aria-level of each item ie: aria-level="2"
-        .ActionList-content {
-          padding-left: calc(#{$spacer-2} * var(--ActionList-tree-depth));
-        }
-      }
-    }
-
-    // tree-view specific collapse icon positioning/animation
-    &[aria-expanded='true'] {
-      .ActionList-item-collapseIcon {
-        transition: transform 120ms linear;
-        transform: rotate(0deg);
-      }
-
-      // normal weight for parent folder containing active child
-      &.ActionList-content--hasActiveSubItem {
-        > .ActionList-item-label {
-          font-weight: $font-weight-normal;
-        }
-      }
-    }
-
-    &[aria-expanded='false'] {
-      .ActionList-item-collapseIcon {
-        transition: transform 120ms linear;
-        transform: rotate(-90deg);
-      }
-
-      &.ActionList-content--hasActiveSubItem {
-        > .ActionList-item-label {
-          font-weight: $font-weight-normal;
-        }
-      }
-    }
-  }
-
-  // expand/collapse group
-  .ActionList-item--hasSubItem {
-    .ActionList-item--subItem:not(.ActionList-item--hasSubItem) {
-      .ActionList-content {
-        // increase child padding by targeting content first child span (add to ActionList-content padding, not replace)
-        // creates a slight indent of child items
-        > span:first-child {
-          padding-left: $spacer-4;
-        }
-      }
-    }
-  }
-
-  // first subitem
-  > [aria-level='1'].ActionList-item--hasSubItem {
-    > .ActionList--subGroup {
-      &::before {
-        @include treeConnectingLine($left: $spacer-3);
-      }
-    }
-  }
-
-  // all other subitems
-  // center connecting line with parent (line is 1px (8px - 1px)
-  .ActionList-item--hasSubItem:not([aria-level='1']) {
-    > .ActionList--subGroup {
-      &::before {
-        @include treeConnectingLine(
-          $left: calc(#{$spacer-2} * (var(--ActionList-tree-depth)) + #{$spacer-2 - $border-width})
-        );
-      }
-    }
-  }
-}

data/_sass/@primer/css/actionlist/action-list-variables.scss

@@ -1,8 +0,0 @@
-$actionList-item-height-sm: $spacer-2 * 2.5 !default;
-$actionList-item-label-line-height: $spacer-2 * 2.5 !default;
-$actionList-item-padding-vertical-md: $spacer-2 * 1.25 !default;
-$actionList-item-padding-vertical-lg: $spacer-2 * 1.75 !default;
-$actionList-item-padding-vertical: $spacer-1 * 1.5 !default;
-$actionList-item-padding-horizontal: $spacer-2 !default;
-$actionList-item-bg-transition: background 33.333ms linear !default; // 2 frames on a 60hz monitor
-$actionList-item-checkmark-transition-timing: 50ms !default;

data/_sass/@primer/css/actionlist/action-list.scss

@@ -1,67 +0,0 @@
-// <ul>
-.ActionList {
-  padding: $spacer-2;
-}
-
-// full bleed
-.ActionList--full {
-  padding: 0;
-}
-
-// nested list within main ActionList
-.ActionList--subGroup {
-  padding: 0;
-}
-
-// dividers
-
-.ActionList--divided {
-  .ActionList-item-label::before {
-    position: absolute;
-    top: -$actionList-item-padding-vertical;
-    display: block;
-    width: 100%;
-    height: 1px;
-    content: '';
-    background: var(--color-action-list-item-inline-divider);
-  }
-
-  // if descriptionWrap--inline exists, move pseudo divider to wrapper
-  .ActionList-item-descriptionWrap--inline {
-    &::before {
-      position: absolute;
-      top: -$actionList-item-padding-vertical;
-      display: block;
-      width: 100%;
-      height: $border-width;
-      content: '';
-      background: var(--color-action-list-item-inline-divider);
-    }
-
-    // unset the default label pseudo
-    .ActionList-item-label::before {
-      content: unset;
-    }
-  }
-
-  // hide divider if item is active
-  .ActionList-item--navActive {
-    // stylelint-disable-next-line selector-max-specificity, selector-max-compound-selectors
-    .ActionList-item-label::before,
-    + .ActionList-item .ActionList-item-label::before {
-      visibility: hidden;
-    }
-  }
-}
-
-// hide if item is first of type with label::before, or is the first item after a sectionDivider
-.ActionList-item:first-of-type .ActionList-item-label::before,
-.ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before {
-  visibility: hidden;
-}
-
-// hide if item is first of type with label::before, or is the first item after a sectionDivider
-.ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,
-.ActionList-sectionDivider + .ActionList-item .ActionList-item-descriptionWrap--inline::before {
-  visibility: hidden;
-}

data/_sass/@primer/css/actionlist/index.scss

@@ -1,6 +0,0 @@
-@import '../support/index.scss';
-@import './action-list-variables.scss';
-@import './action-list.scss';
-@import './action-list-tree.scss';
-@import './action-list-item.scss';
-@import './action-list-item-divider.scss';

data/_sass/@primer/css/forms/form-validation.scss

@@ -1,265 +0,0 @@
-// stylelint-disable selector-no-qualifying-type, selector-max-type
-
-// Inline verification
-
-.inline-form {
-  display: inline-block;
-
-  .btn-plain {
-    background-color: transparent;
-    border: 0;
-  }
-}
-
-// Drag and drop
-//
-// Previously part of `_forms.scss` in Primer. Needs accounting for.
-
-.drag-and-drop {
-  // stylelint-disable-next-line primer/spacing
-  padding: 7px 10px;
-  margin: 0;
-  // stylelint-disable-next-line primer/typography
-  font-size: 13px;
-  // stylelint-disable-next-line primer/typography
-  line-height: 16px;
-  color: var(--color-fg-muted);
-  background-color: var(--color-canvas-subtle);
-  border: $border-width $border-style var(--color-border-default);
-  border-top: 0;
-  border-bottom-right-radius: $border-radius;
-  border-bottom-left-radius: $border-radius;
-
-  .default,
-  .loading,
-  .error {
-    display: none;
-  }
-
-  .error {
-    color: var(--color-danger-fg);
-  }
-
-  // Spinner
-  img {
-    vertical-align: top;
-  }
-}
-
-.is-default .drag-and-drop .default {
-  display: inline-block;
-}
-
-.is-uploading .drag-and-drop .loading {
-  display: inline-block;
-}
-
-.is-bad-file .drag-and-drop .bad-file {
-  display: inline-block;
-}
-
-.is-duplicate-filename .drag-and-drop .duplicate-filename {
-  display: inline-block;
-}
-
-.is-too-big .drag-and-drop .too-big {
-  display: inline-block;
-}
-
-.is-hidden-file .drag-and-drop .hidden-file {
-  display: inline-block;
-}
-
-.is-empty .drag-and-drop .empty {
-  display: inline-block;
-}
-
-.is-bad-permissions .drag-and-drop .bad-permissions {
-  display: inline-block;
-}
-
-.is-repository-required .drag-and-drop .repository-required {
-  display: inline-block;
-}
-
-.drag-and-drop-error-info {
-  font-weight: $font-weight-normal;
-  color: var(--color-fg-muted);
-
-  a {
-    color: var(--color-accent-fg);
-  }
-}
-
-.is-failed .drag-and-drop .failed-request {
-  display: inline-block;
-}
-
-.manual-file-chooser {
-  position: absolute;
-  width: 240px;
-  // stylelint-disable-next-line primer/spacing
-  padding: 5px;
-  // stylelint-disable-next-line primer/spacing
-  margin-left: -80px;
-  cursor: pointer;
-  opacity: 0.0001;
-}
-
-.manual-file-chooser:hover + .manual-file-chooser-text {
-  text-decoration: underline;
-}
-
-.btn {
-  // align manual-file-chooser inside a button
-  .manual-file-chooser {
-    top: 0;
-    padding: 0;
-    // stylelint-disable-next-line primer/typography
-    line-height: 34px;
-  }
-}
-
-// Focused Textarea styles
-.upload-enabled {
-  textarea {
-    display: block;
-    // stylelint-disable-next-line primer/borders
-    border-bottom: $border-width dashed var(--color-border-default);
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  &.focused {
-    border-color: var(--color-accent-fg);
-    border-radius: $border-radius;
-    outline: none;
-    // stylelint-disable-next-line primer/box-shadow
-    box-shadow: 0 0 0 2px var(--color-accent-fg);
-
-    .form-control {
-      border-color: transparent;
-      border-bottom-color: var(--color-accent-fg);
-      box-shadow: none;
-    }
-
-    .drag-and-drop {
-      border-color: transparent;
-    }
-  }
-}
-
-// Dropping a file on top
-.dragover textarea,
-.dragover .drag-and-drop {
-  // stylelint-disable-next-line primer/box-shadow
-  box-shadow: rgba(#c9ff00, 1) 0 0 3px;
-}
-
-.write-content {
-  position: relative;
-}
-
-// Form style with a write and a preview tab
-.previewable-comment-form {
-  position: relative;
-
-  .tabnav {
-    position: relative;
-    padding: $spacer-2 $spacer-2 0;
-  }
-
-  .comment {
-    border: $border-width $border-style var(--color-border-default);
-  }
-
-  .comment-form-error {
-    margin-bottom: $spacer-2;
-  }
-
-  .write-content,
-  .preview-content {
-    display: none;
-    margin: 0 $spacer-2 $spacer-2;
-  }
-
-  &.write-selected .write-content,
-  &.preview-selected .preview-content {
-    display: block;
-  }
-
-  textarea {
-    display: block;
-    width: 100%;
-    min-height: 100px;
-    max-height: 500px;
-    padding: $spacer-2;
-    resize: vertical;
-  }
-}
-
-// Used in our boxed-group-less form styles. Give the submit button enough space
-// to breathe without the need for the extra hr.
-.form-action-spacious {
-  // stylelint-disable-next-line primer/spacing
-  margin-top: 10px;
-}
-
-// A two column form, with a .main and a .sidebar column
-//
-// Override some `.timeline-comment-wrapper` defaults.
-// The `div` is needed to be more specific than the other class.
-div.composer {
-  margin-top: 0;
-  border: 0;
-}
-
-// Override the previewable comment form defaults
-.composer .comment-form-textarea {
-  height: 200px;
-  min-height: 200px;
-}
-
-.composer .tabnav {
-  // stylelint-disable-next-line primer/spacing
-  margin: 0 0 10px;
-}
-
-// Misc CSS
-//
-// Previously part of `_forms.scss` in Primer. Needs accounting for.
-
-h2.account {
-  // stylelint-disable-next-line primer/spacing
-  margin: 15px 0 0;
-  // stylelint-disable-next-line primer/typography
-  font-size: 18px;
-  font-weight: $font-weight-normal;
-  color: var(--color-fg-muted);
-}
-
-p.explain {
-  position: relative;
-  font-size: $font-size-small;
-  color: var(--color-fg-muted);
-
-  strong {
-    color: var(--color-fg-default);
-  }
-
-  .octicon {
-    // stylelint-disable-next-line primer/spacing
-    margin-right: 5px;
-    color: var(--color-fg-muted);
-  }
-
-  .minibutton {
-    top: -4px;
-    float: right;
-  }
-}
-
-// fix for chrome bug, see https://github.com/github/github/issues/53931
-.form-group label {
-  position: static;
-}

data/_sass/@primer/css/labels/diffstat.scss

@@ -1,37 +0,0 @@
-// diffstat
-//
-// Green/red blocks showing additions and deletions
-
-.diffstat {
-  font-size: $h6-size;
-  font-weight: $font-weight-bold;
-  color: var(--color-fg-muted);
-  white-space: nowrap;
-  cursor: default;
-}
-
-.diffstat-block-deleted,
-.diffstat-block-added,
-.diffstat-block-neutral {
-  display: inline-block;
-  width: $spacer-2;
-  height: $spacer-2;
-  // stylelint-disable-next-line primer/spacing
-  margin-left: 1px;
-  outline-offset: -1px; // Support Firefox custom colors
-}
-
-.diffstat-block-deleted {
-  background-color: var(--color-danger-emphasis);
-  outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors
-}
-
-.diffstat-block-added {
-  background-color: var(--color-diffstat-addition-bg);
-  outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors
-}
-
-.diffstat-block-neutral {
-  background-color: var(--color-neutral-muted);
-  outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors
-}

data/_sass/@primer/view-components/app/components/primer/time_ago_component.js

@@ -1 +0,0 @@
-import '@github/relative-time-element';