@yoobic/yobi 8.3.0-51 → 8.3.0-52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/yoo-alert.cjs.entry.js +1 -1
  2. package/dist/collection/components/2.molecules/alert/alert.css +2 -2
  3. package/dist/design-system/yoo-alert.entry.js +1 -1
  4. package/dist/esm/yoo-alert.entry.js +1 -1
  5. package/package.json +1 -1
package/dist/cjs/yoo-alert.cjs.entry.js CHANGED
@@ -12,7 +12,7 @@ require('./lodash-72d493b9.js');
12
12
  require('./index-f6133645.js');
13
13
  require('./_commonjsHelpers-94df2ea7.js');
14
14
 
15
- const alertCss = ".accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20001;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .alert-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:70%;max-width:270px;min-height:90px;padding-top:1rem;background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:8px}:host .outer-container .alert-container yoo-button,:host .outer-container .alert-container .header-container,:host .outer-container .alert-container .link,:host .outer-container .alert-container .message-container{padding:0 var(--spacing-24, 1.5rem) var(--spacing-16, 1rem)}:host .outer-container .alert-container .img-container{position:absolute;top:-4rem;left:33%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:5.5rem;height:5.5rem;background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:50%;-webkit-animation:bounce 0.7s ease-out 0.3s 1 normal both;animation:bounce 0.7s ease-out 0.3s 1 normal both}:host .outer-container .alert-container .img-container yoo-avatar{position:absolute;top:10%}:host .outer-container .alert-container .img-container yoo-tag{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .alert-container .header-container,:host .outer-container .alert-container .message-container,:host .outer-container .alert-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .outer-container .alert-container .icon-container{margin-bottom:1rem;font-size:var(--icon-size-04, 3rem)}:host .outer-container .alert-container .header-container{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);text-align:center}:host .outer-container .alert-container .header-container span{overflow:hidden;color:var(--dark, #000000);text-overflow:ellipsis}:host .outer-container .alert-container .header-container.with-image{padding-top:1rem}:host .outer-container .alert-container .message-container{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);text-align:center}:host .outer-container .alert-container .input-container{padding:1rem 1rem 0}:host .outer-container .alert-container .input-container .field-translation{margin-top:var(--spacing-02, 0.125rem)}:host .outer-container .alert-container .buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;height:43px;color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .alert-container .buttons-container .button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-align:center;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host .outer-container .alert-container .buttons-container .button.last{border-right:none}:host .outer-container .alert-container .buttons-container .button.danger{font-weight:var(--font-weight-400, 400)}:host .outer-container .alert-container .link{text-align:center}:host .outer-container .alert-container .footer{margin:0 auto;padding-top:16px;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host(.photo-editor-alert) .outer-container .alert-container .buttons-container .button.danger{color:var(--dark, #000000);font-weight:var(--font-weight-400, 400)}:host(.photo-editor-alert) .outer-container .alert-container .buttons-container .button.last{color:var(--danger, #d44333);font-weight:var(--font-weight-400, 400)}:host(.badge) yoo-navbar yoo-items yoo-button yoo-icon{position:relative}:host(.badge) .outer-container .alert-container .header-container{font-weight:var(--font-weight-400, 400)}:host(.badge) .outer-container .alert-container .message-container{color:var(--stable, #adadad)}:host(.timed-lesson) .outer-container .alert-container .buttons-container .last{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400)}:host(.web) .outer-container .alert-container .message-container{white-space:normal;word-break:break-word;-webkit-user-select:all;-moz-user-select:all;user-select:all}:host(.battle-alert) .outer-container .alert-container .message-container{color:var(--dark, #000000)}:host(.battle-alert) .outer-container .alert-container .img-container{position:relative;top:0;left:0;width:100%;height:var(--icon-size-04, 3rem);margin-top:0.25rem;background:transparent;-webkit-animation:none;animation:none}:host(.battle-alert) .outer-container .alert-container .header-container.with-image{padding-top:0.6rem}:host(.translate-warning) .outer-container .alert-container{max-width:20rem}:host(.translate-warning) .outer-container .alert-container .buttons-container .button.last{color:var(--app-color, #5a30f4)}:host(.confidence) .outer-container .alert-container .message-container{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host(.webpart) .overlay{position:fixed}:host(.webpart) .outer-container{position:fixed}";
15
+ const alertCss = ".accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20001;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .alert-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:70%;max-width:270px;min-height:90px;padding-top:1rem;background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:8px}:host .outer-container .alert-container yoo-button,:host .outer-container .alert-container .header-container,:host .outer-container .alert-container .link,:host .outer-container .alert-container .message-container{padding:0 var(--spacing-24, 1.5rem) var(--spacing-16, 1rem)}:host .outer-container .alert-container .img-container{position:absolute;top:-4rem;left:33%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:5.5rem;height:5.5rem;background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:50%;-webkit-animation:bounce 0.7s ease-out 0.3s 1 normal both;animation:bounce 0.7s ease-out 0.3s 1 normal both}:host .outer-container .alert-container .img-container yoo-avatar{position:absolute;top:10%}:host .outer-container .alert-container .img-container yoo-tag{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .alert-container .header-container,:host .outer-container .alert-container .message-container,:host .outer-container .alert-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .outer-container .alert-container .icon-container{margin-bottom:1rem;font-size:var(--icon-size-04, 3rem)}:host .outer-container .alert-container .header-container{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);text-align:center}:host .outer-container .alert-container .header-container span{overflow:hidden;color:var(--dark, #000000);text-overflow:ellipsis}:host .outer-container .alert-container .header-container.with-image{padding-top:1rem}:host .outer-container .alert-container .message-container{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);text-align:center}:host .outer-container .alert-container .input-container{padding:1rem 1rem 0}:host .outer-container .alert-container .input-container .field-translation{margin-top:var(--spacing-02, 0.125rem)}:host .outer-container .alert-container .buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;height:43px;color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .alert-container .buttons-container .button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-align:center;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host .outer-container .alert-container .buttons-container .button.last{border-right:none}:host .outer-container .alert-container .buttons-container .button.danger{font-weight:var(--font-weight-400, 400)}:host .outer-container .alert-container .link{text-align:center}:host .outer-container .alert-container .footer{margin:0 auto;padding-top:16px;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host(.photo-editor-alert) .outer-container .alert-container .buttons-container .button.danger{color:var(--dark, #000000);font-weight:var(--font-weight-400, 400)}:host(.photo-editor-alert) .outer-container .alert-container .buttons-container .button.last{color:var(--danger, #d44333);font-weight:var(--font-weight-400, 400)}:host(.badge) yoo-navbar yoo-items yoo-button yoo-icon{position:relative}:host(.badge) .outer-container .alert-container .header-container{font-weight:var(--font-weight-400, 400)}:host(.badge) .outer-container .alert-container .message-container{color:var(--stable, #adadad)}:host(.timed-lesson) .outer-container .alert-container .buttons-container .last{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400)}:host(.web) .outer-container .alert-container .message-container{white-space:normal;word-break:break-word;-webkit-user-select:all;-moz-user-select:all;user-select:all}:host(.battle-alert) .outer-container .alert-container .message-container{color:var(--dark, #000000)}:host(.battle-alert) .outer-container .alert-container .img-container{position:relative;top:0;left:0;width:100%;height:var(--icon-size-04, 3rem);margin-top:0.25rem;background:transparent;-webkit-animation:none;animation:none}:host(.battle-alert) .outer-container .alert-container .header-container.with-image{padding-top:0.6rem}:host(.translate-warning) .outer-container .alert-container{max-width:20rem}:host(.translate-warning) .outer-container .alert-container .buttons-container .button.last{color:var(--app-color, #5a30f4)}:host(.confidence) .outer-container .alert-container .message-container{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host(.webpart) .overlay{position:fixed}:host(.webpart) .outer-container{position:fixed}";
16
16
 
