easy-component-ui 3.0.4 → 3.0.6

package/dist/css/ea-button.style.js

@@ -1,4 +1,4 @@
-const a = '@charset "UTF-8";:host{--cursor-type: pointer;--font-size: var(--font-size-md);--ea-button-border-radius: var(--border-radius-sm);--ea-button-normal-text: var(--grey-900);--ea-button-normal-background: var(--color-white);--ea-button-normal-500: var(--color-white);--ea-button-normal-border: var(--grey-300);--ea-button-normal-text-disabled: var(--grey-400);--ea-button-normal-background-disabled: var(--grey-100);--ea-button-primary-100: #d9ecff;--ea-button-primary-300: #a0cfff;--ea-button-primary-500: var(--color-blue);--ea-button-primary-600: #66b1ff;--ea-button-primary-700: #3a8ee6;--ea-button-primary-text: #ffffff;--ea-button-primary-disabled: var(--ea-button-primary-300);--ea-button-primary-text-disabled: #ffffff;--ea-button-success-100: #e1f3d8;--ea-button-success-300: #b3e19d;--ea-button-success-500: var(--color-green);--ea-button-success-600: #85ce61;--ea-button-success-700: #5daf34;--ea-button-success-text: #ffffff;--ea-button-success-disabled: var(--ea-button-success-300);--ea-button-success-text-disabled: #ffffff;--ea-button-info-100: #e9e9eb;--ea-button-info-300: #d3d4d6;--ea-button-info-500: var(--color-info);--ea-button-info-600: #a6a9b3;--ea-button-info-700: #82848a;--ea-button-info-text: #ffffff;--ea-button-warning-100: #fdf6ec;--ea-button-warning-300: #f3d19e;--ea-button-warning-500: var(--color-yellow);--ea-button-warning-600: #ebb563;--ea-button-warning-700: #cf9236;--ea-button-warning-text: #ffffff;--ea-button-warning-disabled: var(--ea-button-warning-300);--ea-button-warning-text-disabled: #ffffff;--ea-button-danger-100: #fef0f0;--ea-button-danger-300: #fab6b6;--ea-button-danger-500: var(--color-red);--ea-button-danger-600: #f78989;--ea-button-danger-700: #dd6161;--ea-button-danger-text: #ffffff;--ea-button-danger-disabled: var(--ea-button-danger-300);--ea-button-danger-text-disabled: #ffffff}:host([disabled]),:host([loading=true]){--cursor-type: not-allowed}:host{cursor:var(--cursor-type);display:inline-block}.ea-button{box-sizing:border-box;padding:var(--spacing-md);border:1px solid;border-color:var(--ea-button-normal-border);background-color:var(--ea-button-normal-background);border-radius:var(--ea-button-border-radius);cursor:var(--cursor-type);font-size:var(--font-size);line-height:var(--font-size);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast);will-change:width}.ea-button #ea-loading-icon{margin-right:var(--spacing-md)}.ea-button{color:var(--ea-button-normal-text);background-color:var(--ea-button-normal-500);border-color:var(--ea-button-normal-border)}.ea-button.ea-button--text{color:var(--ea-button-normal-text);border:none;background-color:unset}.ea-button.ea-button--text:hover{background-color:unset;color:var(--ea-button-primary-600)}.ea-button.ea-button--text:active{border-color:var(--ea-button-primary-700);color:var(--ea-button-primary-700)}.ea-button.ea-button--text.ea-button--disabled{background-color:unset;color:var(--ea-button-info-300)}.ea-button.ea-button--disabled{--cursor-type: not-allowed;color:var(--ea-button-normal-text-disabled);border-color:var(--ea-button-normal-border);background-color:var(--ea-button-normal-background-disabled);pointer-events:none}.ea-button.ea-button--plain{background-color:var(--ea-button-normal-100);color:var(--ea-button-normal-text)}.ea-button.ea-button--plain:hover{color:var(--ea-button-primary-500);background-color:var(--ea-button-normal-600)}.ea-button.ea-button--plain:active{color:var(--ea-button-primary-700)}.ea-button.ea-button--plain.ea-button--disabled{color:var(--ea-button-info-300)}.ea-button.ea-button--round{border-radius:var(--border-radius-round);padding:var(--spacing-md) var(--spacing-lg)}.ea-button.ea-button--circle{border-radius:var(--border-radius-circle);padding:var(--spacing-md)}.ea-button.ea-button--link{background:none;border:none;padding:0}.ea-button.ea-button--small{--font-size: var(--font-size-sm);padding:var(--spacing-sm)}.ea-button.ea-button--large{--font-size: var(--font-size-lg);padding:var(--spacing-lg)}.ea-button:hover{color:var(--ea-button-primary-600);border-color:var(--ea-button-primary-100);background-color:var(--ea-button-primary-100)}.ea-button:active{color:var(--ea-button-primary-700);border-color:var(--ea-button-primary-700)}.ea-button--primary{color:var(--ea-button-primary-text);background-color:var(--ea-button-primary-500);border-color:var(--ea-button-primary-500)}.ea-button--primary.ea-button--text{color:var(--ea-button-primary-500);border:none;background-color:unset}.ea-button--primary.ea-button--text:hover{background-color:unset;color:var(--ea-button-primary-600)}.ea-button--primary.ea-button--text:active{color:var(--ea-button-primary-700)}.ea-button--primary.ea-button--text.ea-button--disabled{background-color:unset;color:var(--ea-button-primary-300)}.ea-button--primary.ea-button--disabled{--cursor-type: not-allowed;color:var(--ea-button-primary-text-disabled);border-color:var(--ea-button-primary-disabled);background-color:var(--ea-button-primary-disabled);pointer-events:none}.ea-button--primary.ea-button--plain{background-color:var(--ea-button-primary-100);color:var(--ea-button-primary-500);border-color:var(--ea-button-primary-300)}.ea-button--primary.ea-button--plain:hover{color:var(--color-white);background-color:var(--ea-button-primary-600)}.ea-button--primary.ea-button--plain:active{background-color:var(--ea-button-primary-700)}.ea-button--primary.ea-button--plain.ea-button--disabled{color:var(--ea-button-primary-300)}.ea-button--primary.ea-button--round{border-radius:var(--border-radius-round);padding:var(--spacing-md) var(--spacing-lg)}.ea-button--primary.ea-button--circle{border-radius:var(--border-radius-circle);padding:var(--spacing-md)}.ea-button--primary.ea-button--link{background:none;border:none;padding:0}.ea-button--primary.ea-button--small{--font-size: var(--font-size-sm);padding:var(--spacing-sm)}.ea-button--primary.ea-button--large{--font-size: var(--font-size-lg);padding:var(--spacing-lg)}.ea-button--primary:hover{color:var(--color-white);border-color:var(--ea-button-primary-600);background-color:var(--ea-button-primary-600)}.ea-button--primary:active{background-color:var(--ea-button-primary-700)}.ea-button--success{color:var(--ea-button-success-text);background-color:var(--ea-button-success-500);border-color:var(--ea-button-success-500)}.ea-button--success.ea-button--text{color:var(--ea-button-success-500);border:none;background-color:unset}.ea-button--success.ea-button--text:hover{background-color:unset;color:var(--ea-button-success-600)}.ea-button--success.ea-button--text:active{color:var(--ea-button-success-700)}.ea-button--success.ea-button--text.ea-button--disabled{background-color:unset;color:var(--ea-button-success-300)}.ea-button--success.ea-button--disabled{--cursor-type: not-allowed;color:var(--ea-button-success-text-disabled);border-color:var(--ea-button-success-disabled);background-color:var(--ea-button-success-disabled);pointer-events:none}.ea-button--success.ea-button--plain{background-color:var(--ea-button-success-100);color:var(--ea-button-success-500);border-color:var(--ea-button-success-300)}.ea-button--success.ea-button--plain:hover{color:var(--color-white);background-color:var(--ea-button-success-600)}.ea-button--success.ea-button--plain:active{background-color:var(--ea-button-success-700)}.ea-button--success.ea-button--plain.ea-button--disabled{color:var(--ea-button-success-300)}.ea-button--success.ea-button--round{border-radius:var(--border-radius-round);padding:var(--spacing-md) var(--spacing-lg)}.ea-button--success.ea-button--circle{border-radius:var(--border-radius-circle);padding:var(--spacing-md)}.ea-button--success.ea-button--link{background:none;border:none;padding:0}.ea-button--success.ea-button--small{--font-size: var(--font-size-sm);padding:var(--spacing-sm)}.ea-button--success.ea-button--large{--font-size: var(--font-size-lg);padding:var(--spacing-lg)}.ea-button--success:hover{color:var(--color-white);border-color:var(--ea-button-success-600);background-color:var(--ea-button-success-600)}.ea-button--success:active{background-color:var(--ea-button-success-700)}.ea-button--danger{color:var(--ea-button-danger-text);background-color:var(--ea-button-danger-500);border-color:var(--ea-button-danger-500)}.ea-button--danger.ea-button--text{color:var(--ea-button-danger-500);border:none;background-color:unset}.ea-button--danger.ea-button--text:hover{background-color:unset;color:var(--ea-button-danger-600)}.ea-button--danger.ea-button--text:active{color:var(--ea-button-danger-700)}.ea-button--danger.ea-button--text.ea-button--disabled{background-color:unset;color:var(--ea-button-danger-300)}.ea-button--danger.ea-button--disabled{--cursor-type: not-allowed;color:var(--ea-button-danger-text-disabled);border-color:var(--ea-button-danger-disabled);background-color:var(--ea-button-danger-disabled);pointer-events:none}.ea-button--danger.ea-button--plain{background-color:var(--ea-button-danger-100);color:var(--ea-button-danger-500);border-color:var(--ea-button-danger-300)}.ea-button--danger.ea-button--plain:hover{color:var(--color-white);background-color:var(--ea-button-danger-600)}.ea-button--danger.ea-button--plain:active{background-color:var(--ea-button-danger-700)}.ea-button--danger.ea-button--plain.ea-button--disabled{color:var(--ea-button-danger-300)}.ea-button--danger.ea-button--round{border-radius:var(--border-radius-round);padding:var(--spacing-md) var(--spacing-lg)}.ea-button--danger.ea-button--circle{border-radius:var(--border-radius-circle);padding:var(--spacing-md)}.ea-button--danger.ea-button--link{background:none;border:none;padding:0}.ea-button--danger.ea-button--small{--font-size: var(--font-size-sm);padding:var(--spacing-sm)}.ea-button--danger.ea-button--large{--font-size: var(--font-size-lg);padding:var(--spacing-lg)}.ea-button--danger:hover{color:var(--color-white);border-color:var(--ea-button-danger-600);background-color:var(--ea-button-danger-600)}.ea-button--danger:active{background-color:var(--ea-button-danger-700)}.ea-button--warning{color:var(--ea-button-warning-text);background-color:var(--ea-button-warning-500);border-color:var(--ea-button-warning-500)}.ea-button--warning.ea-button--text{color:var(--ea-button-warning-500);border:none;background-color:unset}.ea-button--warning.ea-button--text:hover{background-color:unset;color:var(--ea-button-warning-600)}.ea-button--warning.ea-button--text:active{color:var(--ea-button-warning-700)}.ea-button--warning.ea-button--text.ea-button--disabled{background-color:unset;color:var(--ea-button-warning-300)}.ea-button--warning.ea-button--disabled{--cursor-type: not-allowed;color:var(--ea-button-warning-text-disabled);border-color:var(--ea-button-warning-disabled);background-color:var(--ea-button-warning-disabled);pointer-events:none}.ea-button--warning.ea-button--plain{background-color:var(--ea-button-warning-100);color:var(--ea-button-warning-500);border-color:var(--ea-button-warning-300)}.ea-button--warning.ea-button--plain:hover{color:var(--color-white);background-color:var(--ea-button-warning-600)}.ea-button--warning.ea-button--plain:active{background-color:var(--ea-button-warning-700)}.ea-button--warning.ea-button--plain.ea-button--disabled{color:var(--ea-button-warning-300)}.ea-button--warning.ea-button--round{border-radius:var(--border-radius-round);padding:var(--spacing-md) var(--spacing-lg)}.ea-button--warning.ea-button--circle{border-radius:var(--border-radius-circle);padding:var(--spacing-md)}.ea-button--warning.ea-button--link{background:none;border:none;padding:0}.ea-button--warning.ea-button--small{--font-size: var(--font-size-sm);padding:var(--spacing-sm)}.ea-button--warning.ea-button--large{--font-size: var(--font-size-lg);padding:var(--spacing-lg)}.ea-button--warning:hover{color:var(--color-white);border-color:var(--ea-button-warning-600);background-color:var(--ea-button-warning-600)}.ea-button--warning:active{background-color:var(--ea-button-warning-700)}';
+const t = '@charset "UTF-8";:host{--cursor-type: pointer;--font-size: var(--font-size-md);--ea-button-border-radius: var(--border-radius-sm);--ea-button-text: var(--ea-button-normal-text);--ea-button-bg: var(--ea-button-normal-background);--ea-button-border-color: var(--ea-button-normal-border);--ea-button-text-hover: var(--ea-button-primary-600);--ea-button-bg-hover: var(--ea-button-primary-100);--ea-button-border-color-hover: var(--ea-button-primary-100);--ea-button-text-active: var(--ea-button-primary-700);--ea-button-border-color-active: var(--ea-button-primary-700);--ea-button-text-disabled: var(--ea-button-normal-text-disabled);--ea-button-bg-disabled: var(--ea-button-normal-background-disabled);--ea-button-border-color-disabled: var(--ea-button-normal-border);--ea-button-normal-text: var(--grey-900);--ea-button-normal-background: var(--color-white);--ea-button-normal-500: var(--color-white);--ea-button-normal-border: var(--grey-300);--ea-button-normal-text-disabled: var(--grey-400);--ea-button-normal-background-disabled: var(--grey-100);--ea-button-primary-100: #d9ecff;--ea-button-primary-300: #a0cfff;--ea-button-primary-500: var(--color-blue);--ea-button-primary-600: #66b1ff;--ea-button-primary-700: #3a8ee6;--ea-button-primary-text: #ffffff;--ea-button-primary-disabled: var(--ea-button-primary-300);--ea-button-primary-text-disabled: #ffffff;--ea-button-success-100: #e1f3d8;--ea-button-success-300: #b3e19d;--ea-button-success-500: var(--color-green);--ea-button-success-600: #85ce61;--ea-button-success-700: #5daf34;--ea-button-success-text: #ffffff;--ea-button-success-disabled: var(--ea-button-success-300);--ea-button-success-text-disabled: #ffffff;--ea-button-info-100: #e9e9eb;--ea-button-info-300: #d3d4d6;--ea-button-info-500: var(--color-info);--ea-button-info-600: #a6a9b3;--ea-button-info-700: #82848a;--ea-button-info-text: #ffffff;--ea-button-warning-100: #fdf6ec;--ea-button-warning-300: #f3d19e;--ea-button-warning-500: var(--color-yellow);--ea-button-warning-600: #ebb563;--ea-button-warning-700: #cf9236;--ea-button-warning-text: #ffffff;--ea-button-warning-disabled: var(--ea-button-warning-300);--ea-button-warning-text-disabled: #ffffff;--ea-button-danger-100: #fef0f0;--ea-button-danger-300: #fab6b6;--ea-button-danger-500: var(--color-red);--ea-button-danger-600: #f78989;--ea-button-danger-700: #dd6161;--ea-button-danger-text: #ffffff;--ea-button-danger-disabled: var(--ea-button-danger-300);--ea-button-danger-text-disabled: #ffffff}:host([disabled]),:host([loading=true]){--cursor-type: not-allowed}:host{cursor:var(--cursor-type);display:inline-block}.ea-button{box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-md);border:1px solid;border-color:var(--ea-button-border-color);background-color:var(--ea-button-bg);border-radius:var(--ea-button-border-radius);cursor:var(--cursor-type);color:var(--ea-button-text);font-size:var(--font-size);line-height:var(--font-size);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast);will-change:width}.ea-button #ea-loading-icon{margin-right:var(--spacing-md)}.ea-button{--ea-button-text: var(--ea-button-normal-text);--ea-button-bg: var(--ea-button-normal-500);--ea-button-border-color: var(--ea-button-normal-border);--ea-button-text-hover: var(--ea-button-primary-600);--ea-button-bg-hover: var(--ea-button-primary-100);--ea-button-border-color-hover: var(--ea-button-primary-100);--ea-button-text-active: var(--ea-button-primary-700);--ea-button-border-color-active: var(--ea-button-primary-700);--ea-button-text-disabled: var(--ea-button-normal-text-disabled);--ea-button-bg-disabled: var(--ea-button-normal-background-disabled);--ea-button-border-color-disabled: var(--ea-button-normal-border)}.ea-button.ea-button--text{--ea-button-bg: unset;--ea-button-border-color: transparent;--ea-button-text: var(--ea-button-normal-text);--ea-button-text-hover: var(--ea-button-primary-600);--ea-button-text-active: var(--ea-button-primary-700);--ea-button-text-disabled: var(--ea-button-info-300)}.ea-button.ea-button--text:hover,.ea-button.ea-button--text.ea-button--disabled{--ea-button-bg: unset;--ea-button-border-color: transparent}.ea-button.ea-button--disabled{--cursor-type: not-allowed;--ea-button-text: var(--ea-button-text-disabled);--ea-button-bg: var(--ea-button-bg-disabled);--ea-button-border-color: var(--ea-button-border-color-disabled);pointer-events:none}.ea-button.ea-button--plain{--ea-button-bg: var(--ea-button-normal-100);--ea-button-text: var(--ea-button-normal-text);--ea-button-text-hover: var(--ea-button-primary-500);--ea-button-text-active: var(--ea-button-primary-700);--ea-button-text-disabled: var(--ea-button-info-300)}.ea-button.ea-button--plain:hover{--ea-button-text: var(--ea-button-primary-500);--ea-button-bg: var(--ea-button-bg-hover)}.ea-button.ea-button--plain:active{--ea-button-text: var(--ea-button-primary-700)}.ea-button.ea-button--plain.ea-button--disabled{--ea-button-text: var(--ea-button-text-disabled)}.ea-button.ea-button--round{border-radius:var(--border-radius-round);padding:var(--spacing-md) var(--spacing-lg)}.ea-button.ea-button--circle{border-radius:var(--border-radius-circle);padding:var(--spacing-md)}.ea-button.ea-button--link{--ea-button-bg: unset;--ea-button-border-color: unset;padding:0}.ea-button.ea-button--small{--font-size: var(--font-size-sm);padding:var(--spacing-sm)}.ea-button.ea-button--large{--font-size: var(--font-size-lg);padding:var(--spacing-lg)}.ea-button:hover{--ea-button-text: var(--ea-button-text-hover);--ea-button-bg: var(--ea-button-bg-hover);--ea-button-border-color: var(--ea-button-border-color-hover)}.ea-button:active{--ea-button-text: var(--ea-button-text-active);--ea-button-border-color: var(--ea-button-border-color-active)}.ea-button--primary{--ea-button-text: var(--ea-button-primary-text);--ea-button-bg: var(--ea-button-primary-500);--ea-button-border-color: var(--ea-button-primary-500);--ea-button-text-hover: var(--color-white);--ea-button-bg-hover: var(--ea-button-primary-600);--ea-button-border-color-hover: var(--ea-button-primary-600);--ea-button-bg-active: var(--ea-button-primary-700);--ea-button-text-disabled: var(--ea-button-primary-text-disabled);--ea-button-bg-disabled: var(--ea-button-primary-disabled);--ea-button-border-color-disabled: var(--ea-button-primary-disabled)}.ea-button--primary.ea-button--text{--ea-button-bg: unset;--ea-button-border-color: transparent;--ea-button-text: var(--ea-button-primary-500);--ea-button-text-hover: var(--ea-button-primary-600);--ea-button-text-active: var(--ea-button-primary-700);--ea-button-text-disabled: var(--ea-button-primary-300)}.ea-button--primary.ea-button--text:hover,.ea-button--primary.ea-button--text.ea-button--disabled{--ea-button-bg: unset;--ea-button-border-color: transparent}.ea-button--primary.ea-button--disabled{--cursor-type: not-allowed;--ea-button-text: var(--ea-button-text-disabled);--ea-button-bg: var(--ea-button-bg-disabled);--ea-button-border-color: var(--ea-button-border-color-disabled);pointer-events:none}.ea-button--primary.ea-button--plain{--ea-button-bg: var(--ea-button-primary-100);--ea-button-text: var(--ea-button-primary-500);--ea-button-border-color: var(--ea-button-primary-300);--ea-button-text-hover: var(--color-white);--ea-button-bg-hover: var(--ea-button-primary-600);--ea-button-bg-active: var(--ea-button-primary-700);--ea-button-text-disabled: var(--ea-button-primary-300)}.ea-button--primary.ea-button--plain:hover{--ea-button-text: var(--color-white);--ea-button-bg: var(--ea-button-bg-hover)}.ea-button--primary.ea-button--plain:active{--ea-button-bg: var(--ea-button-bg-active)}.ea-button--primary.ea-button--plain.ea-button--disabled{--ea-button-text: var(--ea-button-text-disabled)}.ea-button--primary.ea-button--round{border-radius:var(--border-radius-round);padding:var(--spacing-md) var(--spacing-lg)}.ea-button--primary.ea-button--circle{border-radius:var(--border-radius-circle);padding:var(--spacing-md)}.ea-button--primary.ea-button--link{--ea-button-bg: unset;--ea-button-border-color: unset;padding:0}.ea-button--primary.ea-button--small{--font-size: var(--font-size-sm);padding:var(--spacing-sm)}.ea-button--primary.ea-button--large{--font-size: var(--font-size-lg);padding:var(--spacing-lg)}.ea-button--primary:hover{--ea-button-text: var(--ea-button-text-hover);--ea-button-bg: var(--ea-button-bg-hover);--ea-button-border-color: var(--ea-button-border-color-hover)}.ea-button--primary:active{--ea-button-text: var(--ea-button-text-active);--ea-button-border-color: var(--ea-button-border-color-active)}.ea-button--success{--ea-button-text: var(--ea-button-success-text);--ea-button-bg: var(--ea-button-success-500);--ea-button-border-color: var(--ea-button-success-500);--ea-button-text-hover: var(--color-white);--ea-button-bg-hover: var(--ea-button-success-600);--ea-button-border-color-hover: var(--ea-button-success-600);--ea-button-bg-active: var(--ea-button-success-700);--ea-button-text-disabled: var(--ea-button-success-text-disabled);--ea-button-bg-disabled: var(--ea-button-success-disabled);--ea-button-border-color-disabled: var(--ea-button-success-disabled)}.ea-button--success.ea-button--text{--ea-button-bg: unset;--ea-button-border-color: transparent;--ea-button-text: var(--ea-button-success-500);--ea-button-text-hover: var(--ea-button-success-600);--ea-button-text-active: var(--ea-button-success-700);--ea-button-text-disabled: var(--ea-button-success-300)}.ea-button--success.ea-button--text:hover,.ea-button--success.ea-button--text.ea-button--disabled{--ea-button-bg: unset;--ea-button-border-color: transparent}.ea-button--success.ea-button--disabled{--cursor-type: not-allowed;--ea-button-text: var(--ea-button-text-disabled);--ea-button-bg: var(--ea-button-bg-disabled);--ea-button-border-color: var(--ea-button-border-color-disabled);pointer-events:none}.ea-button--success.ea-button--plain{--ea-button-bg: var(--ea-button-success-100);--ea-button-text: var(--ea-button-success-500);--ea-button-border-color: var(--ea-button-success-300);--ea-button-text-hover: var(--color-white);--ea-button-bg-hover: var(--ea-button-success-600);--ea-button-bg-active: var(--ea-button-success-700);--ea-button-text-disabled: var(--ea-button-success-300)}.ea-button--success.ea-button--plain:hover{--ea-button-text: var(--color-white);--ea-button-bg: var(--ea-button-bg-hover)}.ea-button--success.ea-button--plain:active{--ea-button-bg: var(--ea-button-bg-active)}.ea-button--success.ea-button--plain.ea-button--disabled{--ea-button-text: var(--ea-button-text-disabled)}.ea-button--success.ea-button--round{border-radius:var(--border-radius-round);padding:var(--spacing-md) var(--spacing-lg)}.ea-button--success.ea-button--circle{border-radius:var(--border-radius-circle);padding:var(--spacing-md)}.ea-button--success.ea-button--link{--ea-button-bg: unset;--ea-button-border-color: unset;padding:0}.ea-button--success.ea-button--small{--font-size: var(--font-size-sm);padding:var(--spacing-sm)}.ea-button--success.ea-button--large{--font-size: var(--font-size-lg);padding:var(--spacing-lg)}.ea-button--success:hover{--ea-button-text: var(--ea-button-text-hover);--ea-button-bg: var(--ea-button-bg-hover);--ea-button-border-color: var(--ea-button-border-color-hover)}.ea-button--success:active{--ea-button-text: var(--ea-button-text-active);--ea-button-border-color: var(--ea-button-border-color-active)}.ea-button--danger{--ea-button-text: var(--ea-button-danger-text);--ea-button-bg: var(--ea-button-danger-500);--ea-button-border-color: var(--ea-button-danger-500);--ea-button-text-hover: var(--color-white);--ea-button-bg-hover: var(--ea-button-danger-600);--ea-button-border-color-hover: var(--ea-button-danger-600);--ea-button-bg-active: var(--ea-button-danger-700);--ea-button-text-disabled: var(--ea-button-danger-text-disabled);--ea-button-bg-disabled: var(--ea-button-danger-disabled);--ea-button-border-color-disabled: var(--ea-button-danger-disabled)}.ea-button--danger.ea-button--text{--ea-button-bg: unset;--ea-button-border-color: transparent;--ea-button-text: var(--ea-button-danger-500);--ea-button-text-hover: var(--ea-button-danger-600);--ea-button-text-active: var(--ea-button-danger-700);--ea-button-text-disabled: var(--ea-button-danger-300)}.ea-button--danger.ea-button--text:hover,.ea-button--danger.ea-button--text.ea-button--disabled{--ea-button-bg: unset;--ea-button-border-color: transparent}.ea-button--danger.ea-button--disabled{--cursor-type: not-allowed;--ea-button-text: var(--ea-button-text-disabled);--ea-button-bg: var(--ea-button-bg-disabled);--ea-button-border-color: var(--ea-button-border-color-disabled);pointer-events:none}.ea-button--danger.ea-button--plain{--ea-button-bg: var(--ea-button-danger-100);--ea-button-text: var(--ea-button-danger-500);--ea-button-border-color: var(--ea-button-danger-300);--ea-button-text-hover: var(--color-white);--ea-button-bg-hover: var(--ea-button-danger-600);--ea-button-bg-active: var(--ea-button-danger-700);--ea-button-text-disabled: var(--ea-button-danger-300)}.ea-button--danger.ea-button--plain:hover{--ea-button-text: var(--color-white);--ea-button-bg: var(--ea-button-bg-hover)}.ea-button--danger.ea-button--plain:active{--ea-button-bg: var(--ea-button-bg-active)}.ea-button--danger.ea-button--plain.ea-button--disabled{--ea-button-text: var(--ea-button-text-disabled)}.ea-button--danger.ea-button--round{border-radius:var(--border-radius-round);padding:var(--spacing-md) var(--spacing-lg)}.ea-button--danger.ea-button--circle{border-radius:var(--border-radius-circle);padding:var(--spacing-md)}.ea-button--danger.ea-button--link{--ea-button-bg: unset;--ea-button-border-color: unset;padding:0}.ea-button--danger.ea-button--small{--font-size: var(--font-size-sm);padding:var(--spacing-sm)}.ea-button--danger.ea-button--large{--font-size: var(--font-size-lg);padding:var(--spacing-lg)}.ea-button--danger:hover{--ea-button-text: var(--ea-button-text-hover);--ea-button-bg: var(--ea-button-bg-hover);--ea-button-border-color: var(--ea-button-border-color-hover)}.ea-button--danger:active{--ea-button-text: var(--ea-button-text-active);--ea-button-border-color: var(--ea-button-border-color-active)}.ea-button--warning{--ea-button-text: var(--ea-button-warning-text);--ea-button-bg: var(--ea-button-warning-500);--ea-button-border-color: var(--ea-button-warning-500);--ea-button-text-hover: var(--color-white);--ea-button-bg-hover: var(--ea-button-warning-600);--ea-button-border-color-hover: var(--ea-button-warning-600);--ea-button-bg-active: var(--ea-button-warning-700);--ea-button-text-disabled: var(--ea-button-warning-text-disabled);--ea-button-bg-disabled: var(--ea-button-warning-disabled);--ea-button-border-color-disabled: var(--ea-button-warning-disabled)}.ea-button--warning.ea-button--text{--ea-button-bg: unset;--ea-button-border-color: transparent;--ea-button-text: var(--ea-button-warning-500);--ea-button-text-hover: var(--ea-button-warning-600);--ea-button-text-active: var(--ea-button-warning-700);--ea-button-text-disabled: var(--ea-button-warning-300)}.ea-button--warning.ea-button--text:hover,.ea-button--warning.ea-button--text.ea-button--disabled{--ea-button-bg: unset;--ea-button-border-color: transparent}.ea-button--warning.ea-button--disabled{--cursor-type: not-allowed;--ea-button-text: var(--ea-button-text-disabled);--ea-button-bg: var(--ea-button-bg-disabled);--ea-button-border-color: var(--ea-button-border-color-disabled);pointer-events:none}.ea-button--warning.ea-button--plain{--ea-button-bg: var(--ea-button-warning-100);--ea-button-text: var(--ea-button-warning-500);--ea-button-border-color: var(--ea-button-warning-300);--ea-button-text-hover: var(--color-white);--ea-button-bg-hover: var(--ea-button-warning-600);--ea-button-bg-active: var(--ea-button-warning-700);--ea-button-text-disabled: var(--ea-button-warning-300)}.ea-button--warning.ea-button--plain:hover{--ea-button-text: var(--color-white);--ea-button-bg: var(--ea-button-bg-hover)}.ea-button--warning.ea-button--plain:active{--ea-button-bg: var(--ea-button-bg-active)}.ea-button--warning.ea-button--plain.ea-button--disabled{--ea-button-text: var(--ea-button-text-disabled)}.ea-button--warning.ea-button--round{border-radius:var(--border-radius-round);padding:var(--spacing-md) var(--spacing-lg)}.ea-button--warning.ea-button--circle{border-radius:var(--border-radius-circle);padding:var(--spacing-md)}.ea-button--warning.ea-button--link{--ea-button-bg: unset;--ea-button-border-color: unset;padding:0}.ea-button--warning.ea-button--small{--font-size: var(--font-size-sm);padding:var(--spacing-sm)}.ea-button--warning.ea-button--large{--font-size: var(--font-size-lg);padding:var(--spacing-lg)}.ea-button--warning:hover{--ea-button-text: var(--ea-button-text-hover);--ea-button-bg: var(--ea-button-bg-hover);--ea-button-border-color: var(--ea-button-border-color-hover)}.ea-button--warning:active{--ea-button-text: var(--ea-button-text-active);--ea-button-border-color: var(--ea-button-border-color-active)}.ea-button__icon{display:none}.ea-button.is-icon .ea-button__icon{display:inline-block}';
 export {
-  a as s
+  t as s
 };

