@papillonbits/components 0.3.0 → 0.6.0

package/build/primer/Pagination/PreviousNext/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PreviousNext", {
+  enumerable: true,
+  get: function get() {
+    return _PreviousNext.PreviousNext;
+  }
+});
+Object.defineProperty(exports, "previousNextState", {
+  enumerable: true,
+  get: function get() {
+    return _PreviousNext2.previousNextState;
+  }
+});
+
+var _PreviousNext = require("./PreviousNext");
+
+var _PreviousNext2 = require("./PreviousNext.prop");

package/build/primer/Pagination/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pagination = void 0;
+
+var _PreviousNext = require("./PreviousNext");
+
+var Pagination = {
+  PreviousNext: _PreviousNext.PreviousNext,
+  previousNextState: _PreviousNext.previousNextState
+};
+exports.Pagination = Pagination;

package/build/primer/Popover/Popover.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Popover = Popover;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _boxShadow = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/box-shadow.scss"));
+
+var _layout = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/layout.scss"));
+
+var _margin = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/margin.scss"));
+
+var _padding = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/padding.scss"));
+
+var _typography = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/typography.scss"));
+
+var _box = _interopRequireDefault(require("../Box/box.scss"));
+
+var _Popover = require("./Popover.prop");
+
+var _Popover2 = _interopRequireDefault(require("./Popover.scss"));
+
+var _Button = require("../Button");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function Popover(_ref) {
+  var _cx, _ref2, _cx2;
+
+  var className = _ref.className,
+      variant = _ref.variant,
+      size = _ref.size,
+      intro = _ref.intro,
+      heading = _ref.heading,
+      message = _ref.message,
+      acknowledge = _ref.acknowledge,
+      introOnClick = _ref.introOnClick,
+      acknowledgeOnClick = _ref.acknowledgeOnClick;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["default"])(className, _layout["default"]['position-relative'], (_cx = {}, (0, _defineProperty2["default"])(_cx, _typography["default"]['text-center'], variant === _Popover.popoverVariant["default"] || variant === _Popover.popoverVariant.bottom), (0, _defineProperty2["default"])(_cx, (0, _classnames["default"])(_typography["default"]['text-right'], _padding["default"]['pr-2']), variant === _Popover.popoverVariant.bottomRight), _cx)),
+    children: [variant === _Popover.popoverVariant["default"] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      variant: _Button.buttonVariant.primary,
+      text: intro,
+      onClick: introOnClick
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: ((0, _classnames["default"])(_Popover2["default"].Popover, _layout["default"]['position-relative']), (_ref2 = {}, (0, _defineProperty2["default"])(_ref2, (0, _classnames["default"])(_layout["default"]['right-0'], _layout["default"]['left-0']), variant === _Popover.popoverVariant["default"]), (0, _defineProperty2["default"])(_ref2, _padding["default"]['pl-2'], variant === _Popover.popoverVariant.bottomLeft), _ref2)),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames["default"])(_Popover2["default"]['Popover-message'], _typography["default"]['text-left'], _padding["default"]['p-4'], _box["default"].Box, _boxShadow["default"]['box-shadow-large'], (_cx2 = {}, (0, _defineProperty2["default"])(_cx2, (0, _classnames["default"])(_margin["default"]['mx-auto'], _margin["default"]['mt-2']), variant === _Popover.popoverVariant["default"]), (0, _defineProperty2["default"])(_cx2, (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom'], _margin["default"]['mx-auto'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottom), (0, _defineProperty2["default"])(_cx2, (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom-right'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottomRight), (0, _defineProperty2["default"])(_cx2, (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom-left'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottomLeft), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--left'], variant === _Popover.popoverVariant.left), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--left-bottom'], variant === _Popover.popoverVariant.leftBottom), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--left-top'], variant === _Popover.popoverVariant.leftTop), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--right'], variant === _Popover.popoverVariant.right), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--right-bottom'], variant === _Popover.popoverVariant.rightBottom), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--right-top'], variant === _Popover.popoverVariant.rightTop), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--top-left'], variant === _Popover.popoverVariant.topLeft), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--top-right'], variant === _Popover.popoverVariant.topRight), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--large'], size === _Popover.popoverSize.large), _cx2)),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
+          className: _margin["default"]['mb-2'],
+          children: heading
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: message
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+          className: (0, _classnames["default"])(_margin["default"]['mt-2'], _typography["default"]['text-bold']),
+          text: acknowledge,
+          variant: _Button.buttonVariant.outline,
+          onClick: acknowledgeOnClick
+        })]
+      })
+    }), (variant === _Popover.popoverVariant.bottom || variant === _Popover.popoverVariant.bottomRight || variant === _Popover.popoverVariant.bottomLeft) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      variant: _Button.buttonVariant.primary,
+      text: intro,
+      onClick: introOnClick
+    })]
+  });
+}
+
+Popover.propTypes = _Popover.propTypes;
+Popover.defaultProps = _Popover.defaultProps;

