wj-elements 0.1.3 → 0.1.5

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.
package/dist/light.css CHANGED
@@ -1 +1 @@
1
- :root,:host,.wje-theme-light,.light{color-scheme:light;--wje-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--wje-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-force-mac-font-family: -apple-system, BlinkMacSystemFont,"Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-font-size-x-small: .625rem;--wje-font-size-small: .75rem;--wje-font-size: .875rem;--wje-font-size-medium: 1rem;--wje-font-size-large: 1.25rem;--wje-font-size-x-large: 1.5rem;--wje-font-size-2x-large: 2.25rem;--wje-font-size-3x-large: 3rem;--wje-font-size-4x-large: 4.5rem;--wje-line-height: 21px;--wje-border-radius-small: .25rem;--wje-border-radius-medium: .5rem;--wje-border-radius-large: .75rem;--wje-border-radius-x-large: 1rem;--wje-border-radius-circle: 50%;--wje-border-radius-pill: 50rem;--wje-border-size: 0px;--wje-border-style: solid;--wje-box-shadow-medium: 0 1px 8px rgba(0,0,0,.5);--wje-box-shadow-large: rgba(0, 0, 0, .12) 0 4px 16px;--wje-backdrop: rgb(0, 0, 0);--wje-backdrop-opacity: .3;--wje-color: hsl(0, 0%, 29%);--wje-color-dark: hsl(0, 0%, 29%);--wje-color-light: hsl(0 0% 95%);--wje-background: var(--wje-color-contrast-0);--wje-border-color: var(--wje-color-contrast-3);--wje-card-background: var(--wje-color-contrast-0);--wje-card-color: var(--wje-color);--wje-color-primary: var(--wje-color-primary-11);--wje-color-complete: var(--wje-color-complete-11);--wje-color-success: var(--wje-color-success-11);--wje-color-warning: var(--wje-color-warning-11);--wje-color-danger: var(--wje-color-danger-11);--wje-color-info: var(--wje-color-info-11);--wje-color-menu: hsl(220, 15%, 15%);--wje-color-contrast: hsl(0, 0%, 95%);--wje-color-white: #fff;--wje-color-black: #000;--wje-color-contrast-lowest: #ffffff;--wje-color-contrast-lower: #f4f4f4;--wje-color-contrast-low: #e0e0e0;--wje-color-contrast-medium: #757575;--wje-color-contrast-high: #4b4b4b;--wje-color-contrast-highter: #212121;--wje-color-contrast-highest: #000000;--wje-color-contrast-0: hsl(0, 0%, 100%);--wje-color-contrast-1: hsl(0 0% 97.5%);--wje-color-contrast-2: hsl(240 4.8% 95.9%);--wje-color-contrast-3: hsl(240 5.9% 90%);--wje-color-contrast-4: hsl(240 4.9% 83.9%);--wje-color-contrast-5: hsl(240 5% 64.9%);--wje-color-contrast-6: hsl(240 3.8% 46.1%);--wje-color-contrast-7: hsl(240 5.2% 33.9%);--wje-color-contrast-8: hsl(240 5.3% 26.1%);--wje-color-contrast-9: hsl(240 3.7% 15.9%);--wje-color-contrast-10: hsl(240 5.9% 10%);--wje-color-contrast-11: hsl(240 7.3% 8%);--wje-color-primary-1: hsl(261, 70%, 96%);--wje-color-primary-2: hsl(260, 65%, 92%);--wje-color-primary-3: hsl(260, 63%, 88%);--wje-color-primary-4: hsl(260, 62%, 84%);--wje-color-primary-5: hsl(260, 63%, 80%);--wje-color-primary-6: hsl(259, 61%, 76%);--wje-color-primary-7: hsl(258, 61%, 72%);--wje-color-primary-8: hsl(257, 61%, 68%);--wje-color-primary-9: hsl(257, 60%, 65%);--wje-color-primary-10: hsl(256, 59%, 61%);--wje-color-primary-11: hsl(254, 59%, 57%);--wje-color-complete-1: hsl(232, 88%, 96%);--wje-color-complete-2: hsl(229, 88%, 93%);--wje-color-complete-3: hsl(229, 84%, 89%);--wje-color-complete-4: hsl(229, 85%, 86%);--wje-color-complete-5: hsl(227, 84%, 82%);--wje-color-complete-6: hsl(226, 83%, 78%);--wje-color-complete-7: hsl(225, 83%, 74%);--wje-color-complete-8: hsl(223, 83%, 70%);--wje-color-complete-9: hsl(221, 83%, 65%);--wje-color-complete-10: hsl(218, 83%, 59%);--wje-color-complete-11: hsl(211, 100%, 46%);--wje-color-success-1: hsl(147, 44%, 95%);--wje-color-success-2: hsl(148, 42%, 90%);--wje-color-success-3: hsl(149, 41%, 85%);--wje-color-success-4: hsl(150, 41%, 80%);--wje-color-success-5: hsl(149, 42%, 75%);--wje-color-success-6: hsl(150, 41%, 70%);--wje-color-success-7: hsl(151, 42%, 65%);--wje-color-success-8: hsl(152, 42%, 59%);--wje-color-success-9: hsl(153, 42%, 54%);--wje-color-success-10: hsl(155, 48%, 47%);--wje-color-success-11: hsl(158, 74%, 38%);--wje-color-warning-1: hsl(44, 100%, 96%);--wje-color-warning-2: hsl(46, 100%, 93%);--wje-color-warning-3: hsl(46, 100%, 90%);--wje-color-warning-4: hsl(46, 100%, 87%);--wje-color-warning-5: hsl(46, 100%, 84%);--wje-color-warning-6: hsl(46, 100%, 81%);--wje-color-warning-7: hsl(46, 100%, 77%);--wje-color-warning-8: hsl(47, 100%, 74%);--wje-color-warning-9: hsl(47, 100%, 71%);--wje-color-warning-10: hsl(47, 100%, 67%);--wje-color-warning-11: hsl(47, 100%, 63%);--wje-color-danger-1: hsl(9, 100%, 96%);--wje-color-danger-2: hsl(11, 100%, 91%);--wje-color-danger-3: hsl(11, 93%, 87%);--wje-color-danger-4: hsl(10, 90%, 83%);--wje-color-danger-5: hsl(9, 86%, 79%);--wje-color-danger-6: hsl(10, 82%, 74%);--wje-color-danger-7: hsl(8, 80%, 70%);--wje-color-danger-8: hsl(8, 77%, 65%);--wje-color-danger-9: hsl(7, 73%, 61%);--wje-color-danger-10: hsl(6, 71%, 56%);--wje-color-danger-11: hsl(3, 68%, 51%);--wje-color-info-1: hsl(210, 5%, 92%);--wje-color-info-2: hsl(204, 6%, 85%);--wje-color-info-3: hsl(210, 7%, 78%);--wje-color-info-4: hsl(206, 6%, 71%);--wje-color-info-5: hsl(212, 6%, 65%);--wje-color-info-6: hsl(207, 6%, 58%);--wje-color-info-7: hsl(210, 6%, 52%);--wje-color-info-8: hsl(210, 7%, 45%);--wje-color-info-9: hsl(210, 9%, 39%);--wje-color-info-10: hsl(208, 12%, 33%);--wje-color-info-11: hsl(208, 16%, 27%);--wje-color-primary-lighter: #eae0fb;--wje-color-primary-light: #845ae0;--wje-color-primary-dark: #4e37b6;--wje-color-primary-darker: #2d218f;--wje-color-success-lighter: #d6f7f0;--wje-color-success-light: #26bf93;--wje-color-success-dark: #0d935b;--wje-color-success-darker: #04733e;--wje-color-complete-lighter: #d3eeff;--wje-color-complete-light: #0f8ff9;--wje-color-complete-dark: #004fbf;--wje-color-complete-darker: #00318e;--wje-color-warning-lighter: #fffde1;--wje-color-warning-light: #ffe858;--wje-color-warning-dark: #daab2d;--wje-color-warning-darker: #aa7918;--wje-color-danger-lighter: #fde2da;--wje-color-danger-light: #e6533c;--wje-color-danger-dark: #b91e1e;--wje-color-danger-darker: #900f17;--wje-color-info-lighter: #dbe6e8;--wje-color-info-light: #475b6b;--wje-color-info-dark: #2b3947;--wje-color-info-darker: #1b2839;--wje-color-contrast-lower-a: rgba(33, 33, 33, .05);--wje-color-contrast-low-a: rgba(33, 33, 33, .14);--wje-color-contrast-medium-a: rgba(33, 33, 33, .62);--wje-color-contrast-high-a: rgba(33, 33, 33, .81)}:root *,:host *,.wje-theme-light *,.light *{box-sizing:border-box!important}
1
+ :root,:host,.wje-theme-light,.light{color-scheme:light;--wje-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--wje-font-family-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-force-mac-font-family: -apple-system, BlinkMacSystemFont,"Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell","Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;--wje-font-size-x-small: .625rem;--wje-font-size-small: .75rem;--wje-font-size: .875rem;--wje-font-size-medium: 1rem;--wje-font-size-large: 1.25rem;--wje-font-size-x-large: 1.5rem;--wje-font-size-2x-large: 2.25rem;--wje-font-size-3x-large: 3rem;--wje-font-size-4x-large: 4.5rem;--wje-line-height: 21px;--wje-border-radius-small: .25rem;--wje-border-radius-medium: .5rem;--wje-border-radius-large: .75rem;--wje-border-radius-x-large: 1rem;--wje-border-radius-circle: 50%;--wje-border-radius-pill: 50rem;--wje-border-size: 0px;--wje-border-style: solid;--wje-box-shadow-medium: 0 1px 8px rgba(0,0,0,.5);--wje-box-shadow-large: rgba(0, 0, 0, .12) 0 4px 16px;--wje-backdrop: rgb(0, 0, 0);--wje-backdrop-opacity: .3;--wje-color: hsl(0, 0%, 29%);--wje-color-dark: hsl(0, 0%, 29%);--wje-color-light: hsl(0 0% 95%);--wje-background: var(--wje-color-contrast-0);--wje-border-color: var(--wje-color-contrast-3);--wje-card-background: var(--wje-color-contrast-0);--wje-card-color: var(--wje-color);--wje-color-primary: var(--wje-color-primary-11);--wje-color-complete: var(--wje-color-complete-11);--wje-color-success: var(--wje-color-success-11);--wje-color-warning: var(--wje-color-warning-11);--wje-color-danger: var(--wje-color-danger-11);--wje-color-info: var(--wje-color-info-11);--wje-color-menu: hsl(220, 15%, 15%);--wje-color-contrast: hsl(0, 0%, 95%);--wje-color-white: #fff;--wje-color-black: #000;--wje-color-contrast-lowest: #ffffff;--wje-color-contrast-lower: #f4f4f4;--wje-color-contrast-low: #e0e0e0;--wje-color-contrast-medium: #757575;--wje-color-contrast-high: #4b4b4b;--wje-color-contrast-highter: #212121;--wje-color-contrast-highest: #000000;--wje-color-contrast-0: hsl(0, 0%, 100%);--wje-color-contrast-1: hsl(0 0% 97.5%);--wje-color-contrast-2: hsl(240 4.8% 95.9%);--wje-color-contrast-3: hsl(240 5.9% 90%);--wje-color-contrast-4: hsl(240 4.9% 83.9%);--wje-color-contrast-5: hsl(240 5% 64.9%);--wje-color-contrast-6: hsl(240 3.8% 46.1%);--wje-color-contrast-7: hsl(240 5.2% 33.9%);--wje-color-contrast-8: hsl(240 5.3% 26.1%);--wje-color-contrast-9: hsl(240 3.7% 15.9%);--wje-color-contrast-10: hsl(240 5.9% 10%);--wje-color-contrast-11: hsl(240 7.3% 8%);--wje-color-primary-1: hsl(261, 70%, 96%);--wje-color-primary-2: hsl(260, 65%, 92%);--wje-color-primary-3: hsl(260, 63%, 88%);--wje-color-primary-4: hsl(260, 62%, 84%);--wje-color-primary-5: hsl(260, 63%, 80%);--wje-color-primary-6: hsl(259, 61%, 76%);--wje-color-primary-7: hsl(258, 61%, 72%);--wje-color-primary-8: hsl(257, 61%, 68%);--wje-color-primary-9: hsl(257, 60%, 65%);--wje-color-primary-10: hsl(256, 59%, 61%);--wje-color-primary-11: hsl(254, 59%, 57%);--wje-color-complete-1: hsl(232, 88%, 96%);--wje-color-complete-2: hsl(229, 88%, 93%);--wje-color-complete-3: hsl(229, 84%, 89%);--wje-color-complete-4: hsl(229, 85%, 86%);--wje-color-complete-5: hsl(227, 84%, 82%);--wje-color-complete-6: hsl(226, 83%, 78%);--wje-color-complete-7: hsl(225, 83%, 74%);--wje-color-complete-8: hsl(223, 83%, 70%);--wje-color-complete-9: hsl(221, 83%, 65%);--wje-color-complete-10: hsl(218, 83%, 59%);--wje-color-complete-11: hsl(211, 100%, 46%);--wje-color-success-1: hsl(147, 44%, 95%);--wje-color-success-2: hsl(148, 42%, 90%);--wje-color-success-3: hsl(149, 41%, 85%);--wje-color-success-4: hsl(150, 41%, 80%);--wje-color-success-5: hsl(149, 42%, 75%);--wje-color-success-6: hsl(150, 41%, 70%);--wje-color-success-7: hsl(151, 42%, 65%);--wje-color-success-8: hsl(152, 42%, 59%);--wje-color-success-9: hsl(153, 42%, 54%);--wje-color-success-10: hsl(155, 48%, 47%);--wje-color-success-11: hsl(158, 74%, 38%);--wje-color-warning-1: hsl(44, 100%, 96%);--wje-color-warning-2: hsl(46, 100%, 93%);--wje-color-warning-3: hsl(46, 100%, 90%);--wje-color-warning-4: hsl(46, 100%, 87%);--wje-color-warning-5: hsl(46, 100%, 84%);--wje-color-warning-6: hsl(46, 100%, 81%);--wje-color-warning-7: hsl(46, 100%, 77%);--wje-color-warning-8: hsl(47, 100%, 74%);--wje-color-warning-9: hsl(47, 100%, 71%);--wje-color-warning-10: hsl(47, 100%, 67%);--wje-color-warning-11: hsl(47, 100%, 63%);--wje-color-danger-1: hsl(9, 100%, 96%);--wje-color-danger-2: hsl(11, 100%, 91%);--wje-color-danger-3: hsl(11, 93%, 87%);--wje-color-danger-4: hsl(10, 90%, 83%);--wje-color-danger-5: hsl(9, 86%, 79%);--wje-color-danger-6: hsl(10, 82%, 74%);--wje-color-danger-7: hsl(8, 80%, 70%);--wje-color-danger-8: hsl(8, 77%, 65%);--wje-color-danger-9: hsl(7, 73%, 61%);--wje-color-danger-10: hsl(6, 71%, 56%);--wje-color-danger-11: hsl(3, 68%, 51%);--wje-color-info-1: hsl(210, 5%, 92%);--wje-color-info-2: hsl(204, 6%, 85%);--wje-color-info-3: hsl(210, 7%, 78%);--wje-color-info-4: hsl(206, 6%, 71%);--wje-color-info-5: hsl(212, 6%, 65%);--wje-color-info-6: hsl(207, 6%, 58%);--wje-color-info-7: hsl(210, 6%, 52%);--wje-color-info-8: hsl(210, 7%, 45%);--wje-color-info-9: hsl(210, 9%, 39%);--wje-color-info-10: hsl(208, 12%, 33%);--wje-color-info-11: hsl(208, 16%, 27%);--wje-color-primary-lighter: #eae0fb;--wje-color-primary-light: #845ae0;--wje-color-primary-dark: #4e37b6;--wje-color-primary-darker: #2d218f;--wje-color-success-lighter: #d6f7f0;--wje-color-success-light: #26bf93;--wje-color-success-dark: #0d935b;--wje-color-success-darker: #04733e;--wje-color-complete-lighter: #d3eeff;--wje-color-complete-light: #0f8ff9;--wje-color-complete-dark: #004fbf;--wje-color-complete-darker: #00318e;--wje-color-warning-lighter: #fffde1;--wje-color-warning-light: #ffe858;--wje-color-warning-dark: #daab2d;--wje-color-warning-darker: #aa7918;--wje-color-danger-lighter: #fde2da;--wje-color-danger-light: #e6533c;--wje-color-danger-dark: #b91e1e;--wje-color-danger-darker: #900f17;--wje-color-info-lighter: #dbe6e8;--wje-color-info-light: #475b6b;--wje-color-info-dark: #2b3947;--wje-color-info-darker: #1b2839;--wje-color-contrast-lower-a: rgba(33, 33, 33, .05);--wje-color-contrast-low-a: rgba(33, 33, 33, .14);--wje-color-contrast-medium-a: rgba(33, 33, 33, .62);--wje-color-contrast-high-a: rgba(33, 33, 33, .81);--wje-menu-background: var(--wje-background);--wje-menu-border-width: 1px;--wje-menu-border-style: solid;--wje-menu-border-color: var(--wje-border-color);--wje-menu-border-radius: var(--wje-border-radius-small);--wje-menu-padding-top: .5rem;--wje-menu-padding-bottom: .5rem;--wje-menu-padding-inline: 0;--wje-menu-margin-top: ;--wje-menu-margin-bottom: 0;--wje-menu-margin-inline: 0;--wje-menu-collapse-width: 65px}:root *,:host *,.wje-theme-light *,.light *{box-sizing:border-box!important}
package/dist/wje-menu.js CHANGED
@@ -2,7 +2,7 @@ var s = Object.defineProperty;
2
2
  var d = (n, t, e) => t in n ? s(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
3
3
  var o = (n, t, e) => (d(n, typeof t != "symbol" ? t + "" : t, e), e);
4
4
  import l from "./wje-element.js";
5
- const u = ":scope{--wje-menu-background: var(--wje-background);--wje-menu-border-width: 1px;--wje-menu-border-style: solid;--wje-menu-border-color: var(--wje-border-color);--wje-menu-border-radius: var(--wje-border-radius-small);--wje-menu-padding-top: .5rem;--wje-menu-padding-bottom: .5rem;--wje-menu-padding-inline: 0;--wje-menu-margin-top: ;--wje-menu-margin-bottom: 0;--wje-menu-margin-inline: 0;--wje-menu-collapse-width: 65px}:host{display:none;background:var(--wje-menu-background);position:relative;border-width:var(--wje-menu-border-width);border-style:var(--wje-menu-border-style);border-color:var(--wje-menu-border-color);z-index:var(--wje-menu-z-index, 8);border-radius:var(--wje-menu-border-radius);padding-top:var(--wje-menu-padding-top);padding-bottom:var(--wje-menu-padding-bottom);padding-inline:var(--wje-menu-padding-inline);margin-top:var(--wje-menu-margin-top);margin-bottom:var(--wje-menu-margin-bottom);margin-inline:var(--wje-menu-margin-inline);overflow:auto;overscroll-behavior:none}:host .native-menu{display:flex;flex-direction:column;width:100%}:host .native-menu ::slotted(wje-button){margin:0}:host(.wje-menu-collapse){width:var(--wje-menu-collapse-width)}:host([variant=context]){display:block!important;margin-left:var(--wje-menu-submenu-offset)}:host([variant=megamenu]) .native-menu{flex-direction:row;align-items:end;flex-wrap:nowrap}:host([variant=megamenu]) .native-menu .check-icon{display:none}:host([active]){display:flex!important}";
5
+ const u = ":host{--wje-menu-background: var(--wje-background);--wje-menu-border-width: 1px;--wje-menu-border-style: solid;--wje-menu-border-color: var(--wje-border-color);--wje-menu-border-radius: var(--wje-border-radius-small);--wje-menu-padding-top: .5rem;--wje-menu-padding-bottom: .5rem;--wje-menu-padding-inline: 0;--wje-menu-margin-top: ;--wje-menu-margin-bottom: 0;--wje-menu-margin-inline: 0;--wje-menu-collapse-width: 65px}:host{display:none;background:var(--wje-menu-background);position:relative;border-width:var(--wje-menu-border-width);border-style:var(--wje-menu-border-style);border-color:var(--wje-menu-border-color);z-index:var(--wje-menu-z-index, 8);border-radius:var(--wje-menu-border-radius);padding-top:var(--wje-menu-padding-top);padding-bottom:var(--wje-menu-padding-bottom);padding-inline:var(--wje-menu-padding-inline);margin-top:var(--wje-menu-margin-top);margin-bottom:var(--wje-menu-margin-bottom);margin-inline:var(--wje-menu-margin-inline);overflow:auto;overscroll-behavior:none}:host .native-menu{display:flex;flex-direction:column;width:100%}:host .native-menu ::slotted(wje-button){margin:0}:host(.wje-menu-collapse){width:var(--wje-menu-collapse-width)}:host([variant=context]){display:block!important;margin-left:var(--wje-menu-submenu-offset)}:host([variant=megamenu]) .native-menu{flex-direction:row;align-items:end;flex-wrap:nowrap}:host([variant=megamenu]) .native-menu .check-icon{display:none}:host([active]){display:flex!important}";
6
6
  class i extends l {
7
7
  /**
8
8
  * Creates an instance of Menu.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "wj-elements",
3
3
  "description": "WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.",
4
- "version": "0.1.3",
4
+ "version": "0.1.5",
5
5
  "homepage": "https://github.com/lencys/wj-elements",
6
6
  "author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
7
7
  "license": "MIT",