package/dist/css/ea-card.style.js

@@ -1,4 +1,4 @@
-const r = ":host{--ea-card-border-color: var(--color-border, #ebeef5);--ea-card-transition: var(--transition-normal);--ea-card-border-radius: var(--border-radius-sm);--ea-card-box-shadow: var(--box-shadow-md);--ea-card-background-color: var(--color-white);--ea-card-padding: 20px}:host{display:block}::slotted([slot=header]),::slotted([slot=footer]){display:block;padding:var(--ea-card-padding)}::slotted([slot=header]){border-bottom:1px solid var(--ea-card-border-color)}::slotted([slot=footer]){border-top:1px solid var(--ea-card-border-color)}.ea-card{width:100%;box-sizing:border-box;border-radius:var(--ea-card-border-radius);border:1px solid var(--ea-card-border-color);background-color:var(--ea-card-background-color);transition:box-shadow var(--ea-card-transition)}.ea-card__content,.ea-card .ea-card__header,.ea-card .ea-card__footer{padding:var(--ea-card-padding)}.ea-card .ea-card__header:has(slot),.ea-card .ea-card__footer:has(slot){padding:0;border:none}.ea-card__header{border-bottom:1px solid var(--ea-card-border-color)}.ea-card__footer{border-top:1px solid var(--ea-card-border-color)}.ea-card--hover-shadow:hover,.ea-card--always-shadow{box-shadow:var(--ea-card-box-shadow)}.ea-card--never-shadow{box-shadow:none}";
+const r = ":host{--ea-card-border-color: var(--color-border, #ebeef5);--ea-card-transition: var(--transition-normal);--ea-card-border-radius: var(--border-radius-sm);--ea-card-box-shadow: var(--box-shadow-md);--ea-card-background-color: var(--color-white);--ea-card-padding: 20px}:host{display:block}::slotted([slot=header]),::slotted([slot=footer]){display:block;padding:var(--ea-card-padding)}::slotted([slot=header]){border-bottom:1px solid var(--ea-card-border-color)}::slotted([slot=footer]){border-top:1px solid var(--ea-card-border-color)}.ea-card{width:100%;box-sizing:border-box;border-radius:var(--ea-card-border-radius);border:1px solid var(--ea-card-border-color);background-color:var(--ea-card-background-color);transition:box-shadow var(--ea-card-transition)}.ea-card__content,.ea-card .ea-card__header,.ea-card .ea-card__footer{padding:var(--ea-card-padding)}.ea-card .ea-card__header:has(slot:empty),.ea-card .ea-card__footer:has(slot:empty){padding:0;border:none}.ea-card__header{border-bottom:1px solid var(--ea-card-border-color)}.ea-card__footer{border-top:1px solid var(--ea-card-border-color)}.ea-card--hover-shadow:hover,.ea-card--always-shadow{box-shadow:var(--ea-card-box-shadow)}.ea-card--never-shadow{box-shadow:none}";
 export {
   r as s
 };