package/build/primer/Popover/Popover.prop.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = exports.popoverVariant = exports.popoverSize = exports.defaultProps = void 0;
+
+var _propTypes = require("prop-types");
+
+var popoverVariant = {
+  "default": 'default',
+  bottom: 'bottom',
+  bottomRight: 'bottomRight',
+  bottomLeft: 'bottomLeft',
+  left: 'left',
+  leftBottom: 'leftBottom',
+  leftTop: 'leftTop',
+  right: 'right',
+  rightBottom: 'rightBottom',
+  rightTop: 'rightTop',
+  topLeft: 'topLeft',
+  topRight: 'topRight'
+};
+exports.popoverVariant = popoverVariant;
+var popoverSize = {
+  normal: 'normal',
+  large: 'large'
+};
+exports.popoverSize = popoverSize;
+var propTypes = {
+  className: _propTypes.string,
+  variant: (0, _propTypes.oneOf)(Object.keys(popoverVariant)),
+  size: (0, _propTypes.oneOf)(Object.keys(popoverSize)),
+  intro: _propTypes.string.isRequired,
+  heading: _propTypes.string.isRequired,
+  message: _propTypes.string.isRequired,
+  acknowledge: _propTypes.string.isRequired,
+  introOnClick: _propTypes.func.isRequired,
+  acknowledgeOnClick: _propTypes.func.isRequired
+};
+exports.propTypes = propTypes;
+var defaultProps = {
+  className: null,
+  variant: popoverVariant["default"],
+  size: popoverSize.normal
+};
+exports.defaultProps = defaultProps;

package/build/primer/Popover/Popover.scss

