@pocketprep/ui-kit 2.0.43 → 2.0.45

package/dist/@pocketprep/ui-kit.umd.js

@@ -150,6 +150,100 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
+/***/ 63508:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "__esModule": () => (/* reexport */ Blobvue_type_script_lang_ts_/* __esModule */.X),
+  "default": () => (/* binding */ Blob)
+});
+
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Blobs/Blob.vue?vue&type=template&id=890bc5e0&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.type === 'empty')?_c('BlobEmptyState',{attrs:{"title":_vm.title,"primary-color":_vm.primaryColor}}):_vm._e()}
+var staticRenderFns = []
+
+
+// EXTERNAL MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-84[0].rules[0].use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Blobs/Blob.vue?vue&type=script&lang=ts&
+var Blobvue_type_script_lang_ts_ = __webpack_require__(74078);
+;// CONCATENATED MODULE: ./src/components/Blobs/Blob.vue?vue&type=script&lang=ts&
+ /* harmony default export */ const Blobs_Blobvue_type_script_lang_ts_ = (Blobvue_type_script_lang_ts_/* default */.Z); 
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1001);
+;// CONCATENATED MODULE: ./src/components/Blobs/Blob.vue
+
+
+
+
+
+/* normalize component */
+;
+var component = (0,componentNormalizer/* default */.Z)(
+  Blobs_Blobvue_type_script_lang_ts_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const Blob = (component.exports);
+
+/***/ }),
+
+/***/ 15160:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "__esModule": () => (/* reexport */ BlobEmptyStatevue_type_script_lang_ts_/* __esModule */.X),
+  "default": () => (/* binding */ BlobEmptyState)
+});
+
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Blobs/BlobEmptyState.vue?vue&type=template&id=1dd5c4e8&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{"width":"38","height":"33","viewBox":"0 0 38 33","version":"1.1","xmlns":"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[_c('title',[_vm._v(_vm._s(_vm.title))]),_c('g',{attrs:{"stroke":"none","stroke-width":"1","fill":"none","fill-rule":"evenodd"}},[_c('g',{attrs:{"fill":_vm.primaryColor,"fill-rule":"nonzero"}},[_c('path',{attrs:{"d":"M0.5 17.7589C0.5 24.3405 8.55289 33.6455 16.3374 32.9647C24.1218 32.2838 33.0805 28.6526 36.0389 23.2058C38.9973 17.7589 37.5179 10.7234 31.101 4.59576C24.6841 -1.53192 14.9952 -1.53192 9.08975 4.59576C3.1843 10.7234 0.5 11.1773 0.5 17.7589Z"}})])])])}
+var staticRenderFns = []
+
+
+// EXTERNAL MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-84[0].rules[0].use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Blobs/BlobEmptyState.vue?vue&type=script&lang=ts&
+var BlobEmptyStatevue_type_script_lang_ts_ = __webpack_require__(38601);
+;// CONCATENATED MODULE: ./src/components/Blobs/BlobEmptyState.vue?vue&type=script&lang=ts&
+ /* harmony default export */ const Blobs_BlobEmptyStatevue_type_script_lang_ts_ = (BlobEmptyStatevue_type_script_lang_ts_/* default */.Z); 
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1001);
+;// CONCATENATED MODULE: ./src/components/Blobs/BlobEmptyState.vue
+
+
+
+
+
+/* normalize component */
+;
+var component = (0,componentNormalizer/* default */.Z)(
+  Blobs_BlobEmptyStatevue_type_script_lang_ts_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const BlobEmptyState = (component.exports);
+
+/***/ }),
+
 /***/ 70554:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -885,7 +979,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 73085:
+/***/ 22647:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -898,8 +992,8 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ EmptyState)
 });
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EmptyStates/EmptyState.vue?vue&type=template&id=66c310e0&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"uikit-empty-state"},[_vm._t("imageRow",function(){return [_c('div',{staticClass:"uikit-empty-state__row"},[_vm._t("image",function(){return [_c('img',{staticClass:"uikit-empty-state__blob",attrs:{"src":_vm.blobType}}),_vm._t("icon",function(){return [_c('Icon',{staticClass:"uikit-empty-state__icon",style:({ color: _vm.iconColor }),attrs:{"type":_vm.iconType,"secondary-color":_vm.brandColors.bananaBread}})]})]})],2)]}),_c('div',{staticClass:"uikit-empty-state__title"},[_vm._t("emptyStateTitle",function(){return [_vm._v(" "+_vm._s(_vm.title)+" ")]})],2),_c('div',{staticClass:"uikit-empty-state__message"},[_vm._t("emptyStateMessage",function(){return [_vm._v(" "+_vm._s(_vm.message)+" ")]})],2)],2)}
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EmptyStates/EmptyState.vue?vue&type=template&id=74adf3c0&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"uikit-empty-state"},[_vm._t("imageRow",function(){return [_c('div',{staticClass:"uikit-empty-state__row"},[_vm._t("image",function(){return [_vm._t("blob",function(){return [_c('Blob',{staticClass:"uikit-empty-state__blob",attrs:{"type":"empty","primary-color":_vm.blobColor}})]}),_vm._t("icon",function(){return [_c('Icon',{staticClass:"uikit-empty-state__icon",style:({ color: _vm.iconColor }),attrs:{"type":_vm.iconType,"secondary-color":_vm.brandColors.bananaBread}})]})]})],2)]}),_c('div',{staticClass:"uikit-empty-state__title"},[_vm._t("emptyStateTitle",function(){return [_vm._v(" "+_vm._s(_vm.title)+" ")]})],2),_c('div',{staticClass:"uikit-empty-state__message"},[_vm._t("emptyStateMessage",function(){return [_vm._v(" "+_vm._s(_vm.message)+" ")]})],2)],2)}
 var staticRenderFns = []
 
 
@@ -14228,7 +14322,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".uikit-empty-state{text-align:center;padding:0 42px 0 41px;margin-top:33px;max-width:300px}.uikit-empty-state__icon{height:22px;width:22px;position:relative;top:-5px;left:-30px}.uikit-empty-state__row{margin-top:0;margin-right:auto;margin-bottom:10px;margin-left:20px}.uikit-empty-state__title{color:#1f3545;font-size:15px;font-weight:600;line-height:20px;text-align:center;margin-bottom:8px}.uikit-empty-state__message{color:#475967;font-weight:500;font-size:14px;line-height:21px;text-align:center;padding:0 20px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".uikit-empty-state{text-align:center;padding:0 42px 0 41px;margin-top:33px;max-width:300px}.uikit-empty-state__icon{height:22px;width:22px;position:relative;top:-5px;left:-30px}.uikit-empty-state__row{margin-top:0;margin-right:auto;margin-bottom:10px;margin-left:20px}.uikit-empty-state__title{color:#1f3545;font-size:15px;font-weight:600;line-height:20px;text-align:center;margin-bottom:8px}.uikit-empty-state__message{color:#475967;font-weight:500;font-size:14px;line-height:19px;text-align:center;padding:0 20px}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -16551,6 +16645,118 @@ exports.Z = Banner;
 
 /***/ }),
 
