@lmvz-ds/components 0.11.4 → 0.12.1

package/dist/lmvz-components/styles/buttons.css

@@ -1 +0,0 @@
-@layer lmvz-ds.reset,lmvz-ds.theme,lmvz-ds.components,lmvz-ds.overrides;@layer lmvz-ds.reset{h1,h2,h3,h4,h5,h6{margin:0}}@layer lmvz-ds.components{button{--lmvz-button-color: var(--lmvz-component-color, var(--lmvz-semantic-color-int-on-primary));--lmvz-button-padding-inline: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-x));--lmvz-button-padding-block: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-y));--lmvz-button-gap: var(--lmvz-component-input-md-gap-x);--lmvz-button-font: var(--lmvz-typography-body-lg);--lmvz-button-radius: var(--lmvz-component-input-radius-default);--lmvz-button-border-width: 0;--lmvz-button-border-color: transparent;--lmvz-button-background: var(--lmvz-semantic-color-int-primary);display:inline-flex;align-items:center;justify-content:center;gap:var(--lmvz-button-gap);padding-block:var(--lmvz-button-padding-block);padding-inline:var(--lmvz-button-padding-inline);border-radius:var(--lmvz-button-radius);border:var(--lmvz-button-border-width) solid var(--lmvz-button-border-color);background-color:var(--lmvz-button-background);color:var(--lmvz-button-color);cursor:pointer;font:var(--lmvz-button-font);text-align:center;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}button>*{font:inherit;color:inherit}button:focus-visible{outline:var(--lmvz-semantic-border-width-default) solid var(--lmvz-semantic-color-status-selected);outline-offset:var(--lmvz-component-input-sm-padding-x)}button:is([disabled],.disabled){cursor:not-allowed;pointer-events:none;opacity:var(--lmvz-component-input-disabled-opacity)}button:not([disabled]):hover{--lmvz-button-background: var(--lmvz-semantic-color-int-primary-hover)}button:not([disabled]):active{--lmvz-button-background: var(--lmvz-semantic-color-int-primary-active)}button.secondary{--lmvz-button-background: var(--lmvz-semantic-color-int-secondary);--lmvz-button-color: var(--lmvz-semantic-color-int-on-secondary);--lmvz-button-border-width: var(--lmvz-semantic-border-width-default);--lmvz-button-border-color: var(--lmvz-semantic-color-border-default)}button.secondary:not([disabled],.disabled):hover{--lmvz-button-background: var(--lmvz-semantic-color-int-secondary-hover);--lmvz-button-border-color: var(--lmvz-semantic-color-border-hover)}button.secondary:not([disabled],.disabled):active{--lmvz-button-background: var(--lmvz-semantic-color-int-secondary-active);--lmvz-button-border-color: var(--lmvz-semantic-color-border-active)}button.tertiary{--lmvz-button-background: var(--lmvz-semantic-color-int-tertiary);--lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary)}button.tertiary:not([disabled],.disabled):hover{--lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-hover)}button.tertiary:not([disabled],.disabled):active{--lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-active)}button.small{--lmvz-button-padding-inline: var(--lmvz-component-input-sm-padding-x);--lmvz-button-padding-block: var(--lmvz-component-input-sm-padding-y);--lmvz-button-gap: var(--lmvz-component-input-sm-gap-x);--lmvz-button-font: var(--lmvz-typography-body-md)}button.large{--lmvz-button-padding-inline: var(--lmvz-component-input-lg-padding-x);--lmvz-button-padding-block: var(--lmvz-component-input-lg-padding-y);--lmvz-button-gap: var(--lmvz-component-input-lg-gap-x);--lmvz-button-font: var(--lmvz-typography-body-lg)}}