@yoobic/yobi 8.3.0-26 → 8.3.0-29

package/dist/collection/components/3.organisms/tappable/tappable.css

@@ -1,336 +0,0 @@
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* Z-Index (Ionic)
---------------------------------------------------
-Grouped by elements which would be siblings */
-/* Hairlines width */
-/* Default Colors
----------------------------------- */
-/* Private color variables */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff;*/
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* #3880ff; */
-/* Color map should provide
-- base: main color to be used.
-- contrast: Color that will provide readable text against the base color
-- shade: 12% darker version of the base color (mix with black)
-- tint: 10% lighter version of the base color (mix with white) */
-/* Themed Colors
-
- Default Foreground and Background Colors values
- Allows users to override an foreground / background colors
- $background-color-value:            $light !default;
- $background-color-rgb:              255, 255, 255 !default; */
-/* Default Foreground and Background Colors
--------------------------------------------------- */
-/* Default General Colors
--------------------------------------------------- */
-/* Default List & List Items
--------------------------------------------------- */
-/* Item Divider */
-/* iOS List & List Items
--------------------------------------------------- */
-/* Default Toolbar
---------------------------------------------------*/
-/* iOS Toolbar
---------------------------------------------------*/
-/* Default Tabs & Tab bar
---------------------------------------------------*/
-/* iOS Tabs & Tab bar
---------------------------------------------------*/
-/* Function related variables
---------------------------------------------------*/
-/* Gets the active color's css variable from a variation. Alpha is optional.
---------------------------------------------------------------------------------------------
-Example usage:
-current-color(base) => var(--ion-color-base)
-current-color(contrast, 0.1) => rgba(var(--ion-color-contrast-rgb), 0.1)
---------------------------------------------------------------------------------------------*/
-/* Gets the specific color's css variable from the name and variation. Alpha/rgb are optional.
---------------------------------------------------------------------------------------------
-Example usage:
-ion-color(primary, base) => var(--ion-color-primary, #3880ff)
-ion-color(secondary, contrast) => var(--ion-color-secondary-contrast)
-ion-color(primary, base, 0.5) => rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5)
---------------------------------------------------------------------------------------------*/
-/* Mixes a color with black to create its shade.
---------------------------------------------------------------------------------------------*/
-/*Mixes a color with white to create its tint.
---------------------------------------------------------------------------------------------*/
-/* Converts a color to a comma separated rgb.
---------------------------------------------------------------------------------------------*/
-/* Str functions.
-___________________________________________________________________________________________*/
-/* Creates a pulse animation.
-  @param {color} $begin-color [stable-20] - starting color for pulse.
-  @param {color} $end-color [stable-20] - ending color for pulse.
-  @author Ben Morgan
-  @author Damien Arondel 
-*/
-/* Execute a content if the hover state is supported.
-
- @content the content to execute if relevant
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Properly hide overflow on rounded corner elements for Webkit based browsers.
- This mixin must be used at the same level as `overflow: hidden` and `border-radius: ...`.
-
- @link https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate every overflown elements with an ellipsis.
- This mixin does not work with flex box on the same level.
-
- @author Ben Morgan
- @author Damien Arondel
-*/
-/* Truncate text at a specific number of lines.
- */
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-/* https://web-design-weekly.com/2013/05/12/handy-sass-mixins/ */
-/* Single side border-radius */
-/* Text Direction - ltr / rtl
-$app-direction: multi | rtl | ltr | null (default)
-multi: Both [dir=ltr] and [dir=rtl] are applied to css selectors.
-rtl: Always assumes rtl and only includes rtl css. No [dir] selectors.
-ltr: Always assumes ltr and only includes ltr css. No [dir] selectors.
-null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override ltr defaults.
----------------------------------------------------------- */
-/* Add property horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add property for all directions
-  @param {string} $prop
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-  @param {boolean} $content include content or use default
-----------------------------------------------------------*/
-/* Add margin for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add padding for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/*Font smoothing
---------------------------------------------------*/
-/* SVG Background Image Mixin
-  @param {string} $svg
-----------------------------------------------------------*/
-/* Add padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add margin horizontal
- @param {string} $start
- @param {string} $end
-----------------------------------------------------------*/
-/* Add safe area padding horizontal
-  @param {string} $start
-  @param {string} $end
-----------------------------------------------------------*/
-/* Add border radius for all directions
-  @param {string} $top-start
-  @param {string} $top-end
-  @param {string} $bottom-end
-  @param {string} $bottom-start
-----------------------------------------------------------*/
-/* Sets correct text align with support for old browsers
-  @param {string} $direction - text direction
-  @param {string} $decorator - !important
-----------------------------------------------------------*/
-/* Add position for all directions
-  @param {string} $top
-  @param {string} $end
-  @param {string} $bottom
-  @param {string} $start
-----------------------------------------------------------*/
-/* Add position horizontal
-  @param {string} $start - amount to position start
-  @param {string} $end - amount to left: 0; end
-----------------------------------------------------------*/
-/**
- * NOTE DO NOT USE FOR NEW COMPONENTS
- * LEGACY CODE -- Styles maintained only to prevent breaking changes
- * For all Font Sizes please use the appropreate font-size-XX Variables.
- */
-/**
-* Global style mixin for being able to change the background / font-color and border-color
-* programmatically using global classes
-*/
-/* app direction */
-/* border-radius */
-/* border-width */
-/* font family */
-/* font-size */
-/* font weights */
-/* icon size */
-/* used for logos */
-/* spacing for padding, margin, etc... */
-/* shadow */
-:host {
-  position: relative;
-  z-index: 0;
-  display: flex;
-  width: 100%;
-  overflow: hidden;
-}
-:host .dot {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: var(--app-color, #5a30f4);
-  z-index: -1;
-  opacity: 0.2;
-}
-@keyframes expand-to-full {
-  0% {
-    background-color: var(--app-color, #5a30f4);
-    width: 0;
-    opacity: 0;
-  }
-  100% {
-    background-color: var(--app-color, #5a30f4);
-    width: 100%;
-    opacity: 0.8;
-  }
-}
-@keyframes anim-in {
-  0% {
-    width: 0;
-  }
-  100% {
-    z-index: -1;
-    width: 100%;
-  }
-}
-:host .dot.rtl {
-  top: 50%;
-  right: 50%;
-  transform: translate(50%, -50%);
-}
-:host .dot:before {
-  position: relative;
-  display: block;
-  margin-top: 100%;
-  border-radius: 50%;
-  content: "";
-}
-:host .dot:after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  border-radius: 50%;
-  content: "";
-}
-:host .dot.tapped, :host .dot.active, :host .dot.tapped:after, :host .dot.active:after {
-  border-radius: 50%;
-  animation: anim-in 0.35s;
-}
-:host .dot.hovered, :host .dot.hovered:after {
-  border-radius: 50%;
-  animation: anim-in 0.15s;
-  animation-fill-mode: forwards;
-}
-
-:host(.neutral) .dot {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: var(--dark, #000000) !important;
-  z-index: -1;
-  opacity: 0.2;
-}
-@keyframes expand-to-full {
-  0% {
-    background-color: var(--dark, #000000) !important;
-    width: 0;
-    opacity: 0;
-  }
-  100% {
-    background-color: var(--dark, #000000) !important;
-    width: 100%;
-    opacity: 0.8;
-  }
-}
-@keyframes anim-in {
-  0% {
-    width: 0;
-  }
-  100% {
-    z-index: -1;
-    width: 100%;
-  }
-}
-:host(.neutral) .dot.rtl {
-  top: 50%;
-  right: 50%;
-  transform: translate(50%, -50%);
-}
-:host(.neutral) .dot:before {
-  position: relative;
-  display: block;
-  margin-top: 100%;
-  border-radius: 50%;
-  content: "";
-}
-:host(.neutral) .dot:after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  border-radius: 50%;
-  content: "";
-}
-:host(.neutral) .dot.tapped, :host(.neutral) .dot.active, :host(.neutral) .dot.tapped:after, :host(.neutral) .dot.active:after {
-  border-radius: 50%;
-  animation: anim-in 0.35s;
-}
-:host(.neutral) .dot.hovered, :host(.neutral) .dot.hovered:after {
-  border-radius: 50%;
-  animation: anim-in 0.15s;
-  animation-fill-mode: forwards;
-}
-
-:host(.center) {
-  align-items: center;
-  justify-content: center;
-}

package/dist/collection/components/3.organisms/tappable/tappable.js

@@ -1,72 +0,0 @@
-import { Component, Element, h, Host, Listen, State } from '@stencil/core';
-import { getAppContext } from '../../../utils/helpers/common-helpers';
-export class YooTappableComponent {
-  constructor() {
-    this.tapped = false;
-    this.hovered = false;
-    this.touchFlag = true;
-    this.touch_timeout = 500;
-  }
-  onTouchDown() {
-    if (!this.tapped) {
-      this.touchFlag = false;
-      this.dotDiv.classList.add('tapped');
-      setTimeout(() => {
-        if (this.dotDiv && this.dotDiv.classList) {
-          this.dotDiv.classList.remove('tapped');
-          this.tapped = false;
-          this.touchFlag = true;
-        }
-      }, this.touch_timeout);
-    }
-  }
-  onMouseOver() {
-    if (!this.hovered && this.touchFlag) {
-      this.hovered = true;
-      this.dotDiv.classList.add('hovered');
-    }
-  }
-  onMouseOut() {
-    if (this.hovered && this.touchFlag) {
-      this.hovered = false;
-      this.dotDiv.classList.remove('hovered');
-    }
-  }
-  render() {
-    return h(Host, { class: getAppContext(this.host) },
-      h("slot", null),
-      h("div", { class: "dot", ref: (el) => (this.dotDiv = el) }));
-  }
-  static get is() { return "yoo-tappable"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["tappable.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["tappable.css"]
-  }; }
-  static get states() { return {
-    "tapped": {},
-    "hovered": {}
-  }; }
-  static get elementRef() { return "host"; }
-  static get listeners() { return [{
-      "name": "touchstart",
-      "method": "onTouchDown",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "mouseover",
-      "method": "onMouseOver",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "mouseleave",
-      "method": "onMouseOut",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }]; }
-}

package/dist/design-system/index-6b48d948.js

@@ -1 +0,0 @@
-import './localForage-b7138756.js';

package/dist/design-system/index-f728d9cb.js

@@ -1 +0,0 @@
-import './overlays-2dacb255.js';

package/dist/design-system/yoo-background-blur.entry.js

@@ -1,53 +0,0 @@
-import { r as registerInstance, h } from './index-54cb3c5d.js';
-import './index-95d86c0a.js';
-import { g as getScreenWidth, a as getScreenHeight } from './common-helpers-b5c511b6.js';
-import { C as CloudinaryGradientLayer, n as Cloudinary } from './overlays-2dacb255.js';
-import './lodash-f839ddb6.js';
-import './index-b7d5ea13.js';
-import './_commonjsHelpers-f4d11124.js';
-
-const backgroundBlurCss = ":host .background-blur-image{background-repeat:no-repeat;background-position-x:center;background-position-y:top}";
-
-const YooBackgroundBlurComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    // settings
-    this.opacity = 0.8;
-    this.blur = 1000;
-    this.cropMode = 'fill';
-    this.imageFlag = 'lossy';
-    this.gradientLayer = new CloudinaryGradientLayer('y', -0.4);
-  }
-  componentWillLoad() {
-    return this.prepareImgSrc();
-  }
-  componentWillUpdate() {
-    return this.prepareImgSrc();
-  }
-  getWidth() {
-    return this.width || getScreenWidth();
-  }
-  getHeight() {
-    return this.height || getScreenHeight();
-  }
-  async prepareImgSrc() {
-    if (this.imageUrl) {
-      const url = new Cloudinary(this.imageUrl)
-        .width(this.getWidth())
-        .height(this.getHeight())
-        .crop(this.cropMode)
-        .blur(this.blur)
-        .flag(this.imageFlag)
-        .opacity(this.opacity * 100)
-        .addLayer(this.gradientLayer)
-        .getUrl();
-      this.imgSrc = url;
-    }
-  }
-  render() {
-    return (h("div", { class: "background-blur-image", style: { backgroundImage: this.imgSrc && `url('${this.imgSrc}')` } }, h("slot", null)));
-  }
-};
-YooBackgroundBlurComponent.style = backgroundBlurCss;
-
-export { YooBackgroundBlurComponent as yoo_background_blur };

package/dist/design-system/yoo-recap-link.entry.js

@@ -1,28 +0,0 @@
-import { r as registerInstance, h } from './index-54cb3c5d.js';
-
-const recapLinkCss = ":host .link-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:5.6rem;margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);text-align:left;background-color:var(--light, #ffffff);border-radius:0.5rem;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host .link-wrapper .tag-outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:4rem;height:100%;margin:var(--spacing-16, 1rem)}:host .link-wrapper .tag-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem);border-radius:50%}:host .link-wrapper .text-container{width:calc(100% - 4rem);padding:var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) 0}:host .link-wrapper .heading-container{color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem)}:host .link-wrapper .subheading-container{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}";
-
-const YooRecapLinkComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  renderTag() {
-    return h("yoo-tag", { icon: this.icon || 'left', iconOnlyColor: "app-color", color: "app-color-20", size: "large" });
-  }
-  renderHeading() {
-    if (this.heading) {
-      return h("yoo-truncate", { showEllipsisButton: true, content: this.heading });
-    }
-  }
-  renderSubheading() {
-    if (this.subheading) {
-      return this.subheading;
-    }
-  }
-  render() {
-    return h("div", { class: "link-wrapper" }, h("div", { class: "tag-outer-container" }, this.renderTag()), h("div", { class: "text-container" }, h("div", { class: "heading-container" }, this.renderHeading()), h("div", { class: "subheading-container" }, this.renderSubheading())), h("div", { class: "tag-outer-container" }, h("div", { class: "tag-container" }, h("yoo-icon", { size: "small", color: "stable-alt", name: "right" }))));
-  }
-};
-YooRecapLinkComponent.style = recapLinkCss;
-
-export { YooRecapLinkComponent as yoo_recap_link };

package/dist/design-system/yoo-tappable.entry.js

@@ -1,51 +0,0 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-54cb3c5d.js';
-import { b as getAppContext } from './common-helpers-b5c511b6.js';
-import './overlays-2dacb255.js';
-import './lodash-f839ddb6.js';
-import './index-b7d5ea13.js';
-import './_commonjsHelpers-f4d11124.js';
-import './index-95d86c0a.js';
-
-const tappableCss = ":host{position:relative;z-index:0;display:-ms-flexbox;display:flex;width:100%;overflow:hidden}:host .dot{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:var(--app-color, #5a30f4);z-index:-1;opacity:0.2}@-webkit-keyframes expand-to-full{0%{background-color:var(--app-color, #5a30f4);width:0;opacity:0}100%{background-color:var(--app-color, #5a30f4);width:100%;opacity:0.8}}@keyframes expand-to-full{0%{background-color:var(--app-color, #5a30f4);width:0;opacity:0}100%{background-color:var(--app-color, #5a30f4);width:100%;opacity:0.8}}@-webkit-keyframes anim-in{0%{width:0}100%{z-index:-1;width:100%}}@keyframes anim-in{0%{width:0}100%{z-index:-1;width:100%}}:host .dot.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host .dot:before{position:relative;display:block;margin-top:100%;border-radius:50%;content:\"\"}:host .dot:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;content:\"\"}:host .dot.tapped,:host .dot.active,:host .dot.tapped:after,:host .dot.active:after{border-radius:50%;-webkit-animation:anim-in 0.35s;animation:anim-in 0.35s}:host .dot.hovered,:host .dot.hovered:after{border-radius:50%;-webkit-animation:anim-in 0.15s;animation:anim-in 0.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.neutral) .dot{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:var(--dark, #000000) !important;z-index:-1;opacity:0.2}@keyframes expand-to-full{0%{background-color:var(--dark, #000000) !important;width:0;opacity:0}100%{background-color:var(--dark, #000000) !important;width:100%;opacity:0.8}}@keyframes anim-in{0%{width:0}100%{z-index:-1;width:100%}}:host(.neutral) .dot.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host(.neutral) .dot:before{position:relative;display:block;margin-top:100%;border-radius:50%;content:\"\"}:host(.neutral) .dot:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;content:\"\"}:host(.neutral) .dot.tapped,:host(.neutral) .dot.active,:host(.neutral) .dot.tapped:after,:host(.neutral) .dot.active:after{border-radius:50%;-webkit-animation:anim-in 0.35s;animation:anim-in 0.35s}:host(.neutral) .dot.hovered,:host(.neutral) .dot.hovered:after{border-radius:50%;-webkit-animation:anim-in 0.15s;animation:anim-in 0.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.center){-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";
-
-const YooTappableComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.tapped = false;
-    this.hovered = false;
-    this.touchFlag = true;
-    this.touch_timeout = 500;
-  }
-  onTouchDown() {
-    if (!this.tapped) {
-      this.touchFlag = false;
-      this.dotDiv.classList.add('tapped');
-      setTimeout(() => {
-        if (this.dotDiv && this.dotDiv.classList) {
-          this.dotDiv.classList.remove('tapped');
-          this.tapped = false;
-          this.touchFlag = true;
-        }
-      }, this.touch_timeout);
-    }
-  }
-  onMouseOver() {
-    if (!this.hovered && this.touchFlag) {
-      this.hovered = true;
-      this.dotDiv.classList.add('hovered');
-    }
-  }
-  onMouseOut() {
-    if (this.hovered && this.touchFlag) {
-      this.hovered = false;
-      this.dotDiv.classList.remove('hovered');
-    }
-  }
-  render() {
-    return h(Host, { class: getAppContext(this.host) }, h("slot", null), h("div", { class: "dot", ref: (el) => (this.dotDiv = el) }));
-  }
-  get host() { return getElement(this); }
-};
-YooTappableComponent.style = tappableCss;
-
-export { YooTappableComponent as yoo_tappable };

package/dist/esm/index-6b48d948.js

@@ -1 +0,0 @@
-import './localForage-b7138756.js';

package/dist/esm/index-f728d9cb.js

@@ -1 +0,0 @@
-import './overlays-2dacb255.js';

package/dist/esm/yoo-background-blur.entry.js

@@ -1,53 +0,0 @@
-import { r as registerInstance, h } from './index-54cb3c5d.js';
-import './index-95d86c0a.js';
-import { g as getScreenWidth, a as getScreenHeight } from './common-helpers-b5c511b6.js';
-import { C as CloudinaryGradientLayer, n as Cloudinary } from './overlays-2dacb255.js';
-import './lodash-f839ddb6.js';
-import './index-b7d5ea13.js';
-import './_commonjsHelpers-f4d11124.js';
-
-const backgroundBlurCss = ":host .background-blur-image{background-repeat:no-repeat;background-position-x:center;background-position-y:top}";
-
-const YooBackgroundBlurComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    // settings
-    this.opacity = 0.8;
-    this.blur = 1000;
-    this.cropMode = 'fill';
-    this.imageFlag = 'lossy';
-    this.gradientLayer = new CloudinaryGradientLayer('y', -0.4);
-  }
-  componentWillLoad() {
-    return this.prepareImgSrc();
-  }
-  componentWillUpdate() {
-    return this.prepareImgSrc();
-  }
-  getWidth() {
-    return this.width || getScreenWidth();
-  }
-  getHeight() {
-    return this.height || getScreenHeight();
-  }
-  async prepareImgSrc() {
-    if (this.imageUrl) {
-      const url = new Cloudinary(this.imageUrl)
-        .width(this.getWidth())
-        .height(this.getHeight())
-        .crop(this.cropMode)
-        .blur(this.blur)
-        .flag(this.imageFlag)
-        .opacity(this.opacity * 100)
-        .addLayer(this.gradientLayer)
-        .getUrl();
-      this.imgSrc = url;
-    }
-  }
-  render() {
-    return (h("div", { class: "background-blur-image", style: { backgroundImage: this.imgSrc && `url('${this.imgSrc}')` } }, h("slot", null)));
-  }
-};
-YooBackgroundBlurComponent.style = backgroundBlurCss;
-
-export { YooBackgroundBlurComponent as yoo_background_blur };

package/dist/esm/yoo-recap-link.entry.js

@@ -1,28 +0,0 @@
-import { r as registerInstance, h } from './index-54cb3c5d.js';
-
-const recapLinkCss = ":host .link-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:5.6rem;margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);text-align:left;background-color:var(--light, #ffffff);border-radius:0.5rem;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host .link-wrapper .tag-outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:4rem;height:100%;margin:var(--spacing-16, 1rem)}:host .link-wrapper .tag-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem);border-radius:50%}:host .link-wrapper .text-container{width:calc(100% - 4rem);padding:var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) 0}:host .link-wrapper .heading-container{color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem)}:host .link-wrapper .subheading-container{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}";
-
-const YooRecapLinkComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  renderTag() {
-    return h("yoo-tag", { icon: this.icon || 'left', iconOnlyColor: "app-color", color: "app-color-20", size: "large" });
-  }
-  renderHeading() {
-    if (this.heading) {
-      return h("yoo-truncate", { showEllipsisButton: true, content: this.heading });
-    }
-  }
-  renderSubheading() {
-    if (this.subheading) {
-      return this.subheading;
-    }
-  }
-  render() {
-    return h("div", { class: "link-wrapper" }, h("div", { class: "tag-outer-container" }, this.renderTag()), h("div", { class: "text-container" }, h("div", { class: "heading-container" }, this.renderHeading()), h("div", { class: "subheading-container" }, this.renderSubheading())), h("div", { class: "tag-outer-container" }, h("div", { class: "tag-container" }, h("yoo-icon", { size: "small", color: "stable-alt", name: "right" }))));
-  }
-};
-YooRecapLinkComponent.style = recapLinkCss;
-
-export { YooRecapLinkComponent as yoo_recap_link };