@papillonbits/components 1.1.0 → 1.2.0

package/build/primer/Dropdown/Dropdown.scss

@@ -1,283 +1 @@
-@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
-@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
-@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
-
-// stylelint-disable no-descending-specificity
-
-.dropdown {
-  position: relative;
-}
-
-.dropdown-caret {
-  display: inline-block;
-  width: 0;
-  height: 0;
-  vertical-align: middle;
-  content: '';
-  border-style: $border-style;
-  // stylelint-disable-next-line primer/borders
-  border-width: $spacer-1 $spacer-1 0;
-  border-right-color: transparent;
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-}
-
-// Requires a positioning class (e.g., `.dropdown-menu-w`) to determine which
-// way the menu should render from the element triggering it.
-
-.dropdown-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 100;
-  width: 160px;
-  padding-top: $spacer-1;
-  padding-bottom: $spacer-1;
-  // stylelint-disable-next-line primer/spacing
-  margin-top: 2px;
-  list-style: none;
-  background-color: var(--color-canvas-overlay);
-  background-clip: padding-box;
-  border: $border-width $border-style var(--color-border-default);
-  border-radius: $border-radius;
-  box-shadow: var(--color-shadow-large);
-
-  &::before,
-  &::after {
-    position: absolute;
-    display: inline-block;
-    content: '';
-  }
-
-  // caret border
-  &::before {
-    // stylelint-disable-next-line primer/borders
-    border: $spacer-2 $border-style transparent;
-    border-bottom-color: var(--color-border-default);
-  }
-
-  // caret background (should match dropdown background)
-  &::after {
-    // stylelint-disable-next-line primer/borders
-    border: 7px $border-style transparent;
-    border-bottom-color: var(--color-canvas-overlay);
-  }
-
-  // stylelint-disable-next-line selector-max-type
-  > ul {
-    list-style: none;
-  }
-}
-
-.dropdown-menu-no-overflow {
-  width: auto;
-
-  .dropdown-item {
-    padding: $spacer-1 $spacer-3;
-    overflow: visible;
-    text-overflow: inherit;
-  }
-}
-
-// Dropdown items (can be links or buttons)
-.dropdown-item {
-  display: block;
-  padding: $spacer-1 $spacer-2 $spacer-1 $spacer-3;
-  overflow: hidden;
-  color: var(--color-fg-default);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  &:hover {
-    color: var(--color-fg-on-emphasis);
-    text-decoration: none;
-    background-color: var(--color-accent-emphasis);
-
-    > .octicon {
-      color: inherit;
-      opacity: 1;
-    }
-
-    [class*='color-text-'] {
-      color: inherit !important;
-    }
-
-    > .Label {
-      color: inherit !important;
-      border-color: currentcolor; // prettier-ignore
-    }
-  }
-
-  &.btn-link {
-    width: 100%;
-    text-align: left;
-  }
-}
-
-.dropdown-signout {
-  width: 100%;
-  text-align: left;
-  background: none;
-  border: 0;
-}
-
-.dropdown-divider {
-  display: block;
-  height: 0;
-  margin: $spacer-2 0;
-  border-top: $border-width $border-style var(--color-border-default);
-}
-
-.dropdown-header {
-  padding: $spacer-1 $spacer-3;
-  font-size: $h6-size;
-  color: var(--color-fg-muted);
-}
-
-.dropdown-item[aria-checked='false'] .octicon-check {
-  display: none;
-}
-
-// Directional classes
-//
-// Move the menu and the caret attached to it. Requires at least one of these on
-// the `.dropdown-menu` element.
-
-.dropdown-menu-w {
-  top: 0;
-  right: 100%;
-  left: auto;
-  width: auto;
-  margin-top: 0;
-  margin-right: $spacer-2;
-
-  &::before {
-    top: 10px;
-    right: -$spacer-3;
-    left: auto;
-    border-color: transparent;
-    border-left-color: var(--color-border-default);
-  }
-
-  &::after {
-    top: 11px;
-    right: -14px;
-    left: auto;
-    border-color: transparent;
-    border-left-color: var(--color-canvas-overlay);
-  }
-}
-
-.dropdown-menu-e {
-  top: 0;
-  left: 100%;
-  width: auto;
-  margin-top: 0;
-  margin-left: $spacer-2;
-
-  &::before {
-    top: 10px;
-    left: -$spacer-3;
-    border-color: transparent;
-    border-right-color: var(--color-border-default);
-  }
-
-  &::after {
-    top: 11px;
-    left: -14px;
-    border-color: transparent;
-    border-right-color: var(--color-canvas-overlay);
-  }
-}
-
-.dropdown-menu-ne {
-  top: auto;
-  bottom: 100%;
-  left: 0;
-  // stylelint-disable-next-line primer/spacing
-  margin-bottom: 3px;
-
-  &::before,
-  &::after {
-    top: auto;
-    right: auto;
-  }
-
-  &::before {
-    bottom: -$spacer-2;
-    left: 9px;
-    // stylelint-disable-next-line primer/borders
-    border-top: $spacer-2 $border-style var(--color-border-default);
-    // stylelint-disable-next-line primer/borders
-    border-right: $spacer-2 $border-style transparent;
-    border-bottom: 0;
-    // stylelint-disable-next-line primer/borders
-    border-left: $spacer-2 $border-style transparent;
-  }
-
-  &::after {
-    bottom: -7px;
-    left: 10px;
-    // stylelint-disable-next-line primer/borders
-    border-top: 7px $border-style var(--color-canvas-overlay);
-    // stylelint-disable-next-line primer/borders
-    border-right: 7px $border-style transparent;
-    border-bottom: 0;
-    // stylelint-disable-next-line primer/borders
-    border-left: 7px $border-style transparent;
-  }
-}
-
-.dropdown-menu-s {
-  right: 50%;
-  left: auto;
-  transform: translateX(50%);
-
-  &::before {
-    top: -$spacer-3;
-    right: 50%;
-    transform: translateX(50%);
-  }
-
-  &::after {
-    top: -14px;
-    right: 50%;
-    transform: translateX(50%);
-  }
-}
-
-.dropdown-menu-sw {
-  right: 0;
-  left: auto;
-
-  &::before {
-    top: -$spacer-3;
-    right: 9px;
-    left: auto;
-  }
-
-  &::after {
-    top: -14px;
-    right: 10px;
-    left: auto;
-  }
-}
-
-.dropdown-menu-se {
-  &::before {
-    top: -$spacer-3;
-    left: 9px;
-  }
-
-  &::after {
-    top: -14px;
-    left: 10px;
-  }
-}
-
-// custom-style
-// .dropdown-inactive {
-//   @include inactive;
-
-//   color: $gray-400 !important;
-// }
+@import '@primer/view-components/app/components/primer/alpha/dropdown';

package/build/primer/ErrorBoundary/ErrorBoundary.js

@@ -16,7 +16,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable no-unused-vars, no-console */
 var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(ErrorBoundary, _Component);
   function ErrorBoundary(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, ErrorBoundary);
@@ -26,7 +25,8 @@ var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-  (0, _createClass2["default"])(ErrorBoundary, [{
+  (0, _inherits2["default"])(ErrorBoundary, _Component);
+  return (0, _createClass2["default"])(ErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
       // You can also log the error to an error reporting service
@@ -55,7 +55,6 @@ var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_Component) {
       };
     }
   }]);
-  return ErrorBoundary;
 }(_react.Component);
 ErrorBoundary.propTypes = _ErrorBoundary.propTypes;
 ErrorBoundary.defaultProps = _ErrorBoundary.defaultProps;