wj-elements 0.1.10 → 0.1.12

package/dist/light.css

@@ -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-line-height-denser: 1.2;--wje-line-height-dense: 1.4;--wje-line-height-normal: 1.5;--wje-line-height-loose: 1.6;--wje-line-height-looser: 1.8;--wje-font-size-2x-small: .5rem;--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-spacing-4x-small: .125rem;--wje-spacing-3x-small: .25rem;--wje-spacing-2x-small: .375rem;--wje-spacing-x-small: .5rem;--wje-spacing-small: .75rem;--wje-spacing-medium: 1rem;--wje-spacing-large: 1.5rem;--wje-spacing-x-large: 2rem;--wje-spacing-2x-large: 2.5rem;--wje-spacing-3x-large: 3rem;--wje-spacing-4x-large: 4.5rem;--wje-font-weight-light: 300;--wje-font-weight-normal: 400;--wje-font-weight-medium: 500;--wje-font-weight-semibold: 600;--wje-font-weight-bold: 700;--wje-border-radius-small: .125rem;--wje-border-radius-medium: .25rem;--wje-border-radius-large: .5rem;--wje-border-radius-x-large: 1rem;--wje-border-radius-circle: 50%;--wje-border-radius-pill: 50rem;--wje-shadow-small: 0 1px 2px rgba(0, 0, 0, .05);--wje-shadow-medium: 0 2px 4px rgba(0, 0, 0, .1);--wje-shadow-large: 0 4px 8px rgba(0, 0, 0, .1);--wje-shadow-x-large: 0 8px 16px rgba(0, 0, 0, .1);--wje-shadow-2x-large: 0 16px 32px rgba(0, 0, 0, .1);--wje-letter-spacing-tightest: -.05em;--wje-letter-spacing-tighter: -.025em;--wje-letter-spacing-normal: 0em;--wje-letter-spacing-wider: .025em;--wje-letter-spacing-widest: .05em;--wje-transition-fast: .2s ease-in-out;--wje-transition-medium: .4s ease-in-out;--wje-transition-slow: .6s ease-in-out;--wje-size-4x-small: .125rem;--wje-size-3x-small: .25rem;--wje-size-2x-small: .5rem;--wje-size-x-small: .625rem;--wje-size-small: .75rem;--wje-size-medium: .875rem;--wje-size: 1rem;--wje-size-large: 1.25rem;--wje-size-x-large: 1.5rem;--wje-size-2x-large: 2.25rem;--wje-size-3x-large: 3rem;--wje-size-4x-large: 4.5rem;--wje-size-5x-large: 9rem;--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-menu: hsl(220, 15%, 15%);--wje-color-contrast: hsl(0, 0%, 95%);--wje-color-white: #fff;--wje-color-black: #000;--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-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-avatar-width: 32px;--wje-avatar-height: 32px;--wje-avatar-font-size: var(--wje-font-size-small);--wje-avatar-font-weight: var(--wje-font-weight-normal);--wje-avatar-color: inherit;--wje-avatar-background-color: var(--wje-color-contrast-low);--wje-avatar-border-radius: var(--wje-border-radius-circle);--wje-avatar-border-color: transparent;--wje-avatar-border-width: 1px;--wje-avatar-border-style: solid;--wje-badge-border-radius: var(--wje-border-radius-pill);--wje-badge-padding-block-start: var(--wje-spacing-3x-small);--wje-badge-padding-block-end: var(--wje-spacing-3x-small);--wje-badge-padding-inline-start: var(--wje-spacing-2x-small);--wje-badge-padding-inline-end: var(--wje-spacing-2x-small);--wje-breadcrumb-a: var(--wje-color-contrast-8);--wje-breadcrumb-a-hover: var(--wje-color-contrast-medium);--wje-button-border-radius: var(--wje-border-radius-medium);--wje-button-border-width: 1px;--wje-button-border-style: solid;--wje-button-border-color: var(--wje-color-contrast-1);--wje-button-margin-inline: 0;--wje-button-outline: none;--wje-card-border-color: transparent;--wje-card-header-padding: 1rem 1rem .5rem;--wje-card-controls-font-size: var(--wje-font-size-small);--wje-card-controls-font-family: var(--wje-font-family-secondary);--wje-card-subtitle-font-size: var(--wje-font-size-small);--wje-card-subtitle-font-family: var(--wje-font-family-secondary);--wje-card-subtitle-padding: 0;--wje-card-content-padding: 0 1rem 1rem;--wje-card-title-font-size: var(--wje-font-size-x-large);--wje-card-title-font-weight: var(--wje-font-weight-medium);--wje-card-title-margin: 0;--wje-card-title-padding: 0;--wje-card-title-line-height: 1.2;--wje-scroll-hint: 0px;--wje-carousel-width: 100%;--wje-carousel-height: auto;--wje-carousel-size: 100%;--wje-carousel-item-aspect-ratio: inherit;--wje-container-indent: 0;--wje-grey-check-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQAgMAAADsa5zLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTHBwcG9vb3BwcBFjhIYAAAAEdFJOUwBG9tQE3MceAAAAVUlEQVQoz2NgGLKA0QGIDwDxBSCeAMEYgAWI2YCK2CagYgwgDcRSDhgYbAkKzsSKGdgakCyY6ADES7BiiCkgJ4PYyybgxAhQAsRZDrgxCpDEg4cAAAAp2ibhZRGLHgAAAABJRU5ErkJggg==) left center;--wje-white-check-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQAgMAAADsa5zLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTP///////////waf0AoAAAAEdFJOUwBG9tQE3MceAAAAVUlEQVQoz2NgGLKA0QGIDwDxBSCeAMEYgAWI2YCK2CagYgwgDcRSDhgYbAkKzsSKGdgakCyY6ADES7BiiCkgJ4PYyybgxAhQAsRZDrgxCpDEg4cAAAAp2ibhZRGLHgAAAABJRU5ErkJggg==) left center;--wje-checkbox-margin-top: 0;--wje-checkbox-margin-bottom: var(--wje-spacing-x-small);--wje-checkbox-margin-inline: 0;--wje-checkbox-width: 1rem;--wje-checkbox-height: 1rem;--wje-chip-border-radius: 100px;--wje-chip-margin: 0;--wje-dialog-width: 600px;--wje-dialog-height: 600px;--wje-dialog-border-radius: var(--wje-border-radius-medium);--wje-dialog-border-width: var(--wje-border-width);--wje-dialog-border-style: var(--wje-border-style);--wje-dialog-border-color: var(--wje-border-color);--wje-dialog-margin-top: auto;--wje-dialog-margin-start: auto;--wje-dialog-margin-end: auto;--wje-dialog-margin-bottom: auto;--wje-dialog-padding: var(--wje-spacing-medium);--wje-dialog-padding-inline: var(--wje-spacing-medium);--wje-dialog-padding-top: var(--wje-spacing-medium);--wje-dialog-padding-bottom: var(--wje-spacing-medium);--wje-divider-border-width: var(--wje-border-width, 1px);--wje-divider-border-style: var(--wje-border-style);--wje-divider-border-color: var(--wje-border-color);--wje-divider-spacing: 0;--wje-icon-stroke: 2;--wje-icon-size: var(--wje-size);--wje-icon-color: currentColor;--wje-infinite-scroll-width: 100%;--wje-infinite-scroll-height: 300px;--wje-infinite-scroll-loading-bg: rgba(0, 0, 0, 0);--wje-img-compare-divider-area: 12px;--wje-img-compare-divider-background: white;--wje-img-compare-divider-size: 2px;--wje-img-compare-divider-left: 50%;--wje-img-compare-position: 50%;--wje-img-compare-clip-path: inset(0 calc(100% - var(--wje-img-compare-position)) 0 0);--wje-list-inset-padding: 1rem;--wje-list-border-radius: var(--wje-border-radius-medium);--wje-list-background: var(--wje-background);--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-medium);--wje-menu-padding-top: var(--wje-spacing-x-small);--wje-menu-padding-bottom: var(--wje-spacing-x-small);--wje-menu-padding-inline: 0;--wje-menu-margin-top: 9;--wje-menu-margin-bottom: 0;--wje-menu-margin-inline: 0;--wje-menu-collapse-width: 65px;--wje-menu-z-index: 8;--wje-menu-item-color: var(--wje-color);--wje-menu-item-background: transparent;--wje-menu-item-color-hover: var(--wje-color-contrast-8);--wje-menu-item-background-hover: var(--wje-border-color);--wje-menu-item-color-focus: var(--wje-color-contrast-8);--wje-menu-item-background-focus: var(--wje-border-color);--wje-menu-item-color-active: var(--wje-color-contrast-8);--wje-menu-item-background-active: var(--wje-border-color);--wje-menu-item-padding-top: var(--wje-spacing-x-small);--wje-menu-item-padding-bottom: var(--wje-spacing-x-small);--wje-menu-item-line-height: 1.8rem;--wje-menu-submenu-offset: 0;--wje-menu-item-icon-visibility: hidden;--wje-menu-label-font-size: var(--wje-font-size-small);--wje-menu-label-weight: var(--wje-font-weight-semibold);--wje-option-padding-top: var(--wje-spacing-x-small);--wje-option-padding-bottom: var(--wje-spacing-x-small);--wje-option-highlighted: var(--wje-color-contrast-3);--wje-rate-gap: .25rem;--wje-tab-text-transfrom: uppercase;--wje-tab-font-weight: var(--wje-font-weight-medium);--wje-tab-letter-spacing: var(--wje-letter-spacing-widest);--wje-tab-padding-inline: var(--wje-spacing-medium);--wje-tab-padding-top: var(--wje-spacing-small);--wje-tab-padding-bottom: var(--wje-spacing-small);--wje-tab-color-active: var(--wje-color-primary-11);--wje-tab-color-hover: var(--wje-color-primary-1);--wje-textarea-font-family: var(--wje-font-family);--wje-textarea-background-color: var(--wje-background);--wje-textarea-color: var(--wje-color);--wje-textarea-color-invalid: var(--wje-color-danger);--wje-textarea-border-width: 1px;--wje-textarea-border-style: solid;--wje-textarea-border-color: var(--wje-border-color);--wje-textarea-border-color-focus: var(--wje-color-primary);--wje-textarea-border-radius: var(--wje-border-radius-medium);--wje-textarea-margin-bottom: var(--wje-spacing-x-small);--wje-textarea-line-height: 20px;--wje-textarea-padding: var(--wje-spacing-x-small);--wje-thumbnail-width: 48px;--wje-thumbnail-height: 48px;--wje-thumbnail-border-radius: var(--wje-border-radius-medium)}:root *,:host *,.wje-theme-light *,.light *{box-sizing:border-box!important}
+: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-line-height-denser: 1.2;--wje-line-height-dense: 1.4;--wje-line-height-normal: 1.5;--wje-line-height-loose: 1.6;--wje-line-height-looser: 1.8;--wje-font-size-2x-small: .5rem;--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-spacing-4x-small: .125rem;--wje-spacing-3x-small: .25rem;--wje-spacing-2x-small: .375rem;--wje-spacing-x-small: .5rem;--wje-spacing-small: .75rem;--wje-spacing-medium: 1rem;--wje-spacing-large: 1.5rem;--wje-spacing-x-large: 2rem;--wje-spacing-2x-large: 2.5rem;--wje-spacing-3x-large: 3rem;--wje-spacing-4x-large: 4.5rem;--wje-font-weight-light: 300;--wje-font-weight-normal: 400;--wje-font-weight-medium: 500;--wje-font-weight-semibold: 600;--wje-font-weight-bold: 700;--wje-border-radius-small: .125rem;--wje-border-radius-medium: .25rem;--wje-border-radius-large: .5rem;--wje-border-radius-x-large: 1rem;--wje-border-radius-circle: 50%;--wje-border-radius-pill: 50rem;--wje-shadow-small: 0 1px 2px rgba(0, 0, 0, .05);--wje-shadow-medium: 0 2px 4px rgba(0, 0, 0, .1);--wje-shadow-large: 0 4px 8px rgba(0, 0, 0, .1);--wje-shadow-x-large: 0 8px 16px rgba(0, 0, 0, .1);--wje-shadow-2x-large: 0 16px 32px rgba(0, 0, 0, .1);--wje-letter-spacing-tightest: -.05em;--wje-letter-spacing-tighter: -.025em;--wje-letter-spacing-normal: 0em;--wje-letter-spacing-wider: .025em;--wje-letter-spacing-widest: .05em;--wje-transition-fast: .2s ease-in-out;--wje-transition-medium: .4s ease-in-out;--wje-transition-slow: .6s ease-in-out;--wje-size-4x-small: .125rem;--wje-size-3x-small: .25rem;--wje-size-2x-small: .5rem;--wje-size-x-small: .625rem;--wje-size-small: .75rem;--wje-size-medium: .875rem;--wje-size: 1rem;--wje-size-large: 1.25rem;--wje-size-x-large: 1.5rem;--wje-size-2x-large: 2.25rem;--wje-size-3x-large: 3rem;--wje-size-4x-large: 4.5rem;--wje-size-5x-large: 9rem;--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-menu: hsl(220, 15%, 15%);--wje-color-contrast: hsl(0, 0%, 95%);--wje-color-white: #fff;--wje-color-black: #000;--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-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-avatar-width: 32px;--wje-avatar-height: 32px;--wje-avatar-font-size: var(--wje-font-size-small);--wje-avatar-font-weight: var(--wje-font-weight-normal);--wje-avatar-color: inherit;--wje-avatar-background-color: var(--wje-color-contrast-low);--wje-avatar-border-radius: var(--wje-border-radius-circle);--wje-avatar-border-color: transparent;--wje-avatar-border-width: 1px;--wje-avatar-border-style: solid;--wje-badge-border-radius: var(--wje-border-radius-pill);--wje-badge-padding-block-start: var(--wje-spacing-3x-small);--wje-badge-padding-block-end: var(--wje-spacing-3x-small);--wje-badge-padding-inline-start: var(--wje-spacing-2x-small);--wje-badge-padding-inline-end: var(--wje-spacing-2x-small);--wje-breadcrumb-a: var(--wje-color-contrast-8);--wje-breadcrumb-a-hover: var(--wje-color-contrast-medium);--wje-button-border-radius: var(--wje-border-radius-medium);--wje-button-border-width: 1px;--wje-button-border-style: solid;--wje-button-border-color: var(--wje-color-contrast-1);--wje-button-margin-inline: 0;--wje-button-outline: none;--wje-card-border-color: transparent;--wje-card-header-padding: 1rem 1rem .5rem;--wje-card-controls-font-size: var(--wje-font-size-small);--wje-card-controls-font-family: var(--wje-font-family-secondary);--wje-card-subtitle-font-size: var(--wje-font-size-small);--wje-card-subtitle-font-family: var(--wje-font-family-secondary);--wje-card-subtitle-padding: 0;--wje-card-content-padding: 0 1rem 1rem;--wje-card-title-font-size: var(--wje-font-size-x-large);--wje-card-title-font-weight: var(--wje-font-weight-medium);--wje-card-title-margin: 0;--wje-card-title-padding: 0;--wje-card-title-line-height: 1.2;--wje-scroll-hint: 0px;--wje-carousel-width: 100%;--wje-carousel-height: auto;--wje-carousel-size: 100%;--wje-carousel-item-aspect-ratio: inherit;--wje-container-indent: 0;--wje-grey-check-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQAgMAAADsa5zLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTHBwcG9vb3BwcBFjhIYAAAAEdFJOUwBG9tQE3MceAAAAVUlEQVQoz2NgGLKA0QGIDwDxBSCeAMEYgAWI2YCK2CagYgwgDcRSDhgYbAkKzsSKGdgakCyY6ADES7BiiCkgJ4PYyybgxAhQAsRZDrgxCpDEg4cAAAAp2ibhZRGLHgAAAABJRU5ErkJggg==) left center;--wje-white-check-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQAgMAAADsa5zLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTP///////////waf0AoAAAAEdFJOUwBG9tQE3MceAAAAVUlEQVQoz2NgGLKA0QGIDwDxBSCeAMEYgAWI2YCK2CagYgwgDcRSDhgYbAkKzsSKGdgakCyY6ADES7BiiCkgJ4PYyybgxAhQAsRZDrgxCpDEg4cAAAAp2ibhZRGLHgAAAABJRU5ErkJggg==) left center;--wje-checkbox-margin-top: 0;--wje-checkbox-margin-bottom: var(--wje-spacing-x-small);--wje-checkbox-margin-inline: 0;--wje-checkbox-width: 1rem;--wje-checkbox-height: 1rem;--wje-chip-border-radius: 100px;--wje-chip-margin: 0;--wje-dialog-width: 600px;--wje-dialog-height: 600px;--wje-dialog-border-radius: var(--wje-border-radius-medium);--wje-dialog-border-width: var(--wje-border-width);--wje-dialog-border-style: var(--wje-border-style);--wje-dialog-border-color: var(--wje-border-color);--wje-dialog-margin-top: auto;--wje-dialog-margin-start: auto;--wje-dialog-margin-end: auto;--wje-dialog-margin-bottom: auto;--wje-dialog-padding: var(--wje-spacing-medium);--wje-dialog-padding-inline: var(--wje-spacing-medium);--wje-dialog-padding-top: var(--wje-spacing-medium);--wje-dialog-padding-bottom: var(--wje-spacing-medium);--wje-divider-border-width: var(--wje-border-width, 1px);--wje-divider-border-style: var(--wje-border-style);--wje-divider-border-color: var(--wje-border-color);--wje-divider-spacing: 0;--wje-icon-stroke: 2;--wje-icon-size: var(--wje-size);--wje-icon-color: currentColor;--wje-infinite-scroll-width: 100%;--wje-infinite-scroll-height: 300px;--wje-infinite-scroll-loading-bg: rgba(0, 0, 0, 0);--wje-img-compare-divider-area: 12px;--wje-img-compare-divider-background: white;--wje-img-compare-divider-size: 2px;--wje-img-compare-divider-left: 50%;--wje-img-compare-position: 50%;--wje-img-compare-clip-path: inset(0 calc(100% - var(--wje-img-compare-position)) 0 0);--wje-list-inset-padding: 1rem;--wje-list-border-radius: var(--wje-border-radius-medium);--wje-list-background: var(--wje-background);--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-medium);--wje-menu-padding-top: var(--wje-spacing-x-small);--wje-menu-padding-bottom: var(--wje-spacing-x-small);--wje-menu-padding-inline: 0;--wje-menu-margin-top: 9;--wje-menu-margin-bottom: 0;--wje-menu-margin-inline: 0;--wje-menu-collapse-width: 65px;--wje-menu-z-index: 8;--wje-menu-item-color: var(--wje-color);--wje-menu-item-background: transparent;--wje-menu-item-color-hover: var(--wje-color-contrast-8);--wje-menu-item-background-hover: var(--wje-border-color);--wje-menu-item-color-focus: var(--wje-color-contrast-8);--wje-menu-item-background-focus: var(--wje-border-color);--wje-menu-item-color-active: var(--wje-color-contrast-8);--wje-menu-item-background-active: var(--wje-border-color);--wje-menu-item-padding-top: var(--wje-spacing-x-small);--wje-menu-item-padding-bottom: var(--wje-spacing-x-small);--wje-menu-item-line-height: 1.8rem;--wje-menu-submenu-offset: 0;--wje-menu-item-icon-visibility: hidden;--wje-menu-label-font-size: var(--wje-font-size-small);--wje-menu-label-weight: var(--wje-font-weight-semibold);--wje-option-padding-top: var(--wje-spacing-x-small);--wje-option-padding-bottom: var(--wje-spacing-x-small);--wje-option-highlighted: var(--wje-color-contrast-3);--wje-rate-gap: .25rem;--wje-tab-text-transfrom: uppercase;--wje-tab-font-weight: var(--wje-font-weight-medium);--wje-tab-letter-spacing: var(--wje-letter-spacing-widest);--wje-tab-padding-inline: var(--wje-spacing-medium);--wje-tab-padding-top: var(--wje-spacing-small);--wje-tab-padding-bottom: var(--wje-spacing-small);--wje-tab-color-active: var(--wje-color-primary-11);--wje-tab-color-hover: var(--wje-color-primary-1);--wje-textarea-font-family: var(--wje-font-family);--wje-textarea-background-color: var(--wje-background);--wje-textarea-color: var(--wje-color);--wje-textarea-color-invalid: var(--wje-color-danger);--wje-textarea-border-width: 1px;--wje-textarea-border-style: solid;--wje-textarea-border-color: var(--wje-border-color);--wje-textarea-border-color-focus: var(--wje-color-primary);--wje-textarea-border-radius: var(--wje-border-radius-medium);--wje-textarea-margin-bottom: var(--wje-spacing-x-small);--wje-textarea-line-height: 20px;--wje-textarea-padding: var(--wje-spacing-x-small);--wje-thumbnail-width: 48px;--wje-thumbnail-height: 48px;--wje-thumbnail-border-radius: var(--wje-border-radius-medium);--wje-tooltip-arrow-color: var(--wje-color-contrast-11);--wje-tooltip-background: var(--wje-color-contrast-11);--wje-tooltip-color: var(--wje-color-contrast-1)}:root *,:host *,.wje-theme-light *,.light *{box-sizing:border-box!important}