@@ -0,0 +1,230 @@
+@import '../../index.scss';
+
+// stylelint-disable function-no-unknown
+
+.Popover {
+  position: absolute;
+  z-index: 100;
+}
+
+.Popover-message {
+  position: relative;
+  width: 232px;
+  margin-right: auto;
+  margin-left: auto;
+  background-color: var(--color-canvas-overlay);
+  border: $border-width $border-style var(--color-border-default);
+  border-radius: $border-radius;
+
+  // Carets
+  &::before,
+  &::after {
+    position: absolute;
+    left: 50%;
+    display: inline-block;
+    content: '';
+  }
+
+  &::before {
+    top: -$spacer-3;
+    // stylelint-disable-next-line primer/spacing
+    margin-left: -9px;
+    // stylelint-disable-next-line primer/borders
+    border: $spacer-2 $border-style transparent;
+    border-bottom-color: var(--color-border-default);
+  }
+
+  &::after {
+    top: -14px;
+    margin-left: -$spacer-2;
+    // stylelint-disable-next-line primer/borders
+    border: 7px $border-style transparent;
+    border-bottom-color: var(--color-canvas-overlay);
+  }
+}
+
+// No caret
+.Popover-message--no-caret {
+  &::before,
+  &::after {
+    display: none;
+  }
+}
+
+// Bottom-oriented carets
+.Popover-message--bottom,
+.Popover-message--bottom-right,
+.Popover-message--bottom-left {
+  &::before,
+  &::after {
+    top: auto;
+    border-bottom-color: transparent;
+  }
+
+  &::before {
+    bottom: -$spacer-3;
+    border-top-color: var(--color-border-default);
+  }
+
+  &::after {
+    bottom: -14px;
+    border-top-color: var(--color-canvas-overlay);
+  }
+}
+
+// Top & Bottom: Right-oriented carets
+.Popover-message--top-right,
+.Popover-message--bottom-right {
+  right: -9px;
+  margin-right: 0;
+
+  &::before,
+  &::after {
+    left: auto;
+    margin-left: 0;
+  }
+
+  &::before {
+    right: 20px;
+  }
+
+  &::after {
+    right: 21px;
+  }
+}
+
+// Top & Bottom: Left-oriented carets
+.Popover-message--top-left,
+.Popover-message--bottom-left {
+  left: -9px;
+  margin-left: 0;
+
+  &::before,
+  &::after {
+    left: $spacer-4;
+    margin-left: 0;
+  }
+
+  &::after {
+    left: $spacer-4 + 1;
+  }
+}
+
+// Right- & Left-oriented carets
+.Popover-message--right,
+.Popover-message--right-top,
+.Popover-message--right-bottom,
+.Popover-message--left,
+.Popover-message--left-top,
+.Popover-message--left-bottom {
+  &::before,
+  &::after {
+    top: 50%;
+    left: auto;
+    margin-left: 0;
+    border-bottom-color: transparent;
+  }
+
+  &::before {
+    margin-top: -($spacer-2 + 1);
+  }
+
+  &::after {
+    margin-top: -$spacer-2;
+  }
+}
+
+// Right-oriented carets
+.Popover-message--right,
+.Popover-message--right-top,
+.Popover-message--right-bottom {
+  &::before {
+    right: -$spacer-3;
+    border-left-color: var(--color-border-default);
+  }
+
+  &::after {
+    right: -14px;
+    border-left-color: var(--color-canvas-overlay);
+  }
+}
+
+// Left-oriented carets
+.Popover-message--left,
+.Popover-message--left-top,
+.Popover-message--left-bottom {
+  &::before {
+    left: -$spacer-3;
+    border-right-color: var(--color-border-default);
+  }
+
+  &::after {
+    left: -14px;
+    border-right-color: var(--color-canvas-overlay);
+  }
+}
+
+// Right & Left: Top-oriented carets
+.Popover-message--right-top,
+.Popover-message--left-top {
+  &::before,
+  &::after {
+    top: $spacer-4;
+  }
+}
+
+// Right & Left: Bottom-oriented carets
+.Popover-message--right-bottom,
+.Popover-message--left-bottom {
+  &::before,
+  &::after {
+    top: auto;
+  }
+
+  &::before {
+    bottom: $spacer-3;
+  }
+
+  &::after {
+    bottom: $spacer-3 + 1;
+  }
+}
+
+.Popover-message--large {
+  @include breakpoint(sm) {
+    min-width: 320px;
+  }
+}
+
+// Responsive Popover
+// For < md it will show full-width anchored to the bottom
+
+@media (max-width: ($width-md - 0.02px)) {
+  .Popover {
+    position: fixed;
+    top: auto !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    left: 0 !important;
+  }
+
+  .Popover-message {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
+    width: auto !important;
+    margin: $spacer-2;
+  }
+
+  // Increase tap area for touch input
+  .Popover-message > .btn-octicon {
+    padding: $spacer-2 + $spacer-1 !important;
+  }
+
+  // Remove caret
+  .Popover-message::after,
+  .Popover-message::before {
+    display: none;
+  }
+}

package/build/primer/Popover/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function get() {
+    return _Popover.Popover;
+  }
+});
+Object.defineProperty(exports, "popoverSize", {
+  enumerable: true,
+  get: function get() {
+    return _Popover2.popoverSize;
+  }
+});
+Object.defineProperty(exports, "popoverVariant", {
+  enumerable: true,
+  get: function get() {
+    return _Popover2.popoverVariant;
+  }
+});
+
+var _Popover = require("./Popover");
+
+var _Popover2 = require("./Popover.prop");

package/build/primer/Progress/Progress.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Progress = Progress;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _colors = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/colors.scss"));
+
+var _Progress = require("./Progress.prop");
+
+var _Progress2 = _interopRequireDefault(require("./Progress.scss"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function Progress(_ref) {
+  var _cx;
+
+  var className = _ref.className,
+      variant = _ref.variant,
+      percentage = _ref.percentage;
+  var percentageStyle = {
+    width: "".concat(percentage, "%")
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: (0, _classnames["default"])(className, _Progress2["default"].Progress, (_cx = {}, (0, _defineProperty2["default"])(_cx, _Progress2["default"]['Progress--large'], variant === _Progress.progressVariant.large), (0, _defineProperty2["default"])(_cx, _Progress2["default"]['Progress--small'], variant === _Progress.progressVariant.small === true), _cx)),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classnames["default"])(_Progress2["default"]['Progress-item'], _colors["default"]['bg-green']),
+      style: percentageStyle
+    })
+  });
+}
+
+Progress.propTypes = _Progress.propTypes;
+Progress.defaultProps = _Progress.defaultProps;

