@assecosolutions/fox-button
Advanced tools
Comparing version 1.5.14 to 1.5.15
import { css, LitElement, html as html$2 } from 'lit'; | ||
import { property, query, customElement } from 'lit/decorators.js'; | ||
import { property, customElement } from 'lit/decorators.js'; | ||
import { classMap } from 'lit/directives/class-map.js'; | ||
@@ -1462,3 +1462,3 @@ import '@assecosolutions/fox-icon'; | ||
_t$1; | ||
const styles = css(_t$1 || (_t$1 = _$1`:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}:host{--fox-button-font-weight: var(--fox-font-weight-medium, 600);--fox-button-font-size: var(--fox-font-size-base, 14px);--fox-button-font-family-fallback: Nunito, Roboto, sans-serif;--fox-button-font-family: var( --fox-font-family, var(--fox-button-font-family-fallback) );--fox-button-text-color-rgb: 15, 19, 16;--fox-button-primary-color-rgb: 231, 236, 240;--fox-button-text-on-primary-color-rgb: 15, 19, 16}:host([primary]){--fox-button-primary-color-rgb-fallback: 69, 153, 255;--fox-button-primary-color-rgb: var( --fox-client-base-rgb-color, var(--fox-button-primary-color-rgb-fallback) );--fox-button-text-color-rgb: 69, 153, 255;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([danger]){--fox-button-primary-color-rgb: 250, 190, 58;--fox-button-text-color-rgb: 250, 190, 58;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spaceing: 8px}:host([fullwidth]){width:100%}:host([disabled]){pointer-events:none}.fox-button{transition:all ease-out .4s;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:rgba(var(--fox-button-text-color-rgb), var(--fox-button-color-alpha, 1));background:rgba(var(--fox-button-primary-color-rgb), var(--fox-button-background-alpha, 0));border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spaceing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 1)}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color-rgb: var(--fox-button-text-on-primary-color-rgb)}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){background:rgba(148,168,188,.1)}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px #0f131029}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button:disabled.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 0.1)}.fox-button__progress{bottom:0;right:0;left:0;position:absolute;--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: rgba(var(--fox-button-primary-color-rgb), 1)}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}`)); | ||
const styles = css(_t$1 || (_t$1 = _$1`:host{display:inline-flex;outline:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}:host{--fox-button-font-weight: var(--fox-font-weight-medium, 600);--fox-button-font-size: var(--fox-font-size-base, 14px);--fox-button-font-family-fallback: Nunito, Roboto, sans-serif;--fox-button-font-family: var( --fox-font-family, var(--fox-button-font-family-fallback) );--fox-button-text-color-rgb: 15, 19, 16;--fox-button-primary-color-rgb: 231, 236, 240;--fox-button-text-on-primary-color-rgb: 15, 19, 16}:host([primary]){--fox-button-primary-color-rgb-fallback: 69, 153, 255;--fox-button-primary-color-rgb: var( --fox-client-base-rgb-color, var(--fox-button-primary-color-rgb-fallback) );--fox-button-text-color-rgb: 69, 153, 255;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([danger]){--fox-button-primary-color-rgb: 250, 190, 58;--fox-button-text-color-rgb: 250, 190, 58;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spaceing: 8px}:host([fullwidth]){width:100%}:host([disabled]){pointer-events:none}.fox-button{transition:all ease-out .4s;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:rgba(var(--fox-button-text-color-rgb), var(--fox-button-color-alpha, 1));background:rgba(var(--fox-button-primary-color-rgb), var(--fox-button-background-alpha, 0));border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spaceing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 1)}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color-rgb: var(--fox-button-text-on-primary-color-rgb)}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){background:rgba(148,168,188,.1)}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px #0f131029}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button:disabled.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 0.1)}.fox-button__progress{bottom:0;right:0;left:0;position:absolute;--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: rgba(var(--fox-button-primary-color-rgb), 1)}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}`)); | ||
@@ -1531,3 +1531,3 @@ let _ = t => t, | ||
renderIcon() { | ||
return html$2(_t2 || (_t2 = _` <fox-icon class="fox-button__icon"> ${0} </fox-icon>`), this.icon); | ||
return html$2(_t2 || (_t2 = _` <fox-icon class="fox-button__icon"> ${0}</fox-icon>`), this.icon); | ||
} | ||
@@ -1596,6 +1596,4 @@ | ||
__decorate([query('#button'), __metadata("design:type", HTMLElement)], FoxButton.prototype, "buttonElement", void 0); | ||
FoxButton = __decorate([customElement('fox-button')], FoxButton); | ||
export { FoxButton }; |
(function (global, factory) { | ||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lit'), require('lit/decorators.js'), require('lit/directives/class-map.js'), require('@assecosolutions/fox-icon'), require('@assecosolutions/fox-progress')) : | ||
typeof define === 'function' && define.amd ? define(['exports', 'lit', 'lit/decorators.js', 'lit/directives/class-map.js', '@assecosolutions/fox-icon', '@assecosolutions/fox-progress'], factory) : | ||
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SharedUiAtomsFoxButton = {}, global.lit, global.decorators_js, global.classMap_js)); | ||
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SharedDesignSystemAtomsFoxButton = {}, global.lit, global.decorators_js, global.classMap_js)); | ||
})(this, (function (exports, lit, decorators_js, classMap_js) { 'use strict'; | ||
@@ -54,3 +54,3 @@ | ||
var styles = lit.css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject([":host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}:host{--fox-button-font-weight: var(--fox-font-weight-medium, 600);--fox-button-font-size: var(--fox-font-size-base, 14px);--fox-button-font-family-fallback: Nunito, Roboto, sans-serif;--fox-button-font-family: var( --fox-font-family, var(--fox-button-font-family-fallback) );--fox-button-text-color-rgb: 15, 19, 16;--fox-button-primary-color-rgb: 231, 236, 240;--fox-button-text-on-primary-color-rgb: 15, 19, 16}:host([primary]){--fox-button-primary-color-rgb-fallback: 69, 153, 255;--fox-button-primary-color-rgb: var( --fox-client-base-rgb-color, var(--fox-button-primary-color-rgb-fallback) );--fox-button-text-color-rgb: 69, 153, 255;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([danger]){--fox-button-primary-color-rgb: 250, 190, 58;--fox-button-text-color-rgb: 250, 190, 58;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spaceing: 8px}:host([fullwidth]){width:100%}:host([disabled]){pointer-events:none}.fox-button{transition:all ease-out .4s;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:rgba(var(--fox-button-text-color-rgb), var(--fox-button-color-alpha, 1));background:rgba(var(--fox-button-primary-color-rgb), var(--fox-button-background-alpha, 0));border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spaceing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 1)}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color-rgb: var(--fox-button-text-on-primary-color-rgb)}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){background:rgba(148,168,188,.1)}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px #0f131029}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button:disabled.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 0.1)}.fox-button__progress{bottom:0;right:0;left:0;position:absolute;--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: rgba(var(--fox-button-primary-color-rgb), 1)}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}"], [":host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}:host{--fox-button-font-weight: var(--fox-font-weight-medium, 600);--fox-button-font-size: var(--fox-font-size-base, 14px);--fox-button-font-family-fallback: Nunito, Roboto, sans-serif;--fox-button-font-family: var( --fox-font-family, var(--fox-button-font-family-fallback) );--fox-button-text-color-rgb: 15, 19, 16;--fox-button-primary-color-rgb: 231, 236, 240;--fox-button-text-on-primary-color-rgb: 15, 19, 16}:host([primary]){--fox-button-primary-color-rgb-fallback: 69, 153, 255;--fox-button-primary-color-rgb: var( --fox-client-base-rgb-color, var(--fox-button-primary-color-rgb-fallback) );--fox-button-text-color-rgb: 69, 153, 255;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([danger]){--fox-button-primary-color-rgb: 250, 190, 58;--fox-button-text-color-rgb: 250, 190, 58;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spaceing: 8px}:host([fullwidth]){width:100%}:host([disabled]){pointer-events:none}.fox-button{transition:all ease-out .4s;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:rgba(var(--fox-button-text-color-rgb), var(--fox-button-color-alpha, 1));background:rgba(var(--fox-button-primary-color-rgb), var(--fox-button-background-alpha, 0));border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spaceing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 1)}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color-rgb: var(--fox-button-text-on-primary-color-rgb)}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){background:rgba(148,168,188,.1)}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px #0f131029}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button:disabled.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 0.1)}.fox-button__progress{bottom:0;right:0;left:0;position:absolute;--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: rgba(var(--fox-button-primary-color-rgb), 1)}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}"]))); | ||
var styles = lit.css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject([":host{display:inline-flex;outline:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}:host{--fox-button-font-weight: var(--fox-font-weight-medium, 600);--fox-button-font-size: var(--fox-font-size-base, 14px);--fox-button-font-family-fallback: Nunito, Roboto, sans-serif;--fox-button-font-family: var( --fox-font-family, var(--fox-button-font-family-fallback) );--fox-button-text-color-rgb: 15, 19, 16;--fox-button-primary-color-rgb: 231, 236, 240;--fox-button-text-on-primary-color-rgb: 15, 19, 16}:host([primary]){--fox-button-primary-color-rgb-fallback: 69, 153, 255;--fox-button-primary-color-rgb: var( --fox-client-base-rgb-color, var(--fox-button-primary-color-rgb-fallback) );--fox-button-text-color-rgb: 69, 153, 255;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([danger]){--fox-button-primary-color-rgb: 250, 190, 58;--fox-button-text-color-rgb: 250, 190, 58;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spaceing: 8px}:host([fullwidth]){width:100%}:host([disabled]){pointer-events:none}.fox-button{transition:all ease-out .4s;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:rgba(var(--fox-button-text-color-rgb), var(--fox-button-color-alpha, 1));background:rgba(var(--fox-button-primary-color-rgb), var(--fox-button-background-alpha, 0));border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spaceing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 1)}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color-rgb: var(--fox-button-text-on-primary-color-rgb)}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){background:rgba(148,168,188,.1)}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px #0f131029}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button:disabled.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 0.1)}.fox-button__progress{bottom:0;right:0;left:0;position:absolute;--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: rgba(var(--fox-button-primary-color-rgb), 1)}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}"], [":host{display:inline-flex;outline:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}:host{--fox-button-font-weight: var(--fox-font-weight-medium, 600);--fox-button-font-size: var(--fox-font-size-base, 14px);--fox-button-font-family-fallback: Nunito, Roboto, sans-serif;--fox-button-font-family: var( --fox-font-family, var(--fox-button-font-family-fallback) );--fox-button-text-color-rgb: 15, 19, 16;--fox-button-primary-color-rgb: 231, 236, 240;--fox-button-text-on-primary-color-rgb: 15, 19, 16}:host([primary]){--fox-button-primary-color-rgb-fallback: 69, 153, 255;--fox-button-primary-color-rgb: var( --fox-client-base-rgb-color, var(--fox-button-primary-color-rgb-fallback) );--fox-button-text-color-rgb: 69, 153, 255;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([danger]){--fox-button-primary-color-rgb: 250, 190, 58;--fox-button-text-color-rgb: 250, 190, 58;--fox-button-text-on-primary-color-rgb: 255, 255, 255}:host([small]){--fox-button-font-size: 12px;--fox-button-height: 26px;--fox-button-horizontal-spaceing: 8px}:host([fullwidth]){width:100%}:host([disabled]){pointer-events:none}.fox-button{transition:all ease-out .4s;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--fox-button-font-family);font-size:var(--fox-button-font-size);font-weight:var(--fox-button-font-weight);text-decoration:none;color:rgba(var(--fox-button-text-color-rgb), var(--fox-button-color-alpha, 1));background:rgba(var(--fox-button-primary-color-rgb), var(--fox-button-background-alpha, 0));border-radius:var(--fox-button-border-radius, 4px);height:var(--fox-button-height, 32px);padding:0 var(--fox-button-horizontal-spaceing, 16px);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 1)}.fox-button__raised{--fox-button-background-alpha: 1;--fox-button-text-color-rgb: var(--fox-button-text-on-primary-color-rgb)}.fox-button:focus{--fox-button-background-alpha: 0.1}.fox-button:focus.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:hover{cursor:pointer}.fox-button:hover:not(.fox-button:hover.fox-button__raised){background:rgba(148,168,188,.1)}.fox-button:hover.fox-button__raised{--fox-button-background-alpha: 0.7}.fox-button:active{--fox-button-background-alpha: 0.2;outline:none}.fox-button:active.fox-button__raised{transition:none;--fox-button-background-alpha: 0.9;box-shadow:0 3px 6px #0f131029}.fox-button:disabled{--fox-button-background-alpha: 0;--fox-button-color-alpha: 0.3;cursor:default;pointer-events:none}.fox-button:disabled.fox-button__raised{--fox-button-color-alpha: 0.3;--fox-button-background-alpha: 0.3}.fox-button:disabled.fox-button__outlined{border:2px solid rgba(var(--fox-button-primary-color-rgb), 0.1)}.fox-button__progress{bottom:0;right:0;left:0;position:absolute;--mdc-linear-progress-buffer-color: rgba(255, 255, 255, 0.6);--mdc-theme-primary: rgba(var(--fox-button-primary-color-rgb), 1)}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon,.leading-icon ::slotted(*),.leading-icon .fox-button__icon{margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-button__icon{margin-left:5px;margin-right:0}.slot-container{display:inline-flex;align-items:center;justify-content:center}"]))); | ||
var templateObject_1$1; | ||
@@ -105,3 +105,3 @@ | ||
FoxButton.prototype.renderIcon = function () { | ||
return lit.html(templateObject_2 || (templateObject_2 = __makeTemplateObject([" <fox-icon class=\"fox-button__icon\"> ", " </fox-icon>"], [" <fox-icon class=\"fox-button__icon\"> ", " </fox-icon>"])), this.icon); | ||
return lit.html(templateObject_2 || (templateObject_2 = __makeTemplateObject([" <fox-icon class=\"fox-button__icon\"> ", "</fox-icon>"], [" <fox-icon class=\"fox-button__icon\"> ", "</fox-icon>"])), this.icon); | ||
}; | ||
@@ -166,4 +166,2 @@ | ||
__decorate([decorators_js.query('#button'), __metadata("design:type", HTMLElement)], FoxButton.prototype, "buttonElement", void 0); | ||
FoxButton = __decorate([decorators_js.customElement('fox-button')], FoxButton); | ||
@@ -170,0 +168,0 @@ return FoxButton; |
@@ -39,3 +39,2 @@ import { LitElement } from 'lit'; | ||
progress: boolean; | ||
buttonElement: HTMLElement; | ||
protected render(): import("lit-html").TemplateResult<1>; | ||
@@ -42,0 +41,0 @@ protected renderIcon(): import("lit-html").TemplateResult<1>; |
@@ -7,4 +7,3 @@ import './FoxButton'; | ||
export default _default; | ||
export declare const Interactive: any; | ||
export declare const Default: () => import("lit-html").TemplateResult<1>; | ||
export declare const Primary: () => import("lit-html").TemplateResult<1>; |
{ | ||
"name": "@assecosolutions/fox-button", | ||
"version": "1.5.14", | ||
"version": "1.5.15", | ||
"public": true, | ||
@@ -24,4 +24,5 @@ "lib": { | ||
"lit": "^2.0.0", | ||
"@assecosolutions/fox-icon": "1.5.14", | ||
"@assecosolutions/fox-progress": "1.5.12", | ||
"@assecosolutions/ng-strictly-typed": "0.0.1", | ||
"@assecosolutions/fox-icon": "1.5.15", | ||
"@assecosolutions/fox-progress": "1.5.14", | ||
"@material/mwc-circular-progress": "^0.25.3", | ||
@@ -28,0 +29,0 @@ "@material/mwc-linear-progress": "^0.25.3" |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
77312
6
1569