package/dist/wje-reorder.js

@@ -1,12 +1,40 @@
-import c from "./wje-element.js";
-const h = ".container{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.container-w-dropzones{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:row}";
-class l extends c {
+var p = Object.defineProperty;
+var u = (d, o, e) => o in d ? p(d, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[o] = e;
+var h = (d, o, e) => (u(d, typeof o != "symbol" ? o + "" : o, e), e);
+import f from "./wje-element.js";
+const E = ".container{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.container-w-dropzones{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:row}";
+class g extends f {
+  /**
+   * Creates an instance of Select.
+   *
+   * @constructor
+   */
   constructor() {
-    super(), this.className = "Reorder", this.dragEl = null, this.items = [], this.originalIndex = null;
-  }
+    super();
+    h(this, "className", "Select");
+    this.dragEl = null, this.items = [], this.originalIndex = null;
+  }
+  /**
+   * Returns the CSS styles for the component.
+   *
+   * @static
+   * @returns {CSSStyleSheet}
+   */
   static get cssStyleSheet() {
-    return h;
-  }
+    return E;
+  }
+  /**
+   * Returns the list of attributes to observe for changes.
+   *
+   * @static
+   * @returns {Array<string>}
+   */
+  static get observedAttributes() {
+    return [];
+  }
+  /**
+   * Sets up the attributes for the component.
+   */
   setupAttributes() {
     this.isShadowRoot = "open";
   }
@@ -21,9 +49,9 @@ class l extends c {
     n && n.forEach((s) => {
       this.container.classList.remove("container"), this.container.classList.add("container-w-dropzones");
     }), a && a.forEach((s) => {
-      const o = s.querySelectorAll("[slot=handle]");
-      (o.length > 0 ? o : [s]).forEach((d) => {
-        d.setAttribute("draggable", "true"), this.attachEventListeners(d);
+      const i = s.querySelectorAll("[slot=handle]");
+      (i.length > 0 ? i : [s]).forEach((c) => {
+        c.setAttribute("draggable", "true"), this.attachEventListeners(c);
       });
     });
   }
@@ -58,16 +86,16 @@ class l extends c {
     [t, this.originalParent].forEach((n) => {
       n.childNodes.forEach((s) => {
         if (s.nodeType === 1) {
-          const o = s.shadowRoot.querySelector("div");
-          o && ["drag--up", "drag--down", "moving"].forEach(
-            (i) => o.classList.remove(i)
+          const i = s.shadowRoot.querySelector("div");
+          i && ["drag--up", "drag--down", "moving"].forEach(
+            (l) => i.classList.remove(l)
           );
         }
       });
     });
     const a = Array.from(t.children).map((n) => {
-      const s = n.cloneNode(!0), o = s.querySelector(".handle");
-      return o && o.remove(), s.innerText.trim();
+      const s = n.cloneNode(!0), i = s.querySelector(".handle");
+      return i && i.remove(), s.innerText.trim();
     });
     this.dispatchChange(this.originalIndex, r, a);
   }
@@ -98,7 +126,7 @@ class l extends c {
     );
   }
 }
-l.define("wje-reorder", l);
+g.define("wje-reorder", g);
 export {
-  l as default
+  g as default
 };

package/dist/wje-tooltip.js

@@ -2,8 +2,8 @@ var p = Object.defineProperty;
 var u = (r, e, t) => e in r ? p(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var i = (r, e, t) => (u(r, typeof e != "symbol" ? e + "" : e, t), t);
 import m, { event as l } from "./wje-element.js";
-const w = ":host{--wje-tooltip-arrow-color: var(--wje-color-contrast-11)}.native-tooltip{display:block;padding:.5rem;color:var(--wje-color-contrast-0);background-color:var(--wje-color-contrast-11);font-weight:400;font-size:.75rem!important;border-radius:var(--wje-border-radius-small);line-height:1;box-sizing:border-box;box-shadow:var(--wje-box-shadow-medium)}.arrow{position:absolute;width:10px;height:10px;background:var(--wje-tooltip-arrow-color);transform:rotate(45deg)}";
-class d extends m {
+const w = ".native-tooltip{display:block;padding:.5rem;color:var(--wje-tooltip-color);background-color:var(--wje-tooltip-background);font-weight:400;font-size:.75rem!important;border-radius:var(--wje-border-radius-small);line-height:1;box-sizing:border-box;box-shadow:var(--wje-box-shadow-medium)}.arrow{position:absolute;width:10px;height:10px;background:var(--wje-tooltip-arrow-color);transform:rotate(45deg)}";
+class c extends m {
   /**
    * @constructor
    * @summary Tooltip constructor
@@ -70,14 +70,14 @@ class d extends m {
    * @returns {Object} Document fragment
    */
   draw(t, h, v) {
-    let c = document.createDocumentFragment(), o = document.createElement("wje-popup");
+    let d = document.createDocumentFragment(), o = document.createElement("wje-popup");
     o.setAttribute("placement", this.placement || "top"), o.setAttribute("offset", this.offset || "0");
     let n = document.createElement("slot");
     n.setAttribute("slot", "anchor");
     let a = document.createElement("div");
     a.classList.add("arrow"), a.setAttribute("slot", "arrow");
     let s = document.createElement("div");
-    return s.setAttribute("part", "native"), s.classList.add("native-tooltip"), s.innerHTML = this.content, o.appendChild(n), o.appendChild(a), o.appendChild(s), this.mySlot = n, this.popup = o, this.native = s, c.appendChild(o), c;
+    return s.setAttribute("part", "native"), s.classList.add("native-tooltip"), s.innerHTML = this.content, o.appendChild(n), o.appendChild(a), o.appendChild(s), this.mySlot = n, this.popup = o, this.native = s, d.appendChild(o), d;
   }
   /**
    * @summary After draw method
@@ -99,7 +99,7 @@ class d extends m {
   afterShow() {
   }
 }
-d.define("wje-tooltip", d);
+c.define("wje-tooltip", c);
 export {
-  d as default
+  c as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wj-elements",
   "description": "WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "homepage": "https://github.com/lencys/wj-elements",
   "author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
   "license": "MIT",