package/build/primer/Progress/Progress.prop.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = exports.progressVariant = exports.defaultProps = void 0;
+
+var _propTypes = require("prop-types");
+
+var progressVariant = {
+  small: 'small',
+  normal: 'normal',
+  large: 'large'
+};
+exports.progressVariant = progressVariant;
+var propTypes = {
+  className: _propTypes.string,
+  variant: (0, _propTypes.oneOf)(Object.keys(progressVariant)),
+  percentage: _propTypes.number.isRequired
+};
+exports.propTypes = propTypes;
+var defaultProps = {
+  className: null,
+  variant: progressVariant.normal
+};
+exports.defaultProps = defaultProps;

package/build/primer/Progress/Progress.scss

@@ -0,0 +1,29 @@
+@import '../../index.scss';
+
+// Progress
+
+.Progress {
+  display: flex;
+  height: 8px;
+  overflow: hidden;
+  background-color: var(--color-neutral-muted);
+  border-radius: $border-radius;
+  outline: 1px solid transparent; // Support Firefox custom colors
+}
+
+.Progress--large {
+  height: 10px;
+}
+
+.Progress--small {
+  height: 5px;
+}
+
+.Progress-item {
+  outline: 2px solid transparent; // Support Firefox custom colors
+}
+
+.Progress-item + .Progress-item {
+  // stylelint-disable-next-line primer/spacing
+  margin-left: 2px;
+}

package/build/primer/Progress/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function get() {
+    return _Progress.Progress;
+  }
+});
+Object.defineProperty(exports, "progressVariant", {
+  enumerable: true,
+  get: function get() {
+    return _Progress2.progressVariant;
+  }
+});
+
+var _Progress = require("./Progress");
+
+var _Progress2 = require("./Progress.prop");

package/build/primer/SVG/icon/alert-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"/></svg>

package/build/primer/SVG/icon/alert-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 17.5a1 1 0 11-2 0 1 1 0 012 0zm-.25-8.25a.75.75 0 00-1.5 0v4.5a.75.75 0 001.5 0v-4.5z"/><path fill-rule="evenodd" d="M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2.085-2.165-3.752L9.836 3.244zm3.03.751a1 1 0 00-1.732 0L2.168 19.499A1 1 0 003.034 21h17.932a1 1 0 00.866-1.5L12.866 3.994z"/></svg>

package/build/primer/SVG/icon/archive-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.75 2.5a.25.25 0 00-.25.25v1.5c0 .138.112.25.25.25h12.5a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25H1.75zM0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v1.5A1.75 1.75 0 0114.25 6H1.75A1.75 1.75 0 010 4.25v-1.5zM1.75 7a.75.75 0 01.75.75v5.5c0 .138.112.25.25.25h10.5a.25.25 0 00.25-.25v-5.5a.75.75 0 111.5 0v5.5A1.75 1.75 0 0113.25 15H2.75A1.75 1.75 0 011 13.25v-5.5A.75.75 0 011.75 7zm4.5 1a.75.75 0 000 1.5h3.5a.75.75 0 100-1.5h-3.5z"/></svg>

package/build/primer/SVG/icon/archive-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2.75 2A1.75 1.75 0 001 3.75v3.5C1 8.216 1.784 9 2.75 9h18.5A1.75 1.75 0 0023 7.25v-3.5A1.75 1.75 0 0021.25 2H2.75zm18.5 1.5H2.75a.25.25 0 00-.25.25v3.5c0 .138.112.25.25.25h18.5a.25.25 0 00.25-.25v-3.5a.25.25 0 00-.25-.25z"/><path d="M2.75 10a.75.75 0 01.75.75v9.5c0 .138.112.25.25.25h16.5a.25.25 0 00.25-.25v-9.5a.75.75 0 011.5 0v9.5A1.75 1.75 0 0120.25 22H3.75A1.75 1.75 0 012 20.25v-9.5a.75.75 0 01.75-.75z"/><path d="M9.75 11.5a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-4.5z"/></svg>