package/dist/css/ea-container.style.js

@@ -1,4 +1,4 @@
-const e = ":host{--ea-container-direction: row}::slotted(ea-main),::slotted(ea-scrollbar){flex:1;overflow:auto}::slotted(ea-container){width:100%;height:100%}::slotted(ea-header),::slotted(ea-main){width:100%}.ea-container{box-sizing:border-box;display:flex;flex-direction:var(--ea-container-direction);width:100%;height:100%}.ea-container--vertical{--ea-container-direction: column}";
+const e = ":host{display:block;--ea-container-direction: row}::slotted(ea-main),::slotted(ea-scrollbar){flex:1;overflow:auto}::slotted(ea-container){width:100%;height:100%}::slotted(ea-header),::slotted(ea-main){width:100%}.ea-container{box-sizing:border-box;display:flex;flex-direction:var(--ea-container-direction);width:100%;height:100%}.ea-container--vertical{--ea-container-direction: column}";
 export {
   e as s
 };

package/dist/css/ea-link.style.js

@@ -1,4 +1,4 @@
-const r = ":host{--link-cursor: var(--cursor-pointer);--link-pointer-events: auto;--link-normal-color: var(--color-black);--link-normal-disabled-color: var(--grey-600);--link-normal-hover-color: var(--grey-800);--link-normal-active-color: var(--grey-900);--link-primary-color: var(--blue-500);--link-primary-disabled-color: var(--blue-300);--link-primary-hover-color: var(--blue-400);--link-primary-active-color: var(--blue-600);--link-info-color: var(--grey-500);--link-info-disabled-color: var(--grey-300);--link-info-hover-color: var(--grey-400);--link-info-active-color: var(--grey-600);--link-success-color: var(--green-500);--link-success-disabled-color: var(--green-300);--link-success-hover-color: var(--green-400);--link-success-active-color: var(--green-600);--link-warning-color: var(--yellow-500);--link-warning-disabled-color: var(--yellow-300);--link-warning-hover-color: var(--yellow-400);--link-warning-active-color: var(--yellow-600);--link-danger-color: var(--red-500);--link-danger-disabled-color: var(--red-300);--link-danger-hover-color: var(--red-400);--link-danger-active-color: var(--red-600)}:host([disabled]),:host([disabled=true]){--link-cursor: var(--cursor-not-allowed);--link-pointer-events: none}:host([underline=hover]) .ea-link:hover{text-decoration:underline}:host([underline=always]) .ea-link{text-decoration:underline}:host{display:inline-block;-webkit-user-drag:auto;cursor:var(--link-cursor)}.ea-link{text-decoration:none;color:var(--link-normal-color);transition:color var(--transition-fast)}.ea-link--normal{color:var(--link-normal-color)}.ea-link--normal:hover{color:var(--link-normal-hover-color)}.ea-link--normal.ea-link--disabled{color:var(--link-normal-disabled-color);cursor:var(--link-cursor);pointer-events:var(--link-pointer-events)}.ea-link--primary{color:var(--link-primary-color)}.ea-link--primary:hover{color:var(--link-primary-hover-color)}.ea-link--primary.ea-link--disabled{color:var(--link-primary-disabled-color);cursor:var(--link-cursor);pointer-events:var(--link-pointer-events)}.ea-link--success{color:var(--link-success-color)}.ea-link--success:hover{color:var(--link-success-hover-color)}.ea-link--success.ea-link--disabled{color:var(--link-success-disabled-color);cursor:var(--link-cursor);pointer-events:var(--link-pointer-events)}.ea-link--warning{color:var(--link-warning-color)}.ea-link--warning:hover{color:var(--link-warning-hover-color)}.ea-link--warning.ea-link--disabled{color:var(--link-warning-disabled-color);cursor:var(--link-cursor);pointer-events:var(--link-pointer-events)}.ea-link--danger{color:var(--link-danger-color)}.ea-link--danger:hover{color:var(--link-danger-hover-color)}.ea-link--danger.ea-link--disabled{color:var(--link-danger-disabled-color);cursor:var(--link-cursor);pointer-events:var(--link-pointer-events)}.ea-link--info{color:var(--link-info-color)}.ea-link--info:hover{color:var(--link-info-hover-color)}.ea-link--info.ea-link--disabled{color:var(--link-info-disabled-color);cursor:var(--link-cursor);pointer-events:var(--link-pointer-events)}";
+const r = ":host{--link-cursor: var(--cursor-pointer);--link-pointer-events: auto;--link-normal-color: var(--color-black);--link-normal-disabled-color: var(--grey-600);--link-normal-hover-color: var(--grey-800);--link-normal-active-color: var(--grey-900);--link-primary-color: var(--blue-500);--link-primary-disabled-color: var(--blue-300);--link-primary-hover-color: var(--blue-400);--link-primary-active-color: var(--blue-600);--link-info-color: var(--grey-500);--link-info-disabled-color: var(--grey-300);--link-info-hover-color: var(--grey-400);--link-info-active-color: var(--grey-600);--link-success-color: var(--green-500);--link-success-disabled-color: var(--green-300);--link-success-hover-color: var(--green-400);--link-success-active-color: var(--green-600);--link-warning-color: var(--yellow-500);--link-warning-disabled-color: var(--yellow-300);--link-warning-hover-color: var(--yellow-400);--link-warning-active-color: var(--yellow-600);--link-danger-color: var(--red-500);--link-danger-disabled-color: var(--red-300);--link-danger-hover-color: var(--red-400);--link-danger-active-color: var(--red-600)}:host([disabled]),:host([disabled=true]){--link-cursor: var(--cursor-not-allowed);--link-pointer-events: none}:host([underline=hover]) .ea-link:hover{text-decoration:underline}:host([underline=always]) .ea-link{text-decoration:underline}:host{display:inline-block;-webkit-user-drag:auto;cursor:var(--link-cursor)}.ea-link{text-decoration:none;color:var(--link-normal-color);transition:color var(--transition-fast)}.ea-link--normal{color:var(--link-normal-color)}.ea-link--normal:hover{color:var(--link-normal-hover-color)}.ea-link--normal.ea-link--disabled{color:var(--link-normal-disabled-color);cursor:var(--link-cursor);pointer-events:var(--link-pointer-events)}.ea-link--primary{color:var(--link-primary-color)}.ea-link--primary:hover{color:var(--link-primary-hover-color)}.ea-link--primary.ea-link--disabled{color:var(--link-primary-disabled-color);cursor:var(--link-cursor);pointer-events:var(--link-pointer-events)}.ea-link--success{color:var(--link-success-color)}.ea-link--success:hover{color:var(--link-success-hover-color)}.ea-link--success.ea-link--disabled{color:var(--link-success-disabled-color);cursor:var(--link-cursor);pointer-events:var(--link-pointer-events)}.ea-link--warning{color:var(--link-warning-color)}.ea-link--warning:hover{color:var(--link-warning-hover-color)}.ea-link--warning.ea-link--disabled{color:var(--link-warning-disabled-color);cursor:var(--link-cursor);pointer-events:var(--link-pointer-events)}.ea-link--danger{color:var(--link-danger-color)}.ea-link--danger:hover{color:var(--link-danger-hover-color)}.ea-link--danger.ea-link--disabled{color:var(--link-danger-disabled-color);cursor:var(--link-cursor);pointer-events:var(--link-pointer-events)}.ea-link--info{color:var(--link-info-color)}.ea-link--info:hover{color:var(--link-info-hover-color)}.ea-link--info.ea-link--disabled{color:var(--link-info-disabled-color);cursor:var(--link-cursor);pointer-events:var(--link-pointer-events)}.ea-link__icon{display:none}.ea-link.is-icon .ea-link__icon{display:inline-block}";
 export {
   r as s
 };