+/***/ 74078:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+var _createClass = (__webpack_require__(33918)["default"]);
+
+var _classCallCheck = (__webpack_require__(55729)["default"]);
+
+var _inherits = (__webpack_require__(30338)["default"]);
+
+var _createSuper = (__webpack_require__(13400)["default"]);
+
+__webpack_require__(69070);
+
+Object.defineProperty(exports, "X", ({
+  value: true
+}));
+
+var tslib_1 = __webpack_require__(70655);
+
+var vue_property_decorator_1 = __webpack_require__(70622);
+
+var BlobEmptyState_vue_1 = tslib_1.__importDefault(__webpack_require__(15160));
+
+var Blob = /*#__PURE__*/function (_vue_property_decorat) {
+  _inherits(Blob, _vue_property_decorat);
+
+  var _super = _createSuper(Blob);
+
+  function Blob() {
+    _classCallCheck(this, Blob);
+
+    return _super.apply(this, arguments);
+  }
+
+  return _createClass(Blob);
+}(vue_property_decorator_1.Vue);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], Blob.prototype, "type", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], Blob.prototype, "title", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], Blob.prototype, "isDarkMode", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], Blob.prototype, "primaryColor", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
+  "default": 'currentColor'
+})], Blob.prototype, "secondaryColor", void 0);
+
+Blob = tslib_1.__decorate([(0, vue_property_decorator_1.Component)({
+  components: {
+    BlobEmptyState: BlobEmptyState_vue_1["default"]
+  }
+})], Blob);
+exports.Z = Blob;
+
+/***/ }),
+
+/***/ 38601:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+var _createClass = (__webpack_require__(33918)["default"]);
+
+var _classCallCheck = (__webpack_require__(55729)["default"]);
+
+var _inherits = (__webpack_require__(30338)["default"]);
+
+var _createSuper = (__webpack_require__(13400)["default"]);
+
+__webpack_require__(69070);
+
+Object.defineProperty(exports, "X", ({
+  value: true
+}));
+
+var tslib_1 = __webpack_require__(70655);
+
+var vue_property_decorator_1 = __webpack_require__(70622);
+
+var pocketprep_export_module_scss_1 = tslib_1.__importDefault(__webpack_require__(83769));
+
+var BlobEmptyState = /*#__PURE__*/function (_vue_property_decorat) {
+  _inherits(BlobEmptyState, _vue_property_decorat);
+
+  var _super = _createSuper(BlobEmptyState);
+
+  function BlobEmptyState() {
+    _classCallCheck(this, BlobEmptyState);
+
+    return _super.apply(this, arguments);
+  }
+
+  return _createClass(BlobEmptyState);
+}(vue_property_decorator_1.Vue);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], BlobEmptyState.prototype, "title", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
+  "default": pocketprep_export_module_scss_1["default"].fog
+})], BlobEmptyState.prototype, "primaryColor", void 0);
+
+BlobEmptyState = tslib_1.__decorate([vue_property_decorator_1.Component], BlobEmptyState);
+exports.Z = BlobEmptyState;
+
+/***/ }),
+
 /***/ 38628:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -18178,6 +18384,8 @@ var pocketprep_export_module_scss_1 = tslib_1.__importDefault(__webpack_require_
 
 var Icon_vue_1 = tslib_1.__importDefault(__webpack_require__(65844));
 
+var Blob_vue_1 = tslib_1.__importDefault(__webpack_require__(63508));
+
 var EmptyState = /*#__PURE__*/function (_vue_property_decorat) {
   _inherits(EmptyState, _vue_property_decorat);
 
@@ -18223,6 +18431,19 @@ var EmptyState = /*#__PURE__*/function (_vue_property_decorat) {
 
       return __webpack_require__(99230);
     }
+  }, {
+    key: "blobColor",
+    get: function get() {
+      if (this.backgroundColor && this.backgroundColor === 'white') {
+        return this.brandColors.white;
+      } else if (this.state === 'incorrect') {
+        return this.brandColors.barelyRed;
+      } else if (this.state === 'correct') {
+        return this.brandColors.barelyGreen;
+      }
+
+      return this.brandColors.manilla;
+    }
   }, {
     key: "iconColor",
     get: function get() {
@@ -18244,13 +18465,14 @@ tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], EmptyState.prototype,
 
 tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], EmptyState.prototype, "title", void 0);
 
-tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], EmptyState.prototype, "blobColor", void 0);
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], EmptyState.prototype, "backgroundColor", void 0);
 
 tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], EmptyState.prototype, "state", void 0);
 
 EmptyState = tslib_1.__decorate([(0, vue_property_decorator_1.Component)({
   components: {
-    Icon: Icon_vue_1["default"]
+    Icon: Icon_vue_1["default"],
+    Blob: Blob_vue_1["default"]
   }
 })], EmptyState);
 exports.Z = EmptyState;
@@ -26283,7 +26505,7 @@ var ToggleSwitch_vue_1 = tslib_1.__importDefault(__webpack_require__(81406));
 
 var Slider_vue_1 = tslib_1.__importDefault(__webpack_require__(40659));
 
-var EmptyState_vue_1 = tslib_1.__importDefault(__webpack_require__(73085));
+var EmptyState_vue_1 = tslib_1.__importDefault(__webpack_require__(22647));
 
 var Button_vue_1 = tslib_1.__importDefault(__webpack_require__(61350));
 
@@ -26307,6 +26529,8 @@ var Input_vue_1 = tslib_1.__importDefault(__webpack_require__(41915));
 
 var Textarea_vue_1 = tslib_1.__importDefault(__webpack_require__(73140));
 
+var Blob_vue_1 = tslib_1.__importDefault(__webpack_require__(63508));
+
 var Icon_vue_1 = tslib_1.__importDefault(__webpack_require__(65844));
 
 var BundleIcon_vue_1 = tslib_1.__importDefault(__webpack_require__(10749));
@@ -26396,6 +26620,7 @@ var components = {
   CheckboxOption: CheckboxOption_vue_1["default"],
   Input: Input_vue_1["default"],
   Textarea: Textarea_vue_1["default"],
+  Blob: Blob_vue_1["default"],
   Icon: Icon_vue_1["default"],
   BundleIcon: BundleIcon_vue_1["default"],
   SkeletonLoader: SkeletonLoader_vue_1["default"],