package/build/primer/SVG/icon/arrow-both-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 1.06L2.56 7h10.88l-2.22-2.22a.75.75 0 011.06-1.06l3.5 3.5a.75.75 0 010 1.06l-3.5 3.5a.75.75 0 11-1.06-1.06l2.22-2.22H2.56l2.22 2.22a.75.75 0 11-1.06 1.06l-3.5-3.5a.75.75 0 010-1.06l3.5-3.5z"/></svg>

package/build/primer/SVG/icon/arrow-both-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.78 5.97a.75.75 0 00-1.06 0l-5.25 5.25a.75.75 0 000 1.06l5.25 5.25a.75.75 0 001.06-1.06L3.81 12.5h16.38l-3.97 3.97a.75.75 0 101.06 1.06l5.25-5.25a.75.75 0 000-1.06l-5.25-5.25a.75.75 0 10-1.06 1.06L20.19 11H3.81l3.97-3.97a.75.75 0 000-1.06z"/></svg>

package/build/primer/SVG/icon/arrow-down-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M13.03 8.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.47 9.28a.75.75 0 011.06-1.06l2.97 2.97V3.75a.75.75 0 011.5 0v7.44l2.97-2.97a.75.75 0 011.06 0z"/></svg>

package/build/primer/SVG/icon/arrow-down-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4.97 13.22a.75.75 0 000 1.06l6.25 6.25a.75.75 0 001.06 0l6.25-6.25a.75.75 0 10-1.06-1.06l-4.97 4.97V3.75a.75.75 0 00-1.5 0v14.44l-4.97-4.97a.75.75 0 00-1.06 0z"/></svg>

package/build/primer/SVG/icon/arrow-down-left-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5.75 8.5a.75.75 0 00-.75.75v9c0 .414.336.75.75.75h9a.75.75 0 000-1.5H7.56L17.78 7.28a.75.75 0 00-1.06-1.06L6.5 16.44V9.25a.75.75 0 00-.75-.75z"/></svg>

package/build/primer/SVG/icon/arrow-down-right-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18.25 8.5a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 010-1.5h7.19L6.22 7.28a.75.75 0 011.06-1.06L17.5 16.44V9.25a.75.75 0 01.75-.75z"/></svg>

package/build/primer/SVG/icon/arrow-left-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.78 12.53a.75.75 0 01-1.06 0L2.47 8.28a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 1.06L4.81 7h7.44a.75.75 0 010 1.5H4.81l2.97 2.97a.75.75 0 010 1.06z"/></svg>

package/build/primer/SVG/icon/arrow-left-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M10.78 19.03a.75.75 0 01-1.06 0l-6.25-6.25a.75.75 0 010-1.06l6.25-6.25a.75.75 0 111.06 1.06L5.81 11.5h14.44a.75.75 0 010 1.5H5.81l4.97 4.97a.75.75 0 010 1.06z"/></svg>

package/build/primer/SVG/icon/arrow-right-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.22 2.97a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06l2.97-2.97H3.75a.75.75 0 010-1.5h7.44L8.22 4.03a.75.75 0 010-1.06z"/></svg>

package/build/primer/SVG/icon/arrow-right-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M13.22 19.03a.75.75 0 001.06 0l6.25-6.25a.75.75 0 000-1.06l-6.25-6.25a.75.75 0 10-1.06 1.06l4.97 4.97H3.75a.75.75 0 000 1.5h14.44l-4.97 4.97a.75.75 0 000 1.06z"/></svg>

package/build/primer/SVG/icon/arrow-switch-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M5.22 14.78a.75.75 0 001.06-1.06L4.56 12h8.69a.75.75 0 000-1.5H4.56l1.72-1.72a.75.75 0 00-1.06-1.06l-3 3a.75.75 0 000 1.06l3 3zm5.56-6.5a.75.75 0 11-1.06-1.06l1.72-1.72H2.75a.75.75 0 010-1.5h8.69L9.72 2.28a.75.75 0 011.06-1.06l3 3a.75.75 0 010 1.06l-3 3z"/></svg>