package/dist/css/ea-text.style.js

@@ -1,4 +1,4 @@
-const e = ":host{--ea-text-normal-color: var(--grey-900);--ea-text-primary-color: var(--blue-500);--ea-text-success-color: var(--green-500);--ea-text-info-color: var(--grey-500);--ea-text-warning-color: var(--yellow-500);--ea-text-danger-color: var(--red-500);--ea-text-large-size: var(--font-size-lg);--ea-text-medium-size: var(--font-size-md);--ea-text-small-size: var(--font-size-sm);--ea-text-h1-size: 2rem;--ea-text-h2-size: 1.5rem;--ea-text-h3-size: 1.25rem;--ea-text-h4-size: 1rem;--ea-text-h5-size: .875rem;--ea-text-h6-size: .75rem;--ea-text-line-clamp: 0}:host{display:inline-block;max-width:100%;overflow-wrap:break-word}.ea-text{font-size:var(--ea-text-medium-size);line-height:var(--ea-text-medium-size)}.ea-text--noraml{color:var(--ea-text-noraml-color)}.ea-text--primary{color:var(--ea-text-primary-color)}.ea-text--success{color:var(--ea-text-success-color)}.ea-text--warning{color:var(--ea-text-warning-color)}.ea-text--danger{color:var(--ea-text-danger-color)}.ea-text--info{color:var(--ea-text-info-color)}.ea-text--small{font-size:var(--ea-text-small-size);line-height:var(--ea-text-small-size)}.ea-text--large{font-size:var(--ea-text-large-size);line-height:var(--ea-text-large-size)}.ea-text--truncated{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ea-text--line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;line-clamp:var(--ea-text-line-clamp);-webkit-line-clamp:var(--ea-text-line-clamp);overflow:hidden}:host h1{font-size:var(--ea-text-h1-size);line-height:var(--ea-text-h1-size)}:host h2{font-size:var(--ea-text-h2-size);line-height:var(--ea-text-h2-size)}:host h3{font-size:var(--ea-text-h3-size);line-height:var(--ea-text-h3-size)}:host h4{font-size:var(--ea-text-h4-size);line-height:var(--ea-text-h4-size)}:host h5{font-size:var(--ea-text-h5-size);line-height:var(--ea-text-h5-size)}:host h6{font-size:var(--ea-text-h6-size);line-height:var(--ea-text-h6-size)}";
+const e = ":host{--ea-text-normal-color: var(--grey-900);--ea-text-primary-color: var(--blue-500);--ea-text-success-color: var(--green-500);--ea-text-info-color: var(--grey-500);--ea-text-warning-color: var(--yellow-500);--ea-text-danger-color: var(--red-500);--ea-text-large-size: var(--font-size-lg);--ea-text-medium-size: var(--font-size-md);--ea-text-small-size: var(--font-size-sm);--ea-text-h1-size: 2rem;--ea-text-h2-size: 1.5rem;--ea-text-h3-size: 1.25rem;--ea-text-h4-size: 1rem;--ea-text-h5-size: .875rem;--ea-text-h6-size: .75rem;--ea-text-line-clamp: 0}:host{display:inline-block;max-width:100%;overflow-wrap:break-word}.ea-text{font-size:var(--ea-text-medium-size);line-height:var(--ea-text-medium-size)}.ea-text--noraml{color:var(--ea-text-noraml-color)}.ea-text--primary{color:var(--ea-text-primary-color)}.ea-text--success{color:var(--ea-text-success-color)}.ea-text--warning{color:var(--ea-text-warning-color)}.ea-text--danger{color:var(--ea-text-danger-color)}.ea-text--info{color:var(--ea-text-info-color)}.ea-text--small{font-size:var(--ea-text-small-size);line-height:var(--ea-text-small-size)}.ea-text--small ::slotted(*){font-size:var(--ea-text-small-size);line-height:var(--ea-text-small-size)}.ea-text--large{font-size:var(--ea-text-large-size);line-height:var(--ea-text-large-size)}.ea-text--large ::slotted(*){font-size:var(--ea-text-large-size);line-height:var(--ea-text-large-size)}.ea-text--truncated{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ea-text--line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;line-clamp:var(--ea-text-line-clamp);-webkit-line-clamp:var(--ea-text-line-clamp);overflow:hidden}:host h1{font-size:var(--ea-text-h1-size);line-height:var(--ea-text-h1-size)}:host h2{font-size:var(--ea-text-h2-size);line-height:var(--ea-text-h2-size)}:host h3{font-size:var(--ea-text-h3-size);line-height:var(--ea-text-h3-size)}:host h4{font-size:var(--ea-text-h4-size);line-height:var(--ea-text-h4-size)}:host h5{font-size:var(--ea-text-h5-size);line-height:var(--ea-text-h5-size)}:host h6{font-size:var(--ea-text-h6-size);line-height:var(--ea-text-h6-size)}";
 export {
   e as s
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-component-ui",
-  "version": "3.0.4",
+  "version": "3.0.6",
   "description": "使用 WebComponent 编写的原生组件库",
   "main": "dist/components/index.js",
   "module": "dist/components/index.js",
@@ -112,6 +112,11 @@
   },
   "exports": {
     ".": "./dist/components/index.js",
+    "./icon-assets": {
+      "import": "./dist/assets/icon.css",
+      "require": "./dist/assets/icon.css",
+      "default": "./dist/assets/icon.css"
+    },
     "./ea-alert": {
       "import": "./dist/components/ea-alert.js"
     },