New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@aurodesignsystem/auro-button

Package Overview
Dependencies
Maintainers
5
Versions
33
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@aurodesignsystem/auro-button - npm Package Compare versions

Comparing version 7.2.3 to 7.2.4

13

CHANGELOG.md
# Semantic Release Automated Changelog
## [7.2.4](https://github.com/AlaskaAirlines/auro-button/compare/v7.2.3...v7.2.4) (2024-01-22)
### Bug Fixes
* update incorrect lit-element refs ([77cb193](https://github.com/AlaskaAirlines/auro-button/commit/77cb1930268c0b3c2082f0677856986ae86a0192))
### Performance Improvements
* update dependencies ([1afa2d1](https://github.com/AlaskaAirlines/auro-button/commit/1afa2d1a8f807d3ef879aca38102e93424f20b0c))
* update to auro-loader@latest ([89b2e57](https://github.com/AlaskaAirlines/auro-button/commit/89b2e5743584e3239c8feb77d3ba1760b00d3f29))
## [7.2.3](https://github.com/AlaskaAirlines/auro-button/compare/v7.2.2...v7.2.3) (2024-01-11)

@@ -4,0 +17,0 @@

2

dist/auro-button.d.ts

@@ -29,3 +29,3 @@ /**

export class AuroButton extends LitElement {
static get styles(): import("lit-element").CSSResult[];
static get styles(): import("lit").CSSResult[];
static get properties(): {

@@ -32,0 +32,0 @@ autofocus: {

2

dist/style-css.d.ts

@@ -1,3 +0,3 @@

declare const _default: import("lit-element").CSSResult;
declare const _default: import("lit").CSSResult;
export default _default;
//# sourceMappingURL=style-css.d.ts.map

10

package.json

@@ -10,3 +10,3 @@ {

"name": "@aurodesignsystem/auro-button",
"version": "7.2.3",
"version": "7.2.4",
"description": "Auro custom auro-button element",

@@ -25,3 +25,3 @@ "author": "Product design and research",

"dependencies": {
"@alaskaairux/auro-loader": "^1.1.1",
"@aurodesignsystem/auro-loader": "^2.0.1",
"chalk": "^5.3.0",

@@ -31,4 +31,4 @@ "lit": "^3.1.1"

"peerDependencies": {
"@aurodesignsystem/design-tokens": "^4.1.1",
"@aurodesignsystem/webcorestylesheets": "^5.0.0"
"@aurodesignsystem/design-tokens": "^4.3.0",
"@aurodesignsystem/webcorestylesheets": "^5.0.5"
},

@@ -39,3 +39,3 @@ "devDependencies": {

"@aurodesignsystem/eslint-config": "^1.3.0",
"@aurodesignsystem/webcorestylesheets": "^5.0.0",
"@aurodesignsystem/webcorestylesheets": "^5.0.5",
"@commitlint/cli": "^18.4.4",

@@ -42,0 +42,0 @@ "@commitlint/config-conventional": "^18.4.4",

2

src/auro-button.js

@@ -10,3 +10,3 @@ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license

import styleCss from "./style-css.js";
import '@alaskaairux/auro-loader';
import '@aurodesignsystem/auro-loader';

@@ -13,0 +13,0 @@ /**

2

src/style-css.js

@@ -6,3 +6,3 @@ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license

import {css} from 'lit-element';
import {css} from 'lit';
export default css`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}:host([fluid]) .auro-button,:host([fluid=true]) .auro-button{min-width:auto;width:100%}::slotted(svg){vertical-align:middle}slot{pointer-events:none}.auro-button{transition:all .15s ease;position:relative;padding:0 var(--ds-size-300, 1.5rem);color:var(--ds-color-text-primary-inverse, #ffffff);cursor:pointer;background-color:var(--ds-color-ui-default-default, #0074c8);border:1px solid var(--ds-color-ui-default-default, #0074c8);border-radius:var(--ds-border-radius, 0.375rem);font-family:var(--ds-font-family-default, "AS Circular", Helvetica Neue, Arial, sans-serif);font-size:var(--ds-text-body-size-default, 1rem);font-weight:var(--ds-text-body-default-weight, 500);overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap;min-height:var(--ds-size-600, 3rem);max-height:var(--ds-size-600, 3rem);display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ds-size-100, 0.5rem);margin:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}@media(hover: hover){.auro-button:active,.auro-button:hover{background-image:linear-gradient(var(--ds-color-ui-hover-default, #054687), var(--ds-color-ui-hover-default, #054687));border:1px solid var(--ds-color-ui-hover-default, #054687)}}.auro-button:active{background-color:var(--ds-color-ui-active-default, #054687);border:1px solid var(--ds-color-ui-active-default, #054687);transform:scale(0.95)}.auro-button.loading{cursor:not-allowed}.auro-button.loading *:not(auro-loader){visibility:hidden}.auro-button.loading auro-loader{color:var(--ds-color-background-darkest, #00274a, #00274a)}.auro-button.loading.auro-buttonOndark auro-loader{color:var(--ds-color-text-primary-inverse, #ffffff)}@media screen and (min-width: 576px){.auro-button{min-width:8.75rem;width:auto}}.auro-button:disabled{cursor:not-allowed;transform:unset;background-color:rgba(0, 116, 200, 0.4);border:1px solid rgba(0, 116, 200, 0)}@media(hover: hover){.auro-button:disabled:hover{background-color:rgba(0, 116, 200, 0.4);border:1px solid rgba(0, 116, 200, 0)}}.auro-button[variant=secondary],.auro-button--secondary{background-color:var(--ds-color-background-lightest, #ffffff);border:1px solid var(--ds-color-ui-default-default, #0074c8);color:var(--ds-color-text-link-default, #0074c8)}@media(hover: hover){.auro-button[variant=secondary]:active,.auro-button[variant=secondary]:hover,.auro-button--secondary:active,.auro-button--secondary:hover{background-image:linear-gradient(var(--ds-color-ui-bkg-hover-default, rgba(0, 0, 0, 0.06)), var(--ds-color-ui-bkg-hover-default, rgba(0, 0, 0, 0.06)));border:1px solid var(--ds-color-ui-default-default, #0074c8)}}.auro-button[variant=secondary]:active,.auro-button--secondary:active{background-color:var(--ds-color-ui-bkg-hover-default, rgba(0, 0, 0, 0.06));border:1px solid var(--ds-color-ui-default-default, #0074c8)}.auro-button[variant=secondary]:disabled,.auro-button--secondary:disabled{cursor:not-allowed;transform:unset;color:rgba(0, 116, 200, 0.4);background-color:rgba(255, 255, 255, 0.4);border:1px solid rgba(0, 116, 200, 0.4)}@media(hover: hover){.auro-button[variant=secondary]:disabled:hover,.auro-button--secondary:disabled:hover{color:rgba(0, 116, 200, 0.4);background-color:rgba(255, 255, 255, 0.4);border:1px solid rgba(0, 116, 200, 0.4)}}.auro-button[variant=tertiary],.auro-button--tertiary{background-color:rgba(0, 0, 0, 0.03);border-color:transparent;color:var(--ds-color-text-link-default, #0074c8)}@media(hover: hover){.auro-button[variant=tertiary]:active,.auro-button[variant=tertiary]:hover,.auro-button--tertiary:active,.auro-button--tertiary:hover{background-image:linear-gradient(var(--ds-color-ui-bkg-hover-default), var(--ds-color-ui-bkg-hover-default));border-color:transparent}}.auro-button[variant=tertiary]:active,.auro-button--tertiary:active{background-color:var(--ds-color-ui-bkg-hover-default, rgba(0, 0, 0, 0.06));border-color:transparent}.auro-button[variant=tertiary]:disabled,.auro-button--tertiary:disabled{cursor:not-allowed;transform:unset;color:rgba(0, 116, 200, 0.4);background-color:rgba(0, 0, 0, 0.03);border:1px solid transparent}@media(hover: hover){.auro-button[variant=tertiary]:disabled:hover,.auro-button--tertiary:disabled:hover{background-color:rgba(0, 0, 0, 0.03);border:1px solid transparent}}.auro-buttonOndark{background-color:var(--ds-color-ui-default-inverse, #00cff0);border:1px solid var(--ds-color-ui-default-inverse, #00cff0);color:var(--ds-color-text-primary-default)}@media(hover: hover){.auro-buttonOndark:active,.auro-buttonOndark:hover{background-image:linear-gradient(var(--ds-color-ui-hover-inverse, #5de3f7), var(--ds-color-ui-hover-inverse, #5de3f7));border:1px solid var(--ds-color-ui-hover-inverse, #5de3f7)}}.auro-buttonOndark:active{background-color:var(--ds-color-ui-active-inverse, #5de3f7);border:1px solid var(--ds-color-ui-active-inverse, #5de3f7)}.auro-buttonOndark:disabled{cursor:not-allowed;transform:unset;color:rgba(34, 34, 34, 0.4);background-color:rgba(0, 207, 240, 0.4);border:1px solid rgba(0, 207, 240, 0.4)}@media(hover: hover){.auro-buttonOndark:disabled:hover{color:rgba(34, 34, 34, 0.4);background-color:rgba(0, 207, 240, 0.4);border:1px solid rgba(0, 207, 240, 0.4)}}.auro-buttonOndark[variant=secondary],.auro-buttonOndark--secondary{background-color:var(--ds-color-background-darker, #01426a);border:1px solid var(--ds-color-ui-default-inverse, #00cff0);color:var(--ds-color-ui-default-inverse, #00cff0)}@media(hover: hover){.auro-buttonOndark[variant=secondary]:active,.auro-buttonOndark[variant=secondary]:hover,.auro-buttonOndark--secondary:active,.auro-buttonOndark--secondary:hover{background-image:linear-gradient(var(--ds-color-background-darkest, #00274a), var(--ds-color-background-darkest, #00274a))}}.auro-buttonOndark[variant=secondary]:active,.auro-buttonOndark--secondary:active{background-color:var(--ds-color-base-black-opacity-15, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));border:1px solid var(--ds-color-ui-hover-inverse, #5de3f7)}@media(hover: hover){.auro-buttonOndark[variant=secondary]:disabled:hover,.auro-buttonOndark--secondary:disabled:hover{background-color:var(--ds-color-background-darker, #01426a);border:1px solid var(--ds-color-ui-default-inverse, #00cff0)}}.auro-buttonOndark[variant=secondary]:disabled,.auro-buttonOndark--secondary:disabled{cursor:not-allowed;transform:unset;color:rgba(0, 207, 240, 0.4);background-color:var(--ds-color-background-darker, #01426a);border:1px solid rgba(0, 207, 240, 0.4)}@media(hover: hover){.auro-buttonOndark[variant=secondary]:disabled:hover,.auro-buttonOndark--secondary:disabled:hover{color:rgba(0, 207, 240, 0.4);background-color:var(--ds-color-background-darker, #01426a);border:1px solid rgba(0, 207, 240, 0.4)}}.auro-buttonOndark[variant=tertiary],.auro-buttonOndark--tertiary{background-color:rgba(255, 255, 255, 0.03);border:1px solid transparent;color:var(--ds-color-ui-default-inverse, #00cff0)}@media(hover: hover){.auro-buttonOndark[variant=tertiary]:active,.auro-buttonOndark[variant=tertiary]:hover,.auro-buttonOndark--tertiary:active,.auro-buttonOndark--tertiary:hover{background-image:linear-gradient(var(--ds-color-ui-bkg-hover-inverse, rgba(255, 255, 255, 0.06)), var(--ds-color-ui-bkg-hover-inverse, rgba(255, 255, 255, 0.06)));border:1px solid transparent;box-shadow:none}}.auro-buttonOndark[variant=tertiary]:active,.auro-buttonOndark--tertiary:active{background-color:var(--ds-color-base-black-opacity-15, rgba(0, 0, 0, 0.15));border:1px solid transparent;box-shadow:none}.auro-buttonOndark[variant=tertiary]:disabled,.auro-buttonOndark--tertiary:disabled{cursor:not-allowed;transform:unset;background-color:rgba(255, 255, 255, 0.03);border:transparent;color:rgba(0, 207, 240, 0.4)}@media(hover: hover){.auro-buttonOndark[variant=tertiary]:disabled:hover,.auro-buttonOndark--tertiary:disabled:hover{background-color:rgba(255, 255, 255, 0.03);color:rgba(0, 207, 240, 0.4);border:transparent}}.auro-button--slim{padding:var(--ds-size-100, 0.5rem) var(--ds-size-200, 1rem);font-size:var(--ds-text-body-size-sm, 0.875rem);min-width:unset;min-height:2.25rem;max-height:2.25rem}.auro-button--iconOnly{padding-left:calc(var(--ds-size-100, 0.5rem) - var(--ds-size-25, 0.125rem));padding-right:calc(var(--ds-size-100, 0.5rem) - var(--ds-size-25, 0.125rem));border-radius:100px;min-width:unset}.auro-button--iconOnly ::slotted(auro-icon){width:var(--ds-size-300, 1.5rem);height:var(--ds-size-300, 1.5rem)}.auro-button--iconOnlySlim{padding-left:var(--ds-size-50, 0.25rem);padding-right:var(--ds-size-50, 0.25rem)}.auro-button--iconOnlySlim ::slotted(auro-icon){width:calc(var(--ds-size-300, 1.5rem) - var(--ds-size-50, 0.25rem));height:calc(var(--ds-size-300, 1.5rem) - var(--ds-size-50, 0.25rem))}.auro-button--rounded{border-radius:100px;box-shadow:var(--ds-elevation-300, 0px 0px 15px rgba(0, 0, 0, 0.2));height:var(--ds-size-500, 2.5rem);min-width:unset;transition:all 300ms ease-out}.auro-button--rounded ::slotted(auro-icon){width:var(--ds-size-300, 1.5rem);height:var(--ds-size-300, 1.5rem)}:host([rounded]) .textSlot{transition:opacity 300ms ease-in;opacity:1}:host([rounded][iconOnly]) .textSlot{opacity:0}:host([rounded][iconOnly]) .textWrapper{display:none}:host([rounded][iconOnly]) .auro-button{min-width:unset;padding:unset;width:var(--ds-size-600, 3rem)}auro-loader{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}`;
dist/auro-button__bundled.js

Sorry, the diff of this file is too big to display

dist/auro-button.d.ts.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc