@volverjs/style 0.1.2-beta.10 → 0.1.2-beta.11

package/dist/components/vv-alert.css

@@ -0,0 +1 @@
+:where(:host,:root,.theme){--vv-alert-background-color: var(--color-surface-2);--vv-alert-border-color: var(--color-surface-4);--vv-alert-border-width: var(--border);--vv-alert-border-style: solid;--vv-alert-border-radius: var(--rounded);--vv-alert-position: relative;--vv-alert-modifier-success-border-color: var(--color-success-lighten-5);--vv-alert-modifier-success-background-color: hsl(var(--color-success-hue), var(--color-success-saturation), 90%);--vv-alert-modifier-success-element-icon-color: var(--color-success);--vv-alert-modifier-success-element-title-color: var(--color-success);--vv-alert-modifier-danger-border-color: var(--color-danger-lighten-5);--vv-alert-modifier-danger-background-color: hsl(var(--color-danger-hue), var(--color-danger-saturation), 90%);--vv-alert-modifier-danger-element-icon-color: var(--color-danger-darken-1);--vv-alert-modifier-danger-element-title-color: var(--color-danger-darken-1);--vv-alert-modifier-warning-border-color: var(--color-warning-lighten-5);--vv-alert-modifier-warning-background-color: hsl(var(--color-warning-hue), var(--color-warning-saturation), 90%);--vv-alert-modifier-warning-element-icon-color: var(--color-warning-darken-1);--vv-alert-modifier-warning-element-title-color: var(--color-warning-darken-1);--vv-alert-modifier-info-border-color: var(--color-info-lighten-5);--vv-alert-modifier-info-background-color: hsl(var(--color-info-hue), var(--color-info-saturation), 90%);--vv-alert-modifier-info-element-icon-color: var(--color-info-darken-1);--vv-alert-modifier-info-element-title-color: var(--color-info-darken-1);--vv-alert-modifier-accent-border-color: var(--color-accent-lighten-5);--vv-alert-modifier-accent-background-color: hsl(var(--color-accent-hue), var(--color-accent-saturation), 90%);--vv-alert-modifier-accent-element-icon-color: var(--color-accent-darken-1);--vv-alert-modifier-accent-element-title-color: var(--color-accent-darken-1);--vv-alert-modifier-brand-border-color: var(--color-brand-lighten-5);--vv-alert-modifier-brand-background-color: hsl(var(--color-brand-hue), var(--color-brand-saturation), 90%);--vv-alert-modifier-brand-element-icon-color: var(--color-brand-darken-1);--vv-alert-modifier-brand-element-title-color: var(--color-brand-darken-1);--vv-alert-modifier-callout-border-radius: var(--rounded-none);--vv-alert-modifier-callout-border-width: 0 0 0 var(--spacing-4);--vv-alert-modifier-icon-element-icon-position: absolute;--vv-alert-modifier-action-element-action-position: absolute;--vv-alert-element-icon-inline-size: 1.2em;--vv-alert-element-icon-block-size: 1.2em;--vv-alert-element-action-font-size: 1.2em;--vv-alert-element-action-inline-size: 1em;--vv-alert-element-action-block-size: 1em;--vv-alert-element-action-cursor: pointer;--vv-alert-element-title-display: block;--vv-alert-element-title-margin-bottom: var(--spacing-sm);--vv-alert-element-title-font-weight: var(--font-bold);--vv-alert-element-title-text-transform: uppercase;--vv-alert-element-separator-height: var(--border);--vv-alert-element-separator-background-color: var(--color-alpha-2);--vv-alert-element-separator-margin-block: var(--spacing-sm)}:where(.vv-alert){--alert-padding-top: var(--spacing-md);--alert-padding-right: var(--spacing-md);--alert-padding-bottom: var(--spacing-md);--alert-padding-left: var(--spacing-md);padding-top:var(--alert-padding-top);padding-right:var(--alert-padding-right);padding-bottom:var(--alert-padding-bottom);padding-left:var(--alert-padding-left);background-color:var(--vv-alert-background-color);border-color:var(--vv-alert-border-color);border-width:var(--vv-alert-border-width);border-style:var(--vv-alert-border-style);border-radius:var(--vv-alert-border-radius);position:var(--vv-alert-position)}:where(.vv-alert__icon,.vv-alert > :where(svg,[data-icon])){inline-size:var(--vv-alert-element-icon-inline-size);block-size:var(--vv-alert-element-icon-block-size)}:where(.vv-alert__action){font-size:var(--vv-alert-element-action-font-size);inline-size:var(--vv-alert-element-action-inline-size);block-size:var(--vv-alert-element-action-block-size);cursor:var(--vv-alert-element-action-cursor)}:where(.vv-alert__title){display:var(--vv-alert-element-title-display);margin-bottom:var(--vv-alert-element-title-margin-bottom);font-weight:var(--vv-alert-element-title-font-weight);text-transform:var(--vv-alert-element-title-text-transform)}:where(.vv-alert__separator,.vv-alert > hr){height:var(--vv-alert-element-separator-height);background-color:var(--vv-alert-element-separator-background-color);margin-block:var(--vv-alert-element-separator-margin-block)}:where(.vv-alert--success.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-success-border-color);--vv-alert-background-color: var(--vv-alert-modifier-success-background-color)}:where(.vv-alert--success .vv-alert__icon,.vv-alert--success > :where(svg,[data-icon])){color:var(--vv-alert-modifier-success-element-icon-color)}:where(.vv-alert--success .vv-alert__title){color:var(--vv-alert-modifier-success-element-title-color)}:where(.vv-alert--danger.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-danger-border-color);--vv-alert-background-color: var(--vv-alert-modifier-danger-background-color)}:where(.vv-alert--danger .vv-alert__icon,.vv-alert--danger > :where(svg,[data-icon])){color:var(--vv-alert-modifier-danger-element-icon-color)}:where(.vv-alert--danger .vv-alert__title){color:var(--vv-alert-modifier-danger-element-title-color)}:where(.vv-alert--warning.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-warning-border-color);--vv-alert-background-color: var(--vv-alert-modifier-warning-background-color)}:where(.vv-alert--warning .vv-alert__icon,.vv-alert--warning > :where(svg,[data-icon])){color:var(--vv-alert-modifier-warning-element-icon-color)}:where(.vv-alert--warning .vv-alert__title){color:var(--vv-alert-modifier-warning-element-title-color)}:where(.vv-alert--info.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-info-border-color);--vv-alert-background-color: var(--vv-alert-modifier-info-background-color)}:where(.vv-alert--info .vv-alert__icon,.vv-alert--info > :where(svg,[data-icon])){color:var(--vv-alert-modifier-info-element-icon-color)}:where(.vv-alert--info .vv-alert__title){color:var(--vv-alert-modifier-info-element-title-color)}:where(.vv-alert--accent.vv-alert){--vv-alert-border-color: var(--vv-alert-modifier-accent-border-color);--vv-alert-background-color: var(--vv-alert-modifier-accent-background-color)}:where(.vv-alert--accent .vv-alert__icon,.vv-alert--accent > :where(svg,[data-icon])){color:var(--vv-alert-modifier-accent-element-icon-color)}:where(.vv-alert--accent .vv-alert__title){color:var(--vv-alert-modifier-accent-element-title-color)}:where(.vv-alert--brand.vv-alert){--alert-color: var(--color-brand-darken-1);--vv-alert-border-color: var(--vv-alert-modifier-brand-border-color);--vv-alert-background-color: var(--vv-alert-modifier-brand-background-color)}:where(.vv-alert--brand .vv-alert__icon,.vv-alert--brand > :where(svg,[data-icon])){color:var(--vv-alert-modifier-brand-element-icon-color)}:where(.vv-alert--brand .vv-alert__title){color:var(--vv-alert-modifier-brand-element-title-color)}:where(.vv-alert--callout.vv-alert){--vv-alert-border-radius: var(--vv-alert-modifier-callout-border-radius);--vv-alert-border-width: var(--vv-alert-modifier-callout-border-width)}:where(.vv-alert--icon.vv-alert){padding-left:calc(var(--alert-padding-left) * 2 + 1.2em)}:where(.vv-alert--icon .vv-alert__icon,.vv-alert--icon > :where(svg,[data-icon])){position:var(--vv-alert-modifier-icon-element-icon-position);left:var(--alert-padding-left)}:where(.vv-alert--action.vv-alert){padding-right:calc(var(--alert-padding-right) * 2 + 1.2em)}:where(.vv-alert--action .vv-alert__action){position:var(--vv-alert-modifier-action-element-action-position);right:var(--alert-padding-right)}