17
17
  const LIFECYCLE_MAP = {
18
18
  ionAlertDidPresent: 'ionViewDidEnter',
package/dist/collection/components/2.molecules/alert/alert.css CHANGED
@@ -356,7 +356,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
356
356
  }
357
357
  :host .outer-container .alert-container .message-container {
358
358
  color: var(--dark, #000000);
359
- font-size: var(--font-size-14, 0.875rem);
359
+ font-size: var(--font-size-16, 1rem);
360
360
  text-align: center;
361
361
  }
362
362
  :host .outer-container .alert-container .input-container {
@@ -454,7 +454,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
454
454
 
455
455
  :host(.confidence) .outer-container .alert-container .message-container {
456
456
  color: var(--dark, #000000);
457
- font-size: var(--font-size-14, 0.875rem);
457
+ font-size: var(--font-size-16, 1rem);
458
458
  }
459
459
 
460
460
  :host(.webpart) .overlay {
package/dist/design-system/yoo-alert.entry.js CHANGED
@@ -8,7 +8,7 @@ import './lodash-f6e59a8e.js';
8
8
  import './index-e7f48bcb.js';
9
9
  import './_commonjsHelpers-f4d11124.js';
10
10
 
11
- const alertCss = ".accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20001;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .alert-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:70%;max-width:270px;min-height:90px;padding-top:1rem;background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:8px}:host .outer-container .alert-container yoo-button,:host .outer-container .alert-container .header-container,:host .outer-container .alert-container .link,:host .outer-container .alert-container .message-container{padding:0 var(--spacing-24, 1.5rem) var(--spacing-16, 1rem)}:host .outer-container .alert-container .img-container{position:absolute;top:-4rem;left:33%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:5.5rem;height:5.5rem;background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:50%;-webkit-animation:bounce 0.7s ease-out 0.3s 1 normal both;animation:bounce 0.7s ease-out 0.3s 1 normal both}:host .outer-container .alert-container .img-container yoo-avatar{position:absolute;top:10%}:host .outer-container .alert-container .img-container yoo-tag{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .alert-container .header-container,:host .outer-container .alert-container .message-container,:host .outer-container .alert-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .outer-container .alert-container .icon-container{margin-bottom:1rem;font-size:var(--icon-size-04, 3rem)}:host .outer-container .alert-container .header-container{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);text-align:center}:host .outer-container .alert-container .header-container span{overflow:hidden;color:var(--dark, #000000);text-overflow:ellipsis}:host .outer-container .alert-container .header-container.with-image{padding-top:1rem}:host .outer-container .alert-container .message-container{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);text-align:center}:host .outer-container .alert-container .input-container{padding:1rem 1rem 0}:host .outer-container .alert-container .input-container .field-translation{margin-top:var(--spacing-02, 0.125rem)}:host .outer-container .alert-container .buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;height:43px;color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .alert-container .buttons-container .button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-align:center;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host .outer-container .alert-container .buttons-container .button.last{border-right:none}:host .outer-container .alert-container .buttons-container .button.danger{font-weight:var(--font-weight-400, 400)}:host .outer-container .alert-container .link{text-align:center}:host .outer-container .alert-container .footer{margin:0 auto;padding-top:16px;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host(.photo-editor-alert) .outer-container .alert-container .buttons-container .button.danger{color:var(--dark, #000000);font-weight:var(--font-weight-400, 400)}:host(.photo-editor-alert) .outer-container .alert-container .buttons-container .button.last{color:var(--danger, #d44333);font-weight:var(--font-weight-400, 400)}:host(.badge) yoo-navbar yoo-items yoo-button yoo-icon{position:relative}:host(.badge) .outer-container .alert-container .header-container{font-weight:var(--font-weight-400, 400)}:host(.badge) .outer-container .alert-container .message-container{color:var(--stable, #adadad)}:host(.timed-lesson) .outer-container .alert-container .buttons-container .last{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400)}:host(.web) .outer-container .alert-container .message-container{white-space:normal;word-break:break-word;-webkit-user-select:all;-moz-user-select:all;user-select:all}:host(.battle-alert) .outer-container .alert-container .message-container{color:var(--dark, #000000)}:host(.battle-alert) .outer-container .alert-container .img-container{position:relative;top:0;left:0;width:100%;height:var(--icon-size-04, 3rem);margin-top:0.25rem;background:transparent;-webkit-animation:none;animation:none}:host(.battle-alert) .outer-container .alert-container .header-container.with-image{padding-top:0.6rem}:host(.translate-warning) .outer-container .alert-container{max-width:20rem}:host(.translate-warning) .outer-container .alert-container .buttons-container .button.last{color:var(--app-color, #5a30f4)}:host(.confidence) .outer-container .alert-container .message-container{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host(.webpart) .overlay{position:fixed}:host(.webpart) .outer-container{position:fixed}";
11
+ const alertCss = ".accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20001;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .alert-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:70%;max-width:270px;min-height:90px;padding-top:1rem;background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:8px}:host .outer-container .alert-container yoo-button,:host .outer-container .alert-container .header-container,:host .outer-container .alert-container .link,:host .outer-container .alert-container .message-container{padding:0 var(--spacing-24, 1.5rem) var(--spacing-16, 1rem)}:host .outer-container .alert-container .img-container{position:absolute;top:-4rem;left:33%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:5.5rem;height:5.5rem;background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:50%;-webkit-animation:bounce 0.7s ease-out 0.3s 1 normal both;animation:bounce 0.7s ease-out 0.3s 1 normal both}:host .outer-container .alert-container .img-container yoo-avatar{position:absolute;top:10%}:host .outer-container .alert-container .img-container yoo-tag{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .alert-container .header-container,:host .outer-container .alert-container .message-container,:host .outer-container .alert-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .outer-container .alert-container .icon-container{margin-bottom:1rem;font-size:var(--icon-size-04, 3rem)}:host .outer-container .alert-container .header-container{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);text-align:center}:host .outer-container .alert-container .header-container span{overflow:hidden;color:var(--dark, #000000);text-overflow:ellipsis}:host .outer-container .alert-container .header-container.with-image{padding-top:1rem}:host .outer-container .alert-container .message-container{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);text-align:center}:host .outer-container .alert-container .input-container{padding:1rem 1rem 0}:host .outer-container .alert-container .input-container .field-translation{margin-top:var(--spacing-02, 0.125rem)}:host .outer-container .alert-container .buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;height:43px;color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .alert-container .buttons-container .button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-align:center;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host .outer-container .alert-container .buttons-container .button.last{border-right:none}:host .outer-container .alert-container .buttons-container .button.danger{font-weight:var(--font-weight-400, 400)}:host .outer-container .alert-container .link{text-align:center}:host .outer-container .alert-container .footer{margin:0 auto;padding-top:16px;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host(.photo-editor-alert) .outer-container .alert-container .buttons-container .button.danger{color:var(--dark, #000000);font-weight:var(--font-weight-400, 400)}:host(.photo-editor-alert) .outer-container .alert-container .buttons-container .button.last{color:var(--danger, #d44333);font-weight:var(--font-weight-400, 400)}:host(.badge) yoo-navbar yoo-items yoo-button yoo-icon{position:relative}:host(.badge) .outer-container .alert-container .header-container{font-weight:var(--font-weight-400, 400)}:host(.badge) .outer-container .alert-container .message-container{color:var(--stable, #adadad)}:host(.timed-lesson) .outer-container .alert-container .buttons-container .last{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400)}:host(.web) .outer-container .alert-container .message-container{white-space:normal;word-break:break-word;-webkit-user-select:all;-moz-user-select:all;user-select:all}:host(.battle-alert) .outer-container .alert-container .message-container{color:var(--dark, #000000)}:host(.battle-alert) .outer-container .alert-container .img-container{position:relative;top:0;left:0;width:100%;height:var(--icon-size-04, 3rem);margin-top:0.25rem;background:transparent;-webkit-animation:none;animation:none}:host(.battle-alert) .outer-container .alert-container .header-container.with-image{padding-top:0.6rem}:host(.translate-warning) .outer-container .alert-container{max-width:20rem}:host(.translate-warning) .outer-container .alert-container .buttons-container .button.last{color:var(--app-color, #5a30f4)}:host(.confidence) .outer-container .alert-container .message-container{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host(.webpart) .overlay{position:fixed}:host(.webpart) .outer-container{position:fixed}";
12
12
 
13
13
  const LIFECYCLE_MAP = {
14
14
  ionAlertDidPresent: 'ionViewDidEnter',
package/dist/esm/yoo-alert.entry.js CHANGED
@@ -8,7 +8,7 @@ import './lodash-f6e59a8e.js';
8
8
  import './index-e7f48bcb.js';
9
9
  import './_commonjsHelpers-f4d11124.js';
10
10
 
11
- const alertCss = ".accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20001;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .alert-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:70%;max-width:270px;min-height:90px;padding-top:1rem;background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:8px}:host .outer-container .alert-container yoo-button,:host .outer-container .alert-container .header-container,:host .outer-container .alert-container .link,:host .outer-container .alert-container .message-container{padding:0 var(--spacing-24, 1.5rem) var(--spacing-16, 1rem)}:host .outer-container .alert-container .img-container{position:absolute;top:-4rem;left:33%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:5.5rem;height:5.5rem;background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:50%;-webkit-animation:bounce 0.7s ease-out 0.3s 1 normal both;animation:bounce 0.7s ease-out 0.3s 1 normal both}:host .outer-container .alert-container .img-container yoo-avatar{position:absolute;top:10%}:host .outer-container .alert-container .img-container yoo-tag{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .alert-container .header-container,:host .outer-container .alert-container .message-container,:host .outer-container .alert-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .outer-container .alert-container .icon-container{margin-bottom:1rem;font-size:var(--icon-size-04, 3rem)}:host .outer-container .alert-container .header-container{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);text-align:center}:host .outer-container .alert-container .header-container span{overflow:hidden;color:var(--dark, #000000);text-overflow:ellipsis}:host .outer-container .alert-container .header-container.with-image{padding-top:1rem}:host .outer-container .alert-container .message-container{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);text-align:center}:host .outer-container .alert-container .input-container{padding:1rem 1rem 0}:host .outer-container .alert-container .input-container .field-translation{margin-top:var(--spacing-02, 0.125rem)}:host .outer-container .alert-container .buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;height:43px;color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .alert-container .buttons-container .button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-align:center;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host .outer-container .alert-container .buttons-container .button.last{border-right:none}:host .outer-container .alert-container .buttons-container .button.danger{font-weight:var(--font-weight-400, 400)}:host .outer-container .alert-container .link{text-align:center}:host .outer-container .alert-container .footer{margin:0 auto;padding-top:16px;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host(.photo-editor-alert) .outer-container .alert-container .buttons-container .button.danger{color:var(--dark, #000000);font-weight:var(--font-weight-400, 400)}:host(.photo-editor-alert) .outer-container .alert-container .buttons-container .button.last{color:var(--danger, #d44333);font-weight:var(--font-weight-400, 400)}:host(.badge) yoo-navbar yoo-items yoo-button yoo-icon{position:relative}:host(.badge) .outer-container .alert-container .header-container{font-weight:var(--font-weight-400, 400)}:host(.badge) .outer-container .alert-container .message-container{color:var(--stable, #adadad)}:host(.timed-lesson) .outer-container .alert-container .buttons-container .last{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400)}:host(.web) .outer-container .alert-container .message-container{white-space:normal;word-break:break-word;-webkit-user-select:all;-moz-user-select:all;user-select:all}:host(.battle-alert) .outer-container .alert-container .message-container{color:var(--dark, #000000)}:host(.battle-alert) .outer-container .alert-container .img-container{position:relative;top:0;left:0;width:100%;height:var(--icon-size-04, 3rem);margin-top:0.25rem;background:transparent;-webkit-animation:none;animation:none}:host(.battle-alert) .outer-container .alert-container .header-container.with-image{padding-top:0.6rem}:host(.translate-warning) .outer-container .alert-container{max-width:20rem}:host(.translate-warning) .outer-container .alert-container .buttons-container .button.last{color:var(--app-color, #5a30f4)}:host(.confidence) .outer-container .alert-container .message-container{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host(.webpart) .overlay{position:fixed}:host(.webpart) .outer-container{position:fixed}";
11
+ const alertCss = ".accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20001;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .alert-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:70%;max-width:270px;min-height:90px;padding-top:1rem;background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:8px}:host .outer-container .alert-container yoo-button,:host .outer-container .alert-container .header-container,:host .outer-container .alert-container .link,:host .outer-container .alert-container .message-container{padding:0 var(--spacing-24, 1.5rem) var(--spacing-16, 1rem)}:host .outer-container .alert-container .img-container{position:absolute;top:-4rem;left:33%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:5.5rem;height:5.5rem;background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:50%;-webkit-animation:bounce 0.7s ease-out 0.3s 1 normal both;animation:bounce 0.7s ease-out 0.3s 1 normal both}:host .outer-container .alert-container .img-container yoo-avatar{position:absolute;top:10%}:host .outer-container .alert-container .img-container yoo-tag{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .alert-container .header-container,:host .outer-container .alert-container .message-container,:host .outer-container .alert-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .outer-container .alert-container .icon-container{margin-bottom:1rem;font-size:var(--icon-size-04, 3rem)}:host .outer-container .alert-container .header-container{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);text-align:center}:host .outer-container .alert-container .header-container span{overflow:hidden;color:var(--dark, #000000);text-overflow:ellipsis}:host .outer-container .alert-container .header-container.with-image{padding-top:1rem}:host .outer-container .alert-container .message-container{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);text-align:center}:host .outer-container .alert-container .input-container{padding:1rem 1rem 0}:host .outer-container .alert-container .input-container .field-translation{margin-top:var(--spacing-02, 0.125rem)}:host .outer-container .alert-container .buttons-container{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;height:43px;color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .alert-container .buttons-container .button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-align:center;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host .outer-container .alert-container .buttons-container .button.last{border-right:none}:host .outer-container .alert-container .buttons-container .button.danger{font-weight:var(--font-weight-400, 400)}:host .outer-container .alert-container .link{text-align:center}:host .outer-container .alert-container .footer{margin:0 auto;padding-top:16px;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host(.photo-editor-alert) .outer-container .alert-container .buttons-container .button.danger{color:var(--dark, #000000);font-weight:var(--font-weight-400, 400)}:host(.photo-editor-alert) .outer-container .alert-container .buttons-container .button.last{color:var(--danger, #d44333);font-weight:var(--font-weight-400, 400)}:host(.badge) yoo-navbar yoo-items yoo-button yoo-icon{position:relative}:host(.badge) .outer-container .alert-container .header-container{font-weight:var(--font-weight-400, 400)}:host(.badge) .outer-container .alert-container .message-container{color:var(--stable, #adadad)}:host(.timed-lesson) .outer-container .alert-container .buttons-container .last{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400)}:host(.web) .outer-container .alert-container .message-container{white-space:normal;word-break:break-word;-webkit-user-select:all;-moz-user-select:all;user-select:all}:host(.battle-alert) .outer-container .alert-container .message-container{color:var(--dark, #000000)}:host(.battle-alert) .outer-container .alert-container .img-container{position:relative;top:0;left:0;width:100%;height:var(--icon-size-04, 3rem);margin-top:0.25rem;background:transparent;-webkit-animation:none;animation:none}:host(.battle-alert) .outer-container .alert-container .header-container.with-image{padding-top:0.6rem}:host(.translate-warning) .outer-container .alert-container{max-width:20rem}:host(.translate-warning) .outer-container .alert-container .buttons-container .button.last{color:var(--app-color, #5a30f4)}:host(.confidence) .outer-container .alert-container .message-container{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host(.webpart) .overlay{position:fixed}:host(.webpart) .outer-container{position:fixed}";
12
12
 
13
13
  const LIFECYCLE_MAP = {
14
14
  ionAlertDidPresent: 'ionViewDidEnter',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoobic/yobi",
3
- "version": "8.3.0-51",
3
+ "version": "8.3.0-52",
4
4
  "description": "Yobi - Yoobic Design System",
5
5
  "module": "dist/index.js",
6
6
  "main": "dist/index.cjs.js",