qpp-style 9.8.2 → 9.8.6

package/storybook-static/vendors~main.7f923d15.iframe.bundle.js.LICENSE.txt

@@ -0,0 +1,152 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+  Copyright (c) 2015 Jed Watson.
+  Based on code that is Copyright 2013-2015, Facebook, Inc.
+  All rights reserved.
+*/
+
+/*!
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+/*!
+ * Adapted from jQuery UI core
+ *
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/category/ui-core/
+ */
+
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <feross@feross.org> <http://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <http://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * cookie
+ * Copyright(c) 2012-2014 Roman Shtylman
+ * Copyright(c) 2015 Douglas Christopher Wilson
+ * MIT Licensed
+ */
+
+/*!
+ * escape-html
+ * Copyright(c) 2012-2013 TJ Holowaychuk
+ * Copyright(c) 2015 Andreas Lubbe
+ * Copyright(c) 2015 Tiancheng "Timothy" Gu
+ * MIT Licensed
+ */
+
+/*!
+ * https://github.com/es-shims/es5-shim
+ * @license es5-shim Copyright 2009-2020 by contributors, MIT License
+ * see https://github.com/es-shims/es5-shim/blob/master/LICENSE
+ */
+
+/*!
+ * https://github.com/paulmillr/es6-shim
+ * @license es6-shim Copyright 2013-2016 by Paul Miller (http://paulmillr.com)
+ *   and contributors,  MIT License
+ * es6-shim: v0.35.4
+ * see https://github.com/paulmillr/es6-shim/blob/0.35.3/LICENSE
+ * Details and documentation:
+ * https://github.com/paulmillr/es6-shim/
+ */
+
+/*!
+ * is-plain-object <https://github.com/jonschlinkert/is-plain-object>
+ *
+ * Copyright (c) 2014-2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+/*!
+ * isobject <https://github.com/jonschlinkert/isobject>
+ *
+ * Copyright (c) 2014-2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+/*! axe v4.3.2
+ * Copyright (c) 2021 Deque Systems, Inc.
+ *
+ * Your use of this Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * This entire copyright notice must appear in every copy of this file you
+ * distribute or in any file that contains substantial portions of this source
+ * code.
+ */
+
+/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
+/*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
+/**
+ * A better abstraction over CSS.
+ *
+ * @copyright Oleg Isonen (Slobodskoi) / Isonen 2014-present
+ * @website https://github.com/cssinjs/jss
+ * @license MIT
+ */
+
+/** @license React v0.20.2
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+//! stable.js 0.1.8, https://github.com/Two-Screen/stable
+
+//! © 2018 Angry Bytes and contributors. MIT licensed.

package/storybook-static/vendors~main.7f923d15.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendors~main.7f923d15.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""}

package/styles/qppds/components/_modal.scss

@@ -21,6 +21,10 @@
     }
   }
 
+  &__side-panel {
+    display: flex;
+  }
+
   .qpp-c-modal__header {
     padding: $spacing-32 $spacing-32 0;
     display: flex;
@@ -57,6 +61,24 @@
     max-height: 60vh;
     overflow-y: auto;
     padding: 0 2rem;
+
+    &::-webkit-scrollbar {
+      -webkit-appearance: none; // stylelint-disable-line property-no-vendor-prefix
+    }
+
+    &::-webkit-scrollbar:vertical {
+      width: 11px;
+    }
+
+    &::-webkit-scrollbar:horizontal {
+      width: 11px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: 8px;
+      border: 2px solid $white;
+      background-color: rgba(0, 0, 0, 0.5);
+    }
   }
 
   .qpp-c-modal__footer {

package/styles/qppds/utilities/_display-visability.scss

@@ -17,6 +17,10 @@
   display: flex !important;
 }
 
+.qpp-u-display--inline-flex {
+  display: inline-flex !important;
+}
+
 .qpp-u-display--none {
   display: none !important;
 }
@@ -49,6 +53,10 @@
       display: flex !important;
     }
 
+    .qpp-u-#{$breakpoint}-display--inline-flex {
+      display: inline-flex !important;
+    }
+
     .qpp-u-#{$breakpoint}-display--none {
       display: none !important;
     }

package/styles/qppds/utilities/_height.scss

@@ -0,0 +1,38 @@
+$static-height-vals: (
+  10: 10px,
+  12: 12px,
+  15: 15px,
+  16: 16px,
+  20: 20px,
+  24: 24px,
+  30: 30px,
+  32: 32px,
+  40: 40px,
+  50: 50px
+);
+
+@each $name in map-keys($static-height-vals) {
+  $value: map-get($static-height-vals, $name);
+
+  .qpp-u-height--#{$name}px {
+    height: #{$value} !important;
+  }
+}
+
+@each $breakpoint in map-keys($breakpoints) {
+  $viewport: map-get($breakpoints, $breakpoint);
+
+  @media (min-height: $viewport) {
+    @each $name in map-keys($static-height-vals) {
+      $value: map-get($static-height-vals, $name);
+
+      .qpp-u-#{$breakpoint}-height--#{$name}px {
+        height: #{$value} !important;
+      }
+    }
+  }
+}
+
+.qpp-u-height--auto {
+    height: auto !important;
+}

package/styles/qppds/utilities/_width.scss

@@ -42,3 +42,38 @@ $width-values: (
     }
   }
 }
+
+$static-width-vals: (
+  10: 10px,
+  12: 12px,
+  15: 15px,
+  16: 16px,
+  20: 20px,
+  24: 24px,
+  30: 30px,
+  32: 32px,
+  40: 40px,
+  50: 50px
+);
+
+@each $name in map-keys($static-width-vals) {
+  $value: map-get($static-width-vals, $name);
+
+  .qpp-u-width--#{$name}px {
+    width: #{$value} !important;
+  }
+}
+
+@each $breakpoint in map-keys($breakpoints) {
+  $viewport: map-get($breakpoints, $breakpoint);
+
+  @media (min-width: $viewport) {
+    @each $name in map-keys($static-width-vals) {
+      $value: map-get($static-width-vals, $name);
+
+      .qpp-u-#{$breakpoint}-width--#{$name}px {
+        width: #{$value} !important;
+      }
+    }
+  }
+}

package/styles/qppds/utilities/index.scss

@@ -12,3 +12,4 @@
 @import './position';
 @import './text-align';
 @import './text-transform';
+@import './height';