package/build/primer/SVG/icon/arrow-switch-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.72 21.78a.75.75 0 001.06-1.06L5.56 17.5h14.69a.75.75 0 000-1.5H5.56l3.22-3.22a.75.75 0 10-1.06-1.06l-4.5 4.5a.75.75 0 000 1.06l4.5 4.5zm8.56-9.5a.75.75 0 11-1.06-1.06L18.44 8H3.75a.75.75 0 010-1.5h14.69l-3.22-3.22a.75.75 0 011.06-1.06l4.5 4.5a.75.75 0 010 1.06l-4.5 4.5z"/></svg>

package/build/primer/SVG/icon/arrow-up-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.47 7.78a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 0l4.25 4.25a.75.75 0 01-1.06 1.06L9 4.81v7.44a.75.75 0 01-1.5 0V4.81L4.53 7.78a.75.75 0 01-1.06 0z"/></svg>

package/build/primer/SVG/icon/arrow-up-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18.655 10.405a.75.75 0 000-1.06l-6.25-6.25a.75.75 0 00-1.06 0l-6.25 6.25a.75.75 0 101.06 1.06l4.97-4.97v14.44a.75.75 0 001.5 0V5.435l4.97 4.97a.75.75 0 001.06 0z"/></svg>

package/build/primer/SVG/icon/arrow-up-left-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5.75 15.5a.75.75 0 01-.75-.75v-9A.75.75 0 015.75 5h9a.75.75 0 010 1.5H7.56l10.22 10.22a.75.75 0 11-1.06 1.06L6.5 7.56v7.19a.75.75 0 01-.75.75z"/></svg>

package/build/primer/SVG/icon/arrow-up-right-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18.25 15.5a.75.75 0 00.75-.75v-9a.75.75 0 00-.75-.75h-9a.75.75 0 000 1.5h7.19L6.22 16.72a.75.75 0 101.06 1.06L17.5 7.56v7.19c0 .414.336.75.75.75z"/></svg>

package/build/primer/SVG/icon/beaker-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M5 5.782V2.5h-.25a.75.75 0 010-1.5h6.5a.75.75 0 010 1.5H11v3.282l3.666 5.76C15.619 13.04 14.543 15 12.767 15H3.233c-1.776 0-2.852-1.96-1.899-3.458L5 5.782zM9.5 2.5h-3V6a.75.75 0 01-.117.403L4.73 9h6.54L9.617 6.403A.75.75 0 019.5 6V2.5zm-6.9 9.847L3.775 10.5h8.45l1.175 1.847a.75.75 0 01-.633 1.153H3.233a.75.75 0 01-.633-1.153z"/></svg>

package/build/primer/SVG/icon/beaker-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M8 8.807V3.5h-.563a.75.75 0 010-1.5h9.125a.75.75 0 010 1.5H16v5.307l5.125 9.301c.964 1.75-.302 3.892-2.299 3.892H5.174c-1.998 0-3.263-2.142-2.3-3.892L8 8.807zM14.5 3.5h-5V9a.75.75 0 01-.093.362L7.127 13.5h9.746l-2.28-4.138A.75.75 0 0114.5 9V3.5zM4.189 18.832L6.3 15h11.4l2.111 3.832a1.125 1.125 0 01-.985 1.668H5.174a1.125 1.125 0 01-.985-1.668z"/></svg>

package/build/primer/SVG/icon/bell-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 16a2 2 0 001.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 008 16z"/><path fill-rule="evenodd" d="M8 1.5A3.5 3.5 0 004.5 5v2.947c0 .346-.102.683-.294.97l-1.703 2.556a.018.018 0 00-.003.01l.001.006c0 .002.002.004.004.006a.017.017 0 00.006.004l.007.001h10.964l.007-.001a.016.016 0 00.006-.004.016.016 0 00.004-.006l.001-.007a.017.017 0 00-.003-.01l-1.703-2.554a1.75 1.75 0 01-.294-.97V5A3.5 3.5 0 008 1.5zM3 5a5 5 0 0110 0v2.947c0 .05.015.098.042.139l1.703 2.555A1.518 1.518 0 0113.482 13H2.518a1.518 1.518 0 01-1.263-2.36l1.703-2.554A.25.25 0 003 7.947V5z"/></svg>

package/build/primer/SVG/icon/bell-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 1C8.318 1 5 3.565 5 7v4.539a3.25 3.25 0 01-.546 1.803l-2.2 3.299A1.518 1.518 0 003.519 19H8.5a3.5 3.5 0 107 0h4.982a1.518 1.518 0 001.263-2.36l-2.2-3.298A3.25 3.25 0 0119 11.539V7c0-3.435-3.319-6-7-6zM6.5 7c0-2.364 2.383-4.5 5.5-4.5s5.5 2.136 5.5 4.5v4.539c0 .938.278 1.854.798 2.635l2.199 3.299a.017.017 0 01.003.01l-.001.006-.004.006-.006.004-.007.001H3.518l-.007-.001-.006-.004-.004-.006-.001-.007.003-.01 2.2-3.298a4.75 4.75 0 00.797-2.635V7zM14 19h-4a2 2 0 104 0z"/></svg>

package/build/primer/SVG/icon/bell-fill-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M6 8a6 6 0 1112 0v2.917c0 .703.228 1.387.65 1.95L20.7 15.6a1.5 1.5 0 01-1.2 2.4h-15a1.5 1.5 0 01-1.2-2.4l2.05-2.733a3.25 3.25 0 00.65-1.95V8zm6 13.5A3.502 3.502 0 018.645 19h6.71A3.502 3.502 0 0112 21.5z"/></svg>

package/build/primer/SVG/icon/bell-slash-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 1.5c-.997 0-1.895.416-2.534 1.086A.75.75 0 014.38 1.55 5 5 0 0113 5v2.373a.75.75 0 01-1.5 0V5A3.5 3.5 0 008 1.5zM4.182 4.31L1.19 2.143a.75.75 0 10-.88 1.214L3 5.305v2.642a.25.25 0 01-.042.139L1.255 10.64A1.518 1.518 0 002.518 13h11.108l1.184.857a.75.75 0 10.88-1.214l-1.375-.996a1.196 1.196 0 00-.013-.01L4.198 4.321a.733.733 0 00-.016-.011zm7.373 7.19L4.5 6.391v1.556c0 .346-.102.683-.294.97l-1.703 2.556a.018.018 0 00-.003.01.015.015 0 00.005.012.017.017 0 00.006.004l.007.001h9.037zM8 16a2 2 0 001.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 008 16z"/></svg>

package/build/primer/SVG/icon/bell-slash-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M1.22 1.22a.75.75 0 011.06 0l20.5 20.5a.75.75 0 11-1.06 1.06L17.94 19H15.5a3.5 3.5 0 11-7 0H3.518a1.518 1.518 0 01-1.263-2.36l2.2-3.298A3.25 3.25 0 005 11.539V7c0-.294.025-.583.073-.866L1.22 2.28a.75.75 0 010-1.06zM10 19a2 2 0 104 0h-4zM6.5 7.56l9.94 9.94H3.517l-.007-.001-.006-.004-.004-.006-.001-.007.003-.01 2.2-3.298a4.75 4.75 0 00.797-2.635V7.56z"/><path d="M12 2.5c-1.463 0-2.8.485-3.788 1.257l-.04.032a.75.75 0 11-.935-1.173l.05-.04C8.548 1.59 10.212 1 12 1c3.681 0 7 2.565 7 6v4.539c0 .642.19 1.269.546 1.803l1.328 1.992a.75.75 0 11-1.248.832l-1.328-1.992a4.75 4.75 0 01-.798-2.635V7c0-2.364-2.383-4.5-5.5-4.5z"/></svg>

package/build/primer/SVG/icon/blocked-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.467.22a.75.75 0 01.53-.22h6.006a.75.75 0 01.53.22l4.247 4.247c.141.14.22.331.22.53v6.006a.75.75 0 01-.22.53l-4.247 4.247a.75.75 0 01-.53.22H4.997a.75.75 0 01-.53-.22L.22 11.533a.75.75 0 01-.22-.53V4.997a.75.75 0 01.22-.53L4.467.22zm.84 1.28L1.5 5.308v5.384L5.308 14.5h5.384l3.808-3.808V5.308L10.692 1.5H5.308zM4 7.75A.75.75 0 014.75 7h6.5a.75.75 0 010 1.5h-6.5A.75.75 0 014 7.75z"/></svg>