@volverjs/style 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/components/vv-accordion-group.css +1 -0
  2. package/dist/components/vv-accordion.css +1 -1
  3. package/dist/components/vv-button.css +1 -1
  4. package/dist/components/vv-checkbox.css +1 -1
  5. package/dist/components/vv-dialog.css +1 -1
  6. package/dist/components/vv-input-text.css +1 -1
  7. package/dist/components/vv-radio.css +1 -1
  8. package/dist/components/vv-select.css +1 -1
  9. package/dist/components/vv-text.css +1 -1
  10. package/dist/components/vv-textarea.css +1 -1
  11. package/dist/components/vv-toast.css +1 -1
  12. package/dist/components/vv-tooltip.css +1 -1
  13. package/dist/components.css +1 -1
  14. package/dist/export.css +1 -1
  15. package/dist/props/effects.css +1 -1
  16. package/dist/props.css +1 -1
  17. package/dist/utilities/layout.css +1 -1
  18. package/dist/utilities/tables.css +1 -0
  19. package/dist/utilities/transforms.css +1 -0
  20. package/dist/utilities.css +1 -1
  21. package/dist/volver.css +1 -1
  22. package/package.json +8 -2
  23. package/src/_config.scss +1 -0
  24. package/src/components/index.scss +1 -0
  25. package/src/components/vv-accordion-group.scss +13 -0
  26. package/src/export.scss +49 -0
  27. package/src/props/effects.scss +1 -0
  28. package/src/settings/_index.scss +3 -0
  29. package/src/settings/_layout.scss +12 -0
  30. package/src/settings/_tables.scss +11 -0
  31. package/src/settings/_transforms.scss +50 -0
  32. package/src/settings/components/_vv-accordion-group.scss +5 -0
  33. package/src/settings/components/_vv-accordion.scss +9 -0
  34. package/src/settings/components/_vv-button.scss +1 -1
  35. package/src/settings/components/_vv-checkbox.scss +2 -2
  36. package/src/settings/components/_vv-dialog.scss +6 -6
  37. package/src/settings/components/_vv-input-text.scss +7 -7
  38. package/src/settings/components/_vv-radio.scss +2 -2
  39. package/src/settings/components/_vv-select.scss +5 -5
  40. package/src/settings/components/_vv-text.scss +1 -1
  41. package/src/settings/components/_vv-textarea.scss +4 -4
  42. package/src/settings/components/_vv-toast.scss +2 -2
  43. package/src/settings/components/_vv-tooltip.scss +2 -2
  44. package/src/utilities/index.scss +2 -0
  45. package/src/utilities/layout.scss +10 -5
  46. package/src/utilities/tables.scss +15 -0
  47. package/src/utilities/transforms.scss +111 -0
package/dist/components/vv-text.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-text-font-family: var(--font-sans);--vv-text-font-weight: var(--font-normal);--vv-text-line-height: var(--leading-normal);--vv-text-modifier-headline-font-weight: var(--font-semibold);--vv-text-modifier-headline-line-height: var(--leading-tight);--vv-text-modifier-headline-margin-top: var(--spacing-24);--vv-text-modifier-headline-margin-bottom: var(--spacing-16);--vv-text-modifier-copy-margin-block: var(--spacing-16);--vv-text-modifier-link-color: var(--color-brand);--vv-text-modifier-link-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-text-modifier-link-state-focus-visible-outline-offset: var(--spacing-4);--vv-text-modifier-link-state-hover-text-decoration: underline;--vv-text-modifier-link-state-hover-text-underline-offset: var(--spacing-4);--vv-text-modifier-link-state-active-color: var(--color-brand-darken-3);--vv-text-modifier-link-state-disabled-opacity: .5;--vv-text-modifier-link-state-disabled-cursor: not-allowed;--vv-text-modifier-quote-font-family: var(--font-serif);--vv-text-modifier-quote-border-left: var(--spacing-4) solid var(--color-surface-3);--vv-text-modifier-quote-padding-left: var(--spacing-16);--vv-text-modifier-quote-margin-block: var(--spacing-16);--vv-text-modifier-quote-margin-inline: var(--spacing-40);--vv-text-modifier-size-1-font-size: var(--text-32);--vv-text-modifier-size-2-font-size: var(--text-24);--vv-text-modifier-size-3-font-size: var(--text-20);--vv-text-modifier-size-4-font-size: var(--text-16);--vv-text-modifier-size-5-font-size: var(--text-14);--vv-text-modifier-size-6-font-size: var(--text-12)}:where(.vv-text){font-family:var(--vv-text-font-family);font-weight:var(--vv-text-font-weight);line-height:var(--vv-text-line-height)}:where(.vv-text--headline.vv-text){--vv-text-font-weight: var(--vv-text-modifier-headline-font-weight);--vv-text-line-height: var(--vv-text-modifier-headline-line-height);margin-top:var(--vv-text-modifier-headline-margin-top);margin-bottom:var(--vv-text-modifier-headline-margin-bottom)}:where(.vv-text--copy.vv-text){margin-block:var(--vv-text-modifier-copy-margin-block)}:where(.vv-text--link.vv-text){color:var(--vv-text-modifier-link-color)}:where(.vv-text--link.vv-text--focus-visible,.vv-text--link.vv-text.focus-visible,.vv-text--link.vv-text:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-text-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-text-modifier-link-state-focus-visible-outline-offset)}:where(.vv-text--link.vv-text--hover,.vv-text--link.vv-text.hover,.vv-text--link.vv-text:not([disabled]):hover){-webkit-text-decoration:var(--vv-text-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-text-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-text-modifier-link-state-hover-text-underline-offset)}:where(.vv-text--link.vv-text--active,.vv-text--link.vv-text.active,.vv-text--link.vv-text:not([disabled]):active){color:var(--vv-text-modifier-link-state-active-color)}:where(.vv-text--link.vv-text--disabled,.vv-text--link.vv-text.disabled,.vv-text--link.vv-text[disabled],.vv-text--link.vv-text[aria-disabled=true]){opacity:var(--vv-text-modifier-link-state-disabled-opacity);cursor:var(--vv-text-modifier-link-state-disabled-cursor)}:where(.vv-text--quote.vv-text){--vv-text-font-family: var(--vv-text-modifier-quote-font-family);border-left:var(--vv-text-modifier-quote-border-left);padding-left:var(--vv-text-modifier-quote-padding-left);margin-block:var(--vv-text-modifier-quote-margin-block);margin-inline:var(--vv-text-modifier-quote-margin-inline)}:where(.vv-text--size-1.vv-text){font-size:var(--vv-text-modifier-size-1-font-size)}:where(.vv-text--size-2.vv-text){font-size:var(--vv-text-modifier-size-2-font-size)}:where(.vv-text--size-3.vv-text){font-size:var(--vv-text-modifier-size-3-font-size)}:where(.vv-text--size-4.vv-text){font-size:var(--vv-text-modifier-size-4-font-size)}:where(.vv-text--size-5.vv-text){font-size:var(--vv-text-modifier-size-5-font-size)}:where(.vv-text--size-6.vv-text){font-size:var(--vv-text-modifier-size-6-font-size)}
1
+ :where(:host,:root,.theme){--vv-text-font-family: var(--font-sans);--vv-text-font-weight: var(--font-normal);--vv-text-line-height: var(--leading-normal);--vv-text-modifier-headline-font-weight: var(--font-semibold);--vv-text-modifier-headline-line-height: var(--leading-tight);--vv-text-modifier-headline-margin-top: var(--spacing-24);--vv-text-modifier-headline-margin-bottom: var(--spacing-16);--vv-text-modifier-copy-margin-block: var(--spacing-16);--vv-text-modifier-link-color: var(--color-brand);--vv-text-modifier-link-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-text-modifier-link-state-focus-visible-outline-offset: var(--spacing-4);--vv-text-modifier-link-state-hover-text-decoration: underline;--vv-text-modifier-link-state-hover-text-underline-offset: var(--spacing-4);--vv-text-modifier-link-state-active-color: var(--color-brand-darken-3);--vv-text-modifier-link-state-disabled-opacity: var(--opacity-50);--vv-text-modifier-link-state-disabled-cursor: not-allowed;--vv-text-modifier-quote-font-family: var(--font-serif);--vv-text-modifier-quote-border-left: var(--spacing-4) solid var(--color-surface-3);--vv-text-modifier-quote-padding-left: var(--spacing-16);--vv-text-modifier-quote-margin-block: var(--spacing-16);--vv-text-modifier-quote-margin-inline: var(--spacing-40);--vv-text-modifier-size-1-font-size: var(--text-32);--vv-text-modifier-size-2-font-size: var(--text-24);--vv-text-modifier-size-3-font-size: var(--text-20);--vv-text-modifier-size-4-font-size: var(--text-16);--vv-text-modifier-size-5-font-size: var(--text-14);--vv-text-modifier-size-6-font-size: var(--text-12)}:where(.vv-text){font-family:var(--vv-text-font-family);font-weight:var(--vv-text-font-weight);line-height:var(--vv-text-line-height)}:where(.vv-text--headline.vv-text){--vv-text-font-weight: var(--vv-text-modifier-headline-font-weight);--vv-text-line-height: var(--vv-text-modifier-headline-line-height);margin-top:var(--vv-text-modifier-headline-margin-top);margin-bottom:var(--vv-text-modifier-headline-margin-bottom)}:where(.vv-text--copy.vv-text){margin-block:var(--vv-text-modifier-copy-margin-block)}:where(.vv-text--link.vv-text){color:var(--vv-text-modifier-link-color)}:where(.vv-text--link.vv-text--focus-visible,.vv-text--link.vv-text.focus-visible,.vv-text--link.vv-text:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-text-modifier-link-state-focus-visible-outline);outline-offset:var(--vv-text-modifier-link-state-focus-visible-outline-offset)}:where(.vv-text--link.vv-text--hover,.vv-text--link.vv-text.hover,.vv-text--link.vv-text:not([disabled]):hover){-webkit-text-decoration:var(--vv-text-modifier-link-state-hover-text-decoration);text-decoration:var(--vv-text-modifier-link-state-hover-text-decoration);text-underline-offset:var(--vv-text-modifier-link-state-hover-text-underline-offset)}:where(.vv-text--link.vv-text--active,.vv-text--link.vv-text.active,.vv-text--link.vv-text:not([disabled]):active){color:var(--vv-text-modifier-link-state-active-color)}:where(.vv-text--link.vv-text--disabled,.vv-text--link.vv-text.disabled,.vv-text--link.vv-text[disabled],.vv-text--link.vv-text[aria-disabled=true]){opacity:var(--vv-text-modifier-link-state-disabled-opacity);cursor:var(--vv-text-modifier-link-state-disabled-cursor)}:where(.vv-text--quote.vv-text){--vv-text-font-family: var(--vv-text-modifier-quote-font-family);border-left:var(--vv-text-modifier-quote-border-left);padding-left:var(--vv-text-modifier-quote-padding-left);margin-block:var(--vv-text-modifier-quote-margin-block);margin-inline:var(--vv-text-modifier-quote-margin-inline)}:where(.vv-text--size-1.vv-text){font-size:var(--vv-text-modifier-size-1-font-size)}:where(.vv-text--size-2.vv-text){font-size:var(--vv-text-modifier-size-2-font-size)}:where(.vv-text--size-3.vv-text){font-size:var(--vv-text-modifier-size-3-font-size)}:where(.vv-text--size-4.vv-text){font-size:var(--vv-text-modifier-size-4-font-size)}:where(.vv-text--size-5.vv-text){font-size:var(--vv-text-modifier-size-5-font-size)}:where(.vv-text--size-6.vv-text){font-size:var(--vv-text-modifier-size-6-font-size)}
package/dist/components/vv-textarea.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-textarea-display: var(--input-display);--vv-textarea-flex: var(--input-flex);--vv-textarea-flex-direction: var(--input-flex-direction);--vv-textarea-margin-bottom: var(--input-gap);--vv-textarea-font-size: var(--input-font-size);--vv-textarea-line-height: var(--input-line-height);--vv-textarea-min-width: var(--input-min-width);--vv-textarea-element-label-display: var(--input-label-display);--vv-textarea-element-label-font-size: var(--input-label-font-size);--vv-textarea-element-label-color: var(--input-label-color);--vv-textarea-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-textarea-element-label-white-space: var(--input-label-white-space);--vv-textarea-element-label-text-overflow: var(--input-label-text-overflow);--vv-textarea-element-label-overflow: var(--input-label-overflow);--vv-textarea-element-label-max-width: var(--input-label-max-width);--vv-textarea-element-limit-position: absolute;--vv-textarea-element-limit-right: var(--input-gap);--vv-textarea-element-limit-bottom: var(--input-gap);--vv-textarea-element-limit-font-size: var(--input-hint-font-size);--vv-textarea-element-limit-color: var(--input-hint-color);--vv-textarea-element-wrapper-position: relative;--vv-textarea-element-wrapper-display: flex;--vv-textarea-element-wrapper-align-items: flex-start;--vv-textarea-element-wrapper-flex: 1;--vv-textarea-element-wrapper-overflow: hidden;--vv-textarea-element-wrapper-background-color: var(--input-background-color);--vv-textarea-element-wrapper-will-change: background-color;--vv-textarea-element-wrapper-transition: var(--transition-colors);--vv-textarea-element-wrapper-min-height: var(--spacing-50);--vv-textarea-element-wrapper-pseudo-before-position: absolute;--vv-textarea-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-textarea-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-textarea-element-wrapper-pseudo-after-position: absolute;--vv-textarea-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-textarea-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-after-background: var(--color-brand);--vv-textarea-element-wrapper-pseudo-after-transform: scaleX(0);--vv-textarea-element-wrapper-pseudo-after-transform-origin: left;--vv-textarea-element-wrapper-pseudo-after-will-change: transform;--vv-textarea-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-textarea-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-textarea-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-textarea-element-input-display: block;--vv-textarea-element-input-flex: 1;--vv-textarea-element-input-color: var(--input-color);--vv-textarea-element-input-overflow: auto;--vv-textarea-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-textarea-element-input-state-disabled-cursor: not-allowed;--vv-textarea-element-input-state-readonly-cursor: text;--vv-textarea-element-icon-margin: var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-textarea-element-icon-position: var(--input-icon-position);--vv-textarea-element-icon-width: var(--input-icon-width);--vv-textarea-element-icon-height: var(--input-icon-height);--vv-textarea-element-icon-padding: var(--input-icon-padding);--vv-textarea-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-textarea-element-icon-right-right: 0;--vv-textarea-element-actions-group-display: flex;--vv-textarea-element-actions-group-flex-direction: column;--vv-textarea-element-actions-group-position: absolute;--vv-textarea-element-actions-group-right: 0;--vv-textarea-element-actions-group-top: 0;--vv-textarea-element-actions-group-bottom: var(--spacing-px);--vv-textarea-element-hint-display: var(--input-hint-display);--vv-textarea-element-hint-font-size: var(--input-hint-font-size);--vv-textarea-element-hint-color: var(--input-hint-color);--vv-textarea-element-hint-padding-top: var(--input-hint-gap);--vv-textarea-element-hint-padding-inline: var(--spacing-xs);--vv-textarea-element-hint-white-space: var(--input-hint-white-space);--vv-textarea-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-textarea-element-hint-overflow: var(--input-hint-overflow);--vv-textarea-element-hint-max-width: var(--input-hint-max-width);--vv-textarea-modifier-resizable-element-input-resize: vertical;--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-valid-element-hint-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-limit-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-textarea-modifier-floating-element-label-position: absolute;--vv-textarea-modifier-floating-element-label-z-index: 1;--vv-textarea-modifier-floating-element-label-pointer-events: none;--vv-textarea-modifier-floating-element-label-font-size: inherit;--vv-textarea-modifier-floating-element-label-padding-inline: 0;--vv-textarea-modifier-floating-element-label-margin: 0;--vv-textarea-modifier-floating-element-label-will-change: transform;--vv-textarea-modifier-floating-element-label-transition: var(--transition-all);--vv-textarea-modifier-floating-element-input-will-change: transform;--vv-textarea-modifier-floating-element-input-transition: var(--transition-all);--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change: opacity;--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition: var(--transition-opacity);--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity: 0;--vv-textarea-modifier-floating-state-focus-within-element-label-transform: translateY(-.8em);--vv-textarea-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-focus-within-element-input-transform: translateY(.55em);--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: 1;--vv-textarea-modifier-floating-state-dirty-element-label-transform: translateY(-.8em);--vv-textarea-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-dirty-element-input-transform: translateY(.55em);--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: 1;--vv-textarea-state-disabled-opacity: .5;--vv-textarea-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-textarea-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-textarea){display:var(--vv-textarea-display);flex:var(--vv-textarea-flex);flex-direction:var(--vv-textarea-flex-direction);margin-bottom:var(--vv-textarea-margin-bottom);font-size:var(--vv-textarea-font-size);line-height:var(--vv-textarea-line-height);min-width:var(--vv-textarea-min-width)}:where(.vv-textarea__label,.vv-textarea > label){display:var(--vv-textarea-element-label-display);font-size:var(--vv-textarea-element-label-font-size);color:var(--vv-textarea-element-label-color);margin:var(--vv-textarea-element-label-margin);white-space:var(--vv-textarea-element-label-white-space);text-overflow:var(--vv-textarea-element-label-text-overflow);overflow:var(--vv-textarea-element-label-overflow);max-width:var(--vv-textarea-element-label-max-width)}:where(.vv-textarea__limit){position:var(--vv-textarea-element-limit-position);right:var(--vv-textarea-element-limit-right);bottom:var(--vv-textarea-element-limit-bottom);font-size:var(--vv-textarea-element-limit-font-size);color:var(--vv-textarea-element-limit-color)}:where(.vv-textarea__wrapper){position:var(--vv-textarea-element-wrapper-position);display:var(--vv-textarea-element-wrapper-display);align-items:var(--vv-textarea-element-wrapper-align-items);flex:var(--vv-textarea-element-wrapper-flex);overflow:var(--vv-textarea-element-wrapper-overflow);background-color:var(--vv-textarea-element-wrapper-background-color);will-change:var(--vv-textarea-element-wrapper-will-change);transition:var(--vv-textarea-element-wrapper-transition);min-height:var(--vv-textarea-element-wrapper-min-height)}:where(.vv-textarea__wrapper):before{content:"";position:var(--vv-textarea-element-wrapper-pseudo-before-position);height:var(--vv-textarea-element-wrapper-pseudo-before-height);inset:var(--vv-textarea-element-wrapper-pseudo-before-inset);background:var(--vv-textarea-element-wrapper-pseudo-before-background)}:where(.vv-textarea__wrapper):after{content:"";position:var(--vv-textarea-element-wrapper-pseudo-after-position);height:var(--vv-textarea-element-wrapper-pseudo-after-height);inset:var(--vv-textarea-element-wrapper-pseudo-after-inset);background:var(--vv-textarea-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-textarea-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-textarea-element-wrapper-pseudo-after-will-change);transition:var(--vv-textarea-element-wrapper-pseudo-after-transition)}:where(.vv-textarea__wrapper--hover,.vv-textarea__wrapper.hover,.vv-textarea__wrapper:not([disabled]):hover){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-hover-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-focus-within-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within):after{--vv-textarea-element-wrapper-pseudo-after-transform: var(--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-textarea__input,.vv-textarea textarea){display:var(--vv-textarea-element-input-display);flex:var(--vv-textarea-element-input-flex);color:var(--vv-textarea-element-input-color);padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);overflow:var(--vv-textarea-element-input-overflow)}:where(.vv-textarea__input,.vv-textarea textarea)::-moz-placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input,.vv-textarea textarea)::placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input--disabled,.vv-textarea__input.disabled,.vv-textarea textarea.disabled,.vv-textarea__input[disabled],.vv-textarea textarea[disabled],.vv-textarea__input[aria-disabled=true],.vv-textarea textarea[aria-disabled=true]){cursor:var(--vv-textarea-element-input-state-disabled-cursor)}:where(.vv-textarea__input--readonly,.vv-textarea__input.readonly,.vv-textarea textarea.readonly,.vv-textarea__input[readonly],.vv-textarea textarea[readonly]){cursor:var(--vv-textarea-element-input-state-readonly-cursor)}:where(.vv-textarea__icon,.vv-textarea :where(svg,[data-icon])){margin:var(--vv-textarea-element-icon-margin);position:var(--vv-textarea-element-icon-position);width:var(--vv-textarea-element-icon-width);height:var(--vv-textarea-element-icon-height);padding:var(--vv-textarea-element-icon-padding);pointer-events:var(--vv-textarea-element-icon-pointer-events)}:where(.vv-textarea__icon-right,.vv-textarea textarea + :where(svg,[data-icon])){right:var(--vv-textarea-element-icon-right-right)}:where(.vv-textarea__actions-group){display:var(--vv-textarea-element-actions-group-display);flex-direction:var(--vv-textarea-element-actions-group-flex-direction);position:var(--vv-textarea-element-actions-group-position);right:var(--vv-textarea-element-actions-group-right);top:var(--vv-textarea-element-actions-group-top);bottom:var(--vv-textarea-element-actions-group-bottom)}:where(.vv-textarea__hint,.vv-textarea > small){display:var(--vv-textarea-element-hint-display);font-size:var(--vv-textarea-element-hint-font-size);color:var(--vv-textarea-element-hint-color);padding-top:var(--vv-textarea-element-hint-padding-top);padding-inline:var(--vv-textarea-element-hint-padding-inline);white-space:var(--vv-textarea-element-hint-white-space);text-overflow:var(--vv-textarea-element-hint-text-overflow);overflow:var(--vv-textarea-element-hint-overflow);max-width:var(--vv-textarea-element-hint-max-width)}:where(.vv-textarea:has(textarea:disabled)),:where(.vv-textarea--disabled,.vv-textarea.disabled,.vv-textarea[disabled],.vv-textarea[aria-disabled=true]){opacity:var(--vv-textarea-state-disabled-opacity)}:where(.vv-textarea:has(textarea:disabled) .vv-textarea__wrapper:hover),:where(.vv-textarea--disabled .vv-textarea__wrapper--hover,.vv-textarea--disabled .vv-textarea__wrapper.hover,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.disabled .vv-textarea__wrapper--hover,.vv-textarea.disabled .vv-textarea__wrapper.hover,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[disabled] .vv-textarea__wrapper--hover,.vv-textarea[disabled] .vv-textarea__wrapper.hover,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper):after,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):after{content:"";opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper:hover),:where(.vv-textarea--readonly .vv-textarea__wrapper--hover,.vv-textarea--readonly .vv-textarea__wrapper.hover,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.readonly .vv-textarea__wrapper--hover,.vv-textarea.readonly .vv-textarea__wrapper.hover,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[readonly] .vv-textarea__wrapper--hover,.vv-textarea[readonly] .vv-textarea__wrapper.hover,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-textarea--icon-left.vv-textarea){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--icon-right.vv-textarea){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--resizable .vv-textarea__input,.vv-textarea--resizable textarea){resize:var(--vv-textarea-modifier-resizable-element-input-resize)}.vv-textarea--valid .vv-textarea__wrapper:after{content:"";background:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--valid .vv-textarea__hint,.vv-textarea--valid > small){color:var(--vv-textarea-modifier-valid-element-hint-color)}.vv-textarea--valid .vv-textarea__limit{color:var(--vv-textarea-modifier-valid-element-limit-color)}:where(.vv-textarea--valid .vv-textarea__icon-right,.vv-textarea--valid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-valid-element-icon-right-color)}.vv-textarea--invalid .vv-textarea__wrapper:after{content:"";background:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--invalid .vv-textarea__hint,.vv-textarea--invalid > small){color:var(--vv-textarea-modifier-invalid-element-hint-color)}.vv-textarea--invalid .vv-textarea__limit{color:var(--vv-textarea-modifier-invalid-element-limit-color)}:where(.vv-textarea--invalid .vv-textarea__icon-right,.vv-textarea--invalid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-invalid-element-icon-right-color)}.vv-textarea--loading .vv-textarea__wrapper:before{content:"";height:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background)}.vv-textarea--loading .vv-textarea__wrapper:after{content:"";animation:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-textarea--floating.vv-textarea){margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}.vv-textarea--floating .vv-textarea__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-textarea--floating .vv-textarea__hint,.vv-textarea--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-textarea--floating .vv-textarea__label,.vv-textarea--floating > label){position:var(--vv-textarea-modifier-floating-element-label-position);z-index:var(--vv-textarea-modifier-floating-element-label-z-index);pointer-events:var(--vv-textarea-modifier-floating-element-label-pointer-events);font-size:var(--vv-textarea-modifier-floating-element-label-font-size);padding-top:var(--input-spacing-top);padding-bottom:var(--input-spacing-bottom);padding-inline:var(--vv-textarea-modifier-floating-element-label-padding-inline);margin:var(--vv-textarea-modifier-floating-element-label-margin);will-change:var(--vv-textarea-modifier-floating-element-label-will-change);transition:var(--vv-textarea-modifier-floating-element-label-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea){will-change:var(--vv-textarea-modifier-floating-element-input-will-change);transition:var(--vv-textarea-modifier-floating-element-input-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::-moz-placeholder{content:"";will-change:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change);-moz-transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::placeholder{content:"";will-change:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change);transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea--focus-within > label,.vv-textarea--floating.vv-textarea.focus-within > label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within > label){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}
1
+ :where(:host,:root,.theme){--vv-textarea-display: var(--input-display);--vv-textarea-flex: var(--input-flex);--vv-textarea-flex-direction: var(--input-flex-direction);--vv-textarea-margin-bottom: var(--input-gap);--vv-textarea-font-size: var(--input-font-size);--vv-textarea-line-height: var(--input-line-height);--vv-textarea-min-width: var(--input-min-width);--vv-textarea-element-label-display: var(--input-label-display);--vv-textarea-element-label-font-size: var(--input-label-font-size);--vv-textarea-element-label-color: var(--input-label-color);--vv-textarea-element-label-margin: 0 0 var(--input-label-gap) 0;--vv-textarea-element-label-white-space: var(--input-label-white-space);--vv-textarea-element-label-text-overflow: var(--input-label-text-overflow);--vv-textarea-element-label-overflow: var(--input-label-overflow);--vv-textarea-element-label-max-width: var(--input-label-max-width);--vv-textarea-element-limit-position: absolute;--vv-textarea-element-limit-right: var(--input-gap);--vv-textarea-element-limit-bottom: var(--input-gap);--vv-textarea-element-limit-font-size: var(--input-hint-font-size);--vv-textarea-element-limit-color: var(--input-hint-color);--vv-textarea-element-wrapper-position: relative;--vv-textarea-element-wrapper-display: flex;--vv-textarea-element-wrapper-align-items: flex-start;--vv-textarea-element-wrapper-flex: 1;--vv-textarea-element-wrapper-overflow: hidden;--vv-textarea-element-wrapper-background-color: var(--input-background-color);--vv-textarea-element-wrapper-will-change: background-color;--vv-textarea-element-wrapper-transition: var(--transition-colors);--vv-textarea-element-wrapper-min-height: var(--spacing-50);--vv-textarea-element-wrapper-pseudo-before-position: absolute;--vv-textarea-element-wrapper-pseudo-before-height: var(--spacing-1);--vv-textarea-element-wrapper-pseudo-before-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-before-background: var(--color-word-5);--vv-textarea-element-wrapper-pseudo-after-position: absolute;--vv-textarea-element-wrapper-pseudo-after-height: var(--spacing-2);--vv-textarea-element-wrapper-pseudo-after-inset: auto 0 0 0;--vv-textarea-element-wrapper-pseudo-after-background: var(--color-brand);--vv-textarea-element-wrapper-pseudo-after-transform: scaleX(0);--vv-textarea-element-wrapper-pseudo-after-transform-origin: left;--vv-textarea-element-wrapper-pseudo-after-will-change: transform;--vv-textarea-element-wrapper-pseudo-after-transition: var(--transition-transform);--vv-textarea-element-wrapper-state-hover-background-color: var(--color-surface-3);--vv-textarea-element-wrapper-state-focus-within-background-color: var(--color-surface-2);--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform: scaleX(1);--vv-textarea-element-input-display: block;--vv-textarea-element-input-flex: 1;--vv-textarea-element-input-color: var(--input-color);--vv-textarea-element-input-overflow: auto;--vv-textarea-element-input-pseudo-placeholder-color: var(--input-placeholder-color);--vv-textarea-element-input-state-disabled-cursor: not-allowed;--vv-textarea-element-input-state-readonly-cursor: text;--vv-textarea-element-icon-margin: var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);--vv-textarea-element-icon-position: var(--input-icon-position);--vv-textarea-element-icon-width: var(--input-icon-width);--vv-textarea-element-icon-height: var(--input-icon-height);--vv-textarea-element-icon-padding: var(--input-icon-padding);--vv-textarea-element-icon-pointer-events: var(--input-icon-pointer-events);--vv-textarea-element-icon-right-right: 0;--vv-textarea-element-actions-group-display: flex;--vv-textarea-element-actions-group-flex-direction: column;--vv-textarea-element-actions-group-position: absolute;--vv-textarea-element-actions-group-right: 0;--vv-textarea-element-actions-group-top: 0;--vv-textarea-element-actions-group-bottom: var(--spacing-px);--vv-textarea-element-hint-display: var(--input-hint-display);--vv-textarea-element-hint-font-size: var(--input-hint-font-size);--vv-textarea-element-hint-color: var(--input-hint-color);--vv-textarea-element-hint-padding-top: var(--input-hint-gap);--vv-textarea-element-hint-padding-inline: var(--spacing-xs);--vv-textarea-element-hint-white-space: var(--input-hint-white-space);--vv-textarea-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-textarea-element-hint-overflow: var(--input-hint-overflow);--vv-textarea-element-hint-max-width: var(--input-hint-max-width);--vv-textarea-modifier-resizable-element-input-resize: vertical;--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background: var(--input-valid-color);--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-valid-element-hint-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-limit-color: var(--input-valid-color);--vv-textarea-modifier-valid-element-icon-right-color: var(--input-valid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform: scaleX(1);--vv-textarea-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-limit-color: var(--input-invalid-color);--vv-textarea-modifier-invalid-element-icon-right-color: var(--input-invalid-color);--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height: 2px;--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background: var(--color-brand-lighten-5);--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation: var(--animation-indeterminate);--vv-textarea-modifier-floating-element-label-position: absolute;--vv-textarea-modifier-floating-element-label-z-index: 1;--vv-textarea-modifier-floating-element-label-pointer-events: none;--vv-textarea-modifier-floating-element-label-font-size: inherit;--vv-textarea-modifier-floating-element-label-padding-inline: 0;--vv-textarea-modifier-floating-element-label-margin: 0;--vv-textarea-modifier-floating-element-label-will-change: transform;--vv-textarea-modifier-floating-element-label-transition: var(--transition-all);--vv-textarea-modifier-floating-element-input-will-change: transform;--vv-textarea-modifier-floating-element-input-transition: var(--transition-all);--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change: opacity;--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition: var(--transition-opacity);--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity: var(--opacity-0);--vv-textarea-modifier-floating-state-focus-within-element-label-transform: translateY(-.8em);--vv-textarea-modifier-floating-state-focus-within-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-focus-within-element-input-transform: translateY(.55em);--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-textarea-modifier-floating-state-dirty-element-label-transform: translateY(-.8em);--vv-textarea-modifier-floating-state-dirty-element-label-font-size: var(--text-12);--vv-textarea-modifier-floating-state-dirty-element-input-transform: translateY(.55em);--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity: var(--opacity-100);--vv-textarea-state-disabled-opacity: var(--opacity-50);--vv-textarea-state-disabled-element-wrapper-state-hover-background-color: var(--color-surface-1);--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity: 0;--vv-textarea-state-readonly-element-wrapper-state-hover-background-color: var(--color-surface-1)}:where(.vv-textarea){display:var(--vv-textarea-display);flex:var(--vv-textarea-flex);flex-direction:var(--vv-textarea-flex-direction);margin-bottom:var(--vv-textarea-margin-bottom);font-size:var(--vv-textarea-font-size);line-height:var(--vv-textarea-line-height);min-width:var(--vv-textarea-min-width)}:where(.vv-textarea__label,.vv-textarea > label){display:var(--vv-textarea-element-label-display);font-size:var(--vv-textarea-element-label-font-size);color:var(--vv-textarea-element-label-color);margin:var(--vv-textarea-element-label-margin);white-space:var(--vv-textarea-element-label-white-space);text-overflow:var(--vv-textarea-element-label-text-overflow);overflow:var(--vv-textarea-element-label-overflow);max-width:var(--vv-textarea-element-label-max-width)}:where(.vv-textarea__limit){position:var(--vv-textarea-element-limit-position);right:var(--vv-textarea-element-limit-right);bottom:var(--vv-textarea-element-limit-bottom);font-size:var(--vv-textarea-element-limit-font-size);color:var(--vv-textarea-element-limit-color)}:where(.vv-textarea__wrapper){position:var(--vv-textarea-element-wrapper-position);display:var(--vv-textarea-element-wrapper-display);align-items:var(--vv-textarea-element-wrapper-align-items);flex:var(--vv-textarea-element-wrapper-flex);overflow:var(--vv-textarea-element-wrapper-overflow);background-color:var(--vv-textarea-element-wrapper-background-color);will-change:var(--vv-textarea-element-wrapper-will-change);transition:var(--vv-textarea-element-wrapper-transition);min-height:var(--vv-textarea-element-wrapper-min-height)}:where(.vv-textarea__wrapper):before{content:"";position:var(--vv-textarea-element-wrapper-pseudo-before-position);height:var(--vv-textarea-element-wrapper-pseudo-before-height);inset:var(--vv-textarea-element-wrapper-pseudo-before-inset);background:var(--vv-textarea-element-wrapper-pseudo-before-background)}:where(.vv-textarea__wrapper):after{content:"";position:var(--vv-textarea-element-wrapper-pseudo-after-position);height:var(--vv-textarea-element-wrapper-pseudo-after-height);inset:var(--vv-textarea-element-wrapper-pseudo-after-inset);background:var(--vv-textarea-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-element-wrapper-pseudo-after-transform);transform-origin:var(--vv-textarea-element-wrapper-pseudo-after-transform-origin);will-change:var(--vv-textarea-element-wrapper-pseudo-after-will-change);transition:var(--vv-textarea-element-wrapper-pseudo-after-transition)}:where(.vv-textarea__wrapper--hover,.vv-textarea__wrapper.hover,.vv-textarea__wrapper:not([disabled]):hover){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-hover-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within){--vv-textarea-element-wrapper-background-color: var(--vv-textarea-element-wrapper-state-focus-within-background-color)}:where(.vv-textarea__wrapper--focus-within,.vv-textarea__wrapper.focus-within,.vv-textarea__wrapper:not([disabled]):focus-within):after{--vv-textarea-element-wrapper-pseudo-after-transform: var(--vv-textarea-element-wrapper-state-focus-within-pseudo-after-transform)}:where(.vv-textarea__input,.vv-textarea textarea){display:var(--vv-textarea-element-input-display);flex:var(--vv-textarea-element-input-flex);color:var(--vv-textarea-element-input-color);padding:var(--input-spacing-top) var(--input-spacing-right) var(--input-spacing-bottom) var(--input-spacing-left);overflow:var(--vv-textarea-element-input-overflow)}:where(.vv-textarea__input,.vv-textarea textarea)::-moz-placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input,.vv-textarea textarea)::placeholder{content:"";color:var(--vv-textarea-element-input-pseudo-placeholder-color)}:where(.vv-textarea__input--disabled,.vv-textarea__input.disabled,.vv-textarea textarea.disabled,.vv-textarea__input[disabled],.vv-textarea textarea[disabled],.vv-textarea__input[aria-disabled=true],.vv-textarea textarea[aria-disabled=true]){cursor:var(--vv-textarea-element-input-state-disabled-cursor)}:where(.vv-textarea__input--readonly,.vv-textarea__input.readonly,.vv-textarea textarea.readonly,.vv-textarea__input[readonly],.vv-textarea textarea[readonly]){cursor:var(--vv-textarea-element-input-state-readonly-cursor)}:where(.vv-textarea__icon,.vv-textarea :where(svg,[data-icon])){margin:var(--vv-textarea-element-icon-margin);position:var(--vv-textarea-element-icon-position);width:var(--vv-textarea-element-icon-width);height:var(--vv-textarea-element-icon-height);padding:var(--vv-textarea-element-icon-padding);pointer-events:var(--vv-textarea-element-icon-pointer-events)}:where(.vv-textarea__icon-right,.vv-textarea textarea + :where(svg,[data-icon])){right:var(--vv-textarea-element-icon-right-right)}:where(.vv-textarea__actions-group){display:var(--vv-textarea-element-actions-group-display);flex-direction:var(--vv-textarea-element-actions-group-flex-direction);position:var(--vv-textarea-element-actions-group-position);right:var(--vv-textarea-element-actions-group-right);top:var(--vv-textarea-element-actions-group-top);bottom:var(--vv-textarea-element-actions-group-bottom)}:where(.vv-textarea__hint,.vv-textarea > small){display:var(--vv-textarea-element-hint-display);font-size:var(--vv-textarea-element-hint-font-size);color:var(--vv-textarea-element-hint-color);padding-top:var(--vv-textarea-element-hint-padding-top);padding-inline:var(--vv-textarea-element-hint-padding-inline);white-space:var(--vv-textarea-element-hint-white-space);text-overflow:var(--vv-textarea-element-hint-text-overflow);overflow:var(--vv-textarea-element-hint-overflow);max-width:var(--vv-textarea-element-hint-max-width)}:where(.vv-textarea:has(textarea:disabled)),:where(.vv-textarea--disabled,.vv-textarea.disabled,.vv-textarea[disabled],.vv-textarea[aria-disabled=true]){opacity:var(--vv-textarea-state-disabled-opacity)}:where(.vv-textarea:has(textarea:disabled) .vv-textarea__wrapper:hover),:where(.vv-textarea--disabled .vv-textarea__wrapper--hover,.vv-textarea--disabled .vv-textarea__wrapper.hover,.vv-textarea--disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.disabled .vv-textarea__wrapper--hover,.vv-textarea.disabled .vv-textarea__wrapper.hover,.vv-textarea.disabled .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[disabled] .vv-textarea__wrapper--hover,.vv-textarea[disabled] .vv-textarea__wrapper.hover,.vv-textarea[disabled] .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper--hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper.hover,.vv-textarea[aria-disabled=true] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-disabled-element-wrapper-state-hover-background-color)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper):after,:where(.vv-textarea--readonly .vv-textarea__wrapper,.vv-textarea.readonly .vv-textarea__wrapper,.vv-textarea[readonly] .vv-textarea__wrapper):after{content:"";opacity:var(--vv-textarea-state-readonly-element-wrapper-pseudo-after-opacity)}:where(.vv-textarea:has(textarea:readonly) .vv-textarea__wrapper:hover),:where(.vv-textarea--readonly .vv-textarea__wrapper--hover,.vv-textarea--readonly .vv-textarea__wrapper.hover,.vv-textarea--readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea.readonly .vv-textarea__wrapper--hover,.vv-textarea.readonly .vv-textarea__wrapper.hover,.vv-textarea.readonly .vv-textarea__wrapper:not([disabled]):hover,.vv-textarea[readonly] .vv-textarea__wrapper--hover,.vv-textarea[readonly] .vv-textarea__wrapper.hover,.vv-textarea[readonly] .vv-textarea__wrapper:not([disabled]):hover){background-color:var(--vv-textarea-state-readonly-element-wrapper-state-hover-background-color)}:where(.vv-textarea--icon-left.vv-textarea){--input-spacing-left: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--icon-right.vv-textarea){--input-spacing-right: calc(var(--spacing-sm) * 2 + 1em)}:where(.vv-textarea--resizable .vv-textarea__input,.vv-textarea--resizable textarea){resize:var(--vv-textarea-modifier-resizable-element-input-resize)}.vv-textarea--valid .vv-textarea__wrapper:after{content:"";background:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-valid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--valid .vv-textarea__hint,.vv-textarea--valid > small){color:var(--vv-textarea-modifier-valid-element-hint-color)}.vv-textarea--valid .vv-textarea__limit{color:var(--vv-textarea-modifier-valid-element-limit-color)}:where(.vv-textarea--valid .vv-textarea__icon-right,.vv-textarea--valid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-valid-element-icon-right-color)}.vv-textarea--invalid .vv-textarea__wrapper:after{content:"";background:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-background);transform:var(--vv-textarea-modifier-invalid-element-wrapper-pseudo-after-transform)}:where(.vv-textarea--invalid .vv-textarea__hint,.vv-textarea--invalid > small){color:var(--vv-textarea-modifier-invalid-element-hint-color)}.vv-textarea--invalid .vv-textarea__limit{color:var(--vv-textarea-modifier-invalid-element-limit-color)}:where(.vv-textarea--invalid .vv-textarea__icon-right,.vv-textarea--invalid textarea + :where(svg,[data-icon])){color:var(--vv-textarea-modifier-invalid-element-icon-right-color)}.vv-textarea--loading .vv-textarea__wrapper:before{content:"";height:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-height);background:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-before-background)}.vv-textarea--loading .vv-textarea__wrapper:after{content:"";animation:var(--vv-textarea-modifier-loading-element-wrapper-pseudo-after-animation)}:where(.vv-textarea--floating.vv-textarea){margin-left:var(--input-spacing-left);margin-right:var(--input-spacing-right)}.vv-textarea--floating .vv-textarea__wrapper{margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-textarea--floating .vv-textarea__hint,.vv-textarea--floating > small){margin-left:calc(var(--input-spacing-left) * -1);margin-right:calc(var(--input-spacing-right) * -1)}:where(.vv-textarea--floating .vv-textarea__label,.vv-textarea--floating > label){position:var(--vv-textarea-modifier-floating-element-label-position);z-index:var(--vv-textarea-modifier-floating-element-label-z-index);pointer-events:var(--vv-textarea-modifier-floating-element-label-pointer-events);font-size:var(--vv-textarea-modifier-floating-element-label-font-size);padding-top:var(--input-spacing-top);padding-bottom:var(--input-spacing-bottom);padding-inline:var(--vv-textarea-modifier-floating-element-label-padding-inline);margin:var(--vv-textarea-modifier-floating-element-label-margin);will-change:var(--vv-textarea-modifier-floating-element-label-will-change);transition:var(--vv-textarea-modifier-floating-element-label-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea){will-change:var(--vv-textarea-modifier-floating-element-input-will-change);transition:var(--vv-textarea-modifier-floating-element-input-transition)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::-moz-placeholder{content:"";will-change:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change);-moz-transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating .vv-textarea__input,.vv-textarea--floating textarea)::placeholder{content:"";will-change:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-will-change);transition:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-transition);opacity:var(--vv-textarea-modifier-floating-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__label,.vv-textarea--floating.vv-textarea--focus-within > label,.vv-textarea--floating.vv-textarea.focus-within > label,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within > label){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-focus-within-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea){transform:var(--vv-textarea-modifier-floating-state-focus-within-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea.focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within .vv-textarea__input,.vv-textarea--floating.vv-textarea--focus-within textarea,.vv-textarea--floating.vv-textarea.focus-within textarea,.vv-textarea--floating.vv-textarea:not([disabled]):focus-within textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-focus-within-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__label,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__label,.vv-textarea--floating.vv-textarea--dirty > label,.vv-textarea--floating.vv-textarea.dirty > label,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) > label){transform:var(--vv-textarea-modifier-floating-state-dirty-element-label-transform);font-size:var(--vv-textarea-modifier-floating-state-dirty-element-label-font-size)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea){transform:var(--vv-textarea-modifier-floating-state-dirty-element-input-transform)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea)::-moz-placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:-moz-placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}:where(.vv-textarea--floating.vv-textarea--dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea.dirty .vv-textarea__input,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) .vv-textarea__input,.vv-textarea--floating.vv-textarea--dirty textarea,.vv-textarea--floating.vv-textarea.dirty textarea,.vv-textarea--floating.vv-textarea:not(:has(*:placeholder-shown)) textarea)::placeholder{content:"";opacity:var(--vv-textarea-modifier-floating-state-dirty-element-input-pseudo-placeholder-opacity)}
package/dist/components/vv-toast.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-toast-position: relative;--vv-toast-display: flex;--vv-toast-flex-direction: column;--vv-toast-overflow: hidden;--vv-toast-border-radius: var(--rounded);--vv-toast-background-color: var(--color-surface);--vv-toast-box-shadow: var(--shadow-lg);--vv-toast-color: var(--color-word-2);--vv-toast-backdrop-filter: none;--vv-toast-border-width: var(--border);--vv-toast-border-style: solid;--vv-toast-border-color: var(--color-gray);--vv-toast-width: max(15vw, min(20rem, 80vw));--vv-toast-element-header-display: flex;--vv-toast-element-header-overflow: hidden;--vv-toast-element-header-align-items: center;--vv-toast-element-header-padding: var(--spacing-10);--vv-toast-element-header-color: var(--color-white);--vv-toast-element-header-background-color: var(--color-gray);--vv-toast-element-header-font-size: var(--text-16);--vv-toast-element-content-padding: var(--spacing-10);--vv-toast-element-content-background-color: var(--color-surface-2);--vv-toast-element-content-flex-grow: 1;--vv-toast-element-content-min-height: 0;--vv-toast-element-content-overflow: auto;--vv-toast-element-content-font-size: var(--text-14);--vv-toast-element-close-position: absolute;--vv-toast-element-close-right: var(--spacing-10);--vv-toast-element-close-inline-size: 1.1em;--vv-toast-element-close-block-size: 1.1em;--vv-toast-element-close-cursor: pointer;--vv-toast-element-close-border-radius: var(--rounded);--vv-toast-element-close-background-image: var(--bg-close);--vv-toast-element-close-background-color: var(--color-surface-2);--vv-toast-element-close-background-position: center;--vv-toast-element-close-background-size: 70% auto;--vv-toast-element-close-background-repeat: no-repeat;--vv-toast-element-pie-position: absolute;--vv-toast-element-pie-display: block;--vv-toast-element-pie-right: var(--spacing-10);--vv-toast-element-pie-width: 1.1em;--vv-toast-element-pie-height: 1.1em;--vv-toast-element-pie-background-color: var(--color-white);--vv-toast-element-pie-border: 1px solid var(--color-white);--vv-toast-element-pie-border-radius: 50%;--vv-toast-element-pie-overflow: hidden;--vv-toast-element-pie-opacity: .8;--vv-toast-element-pie-cursor: pointer;--vv-toast-element-pie-pseudo-before-position: absolute;--vv-toast-element-pie-pseudo-before-top: 0;--vv-toast-element-pie-pseudo-before-width: 50%;--vv-toast-element-pie-pseudo-before-height: 100%;--vv-toast-element-pie-pseudo-before-transform-origin: 100% 50%;--vv-toast-element-pie-pseudo-before-background-color: var(--color-gray);--vv-toast-element-pie-pseudo-before-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-toast-element-pie-pseudo-before-will-change: transform;--vv-toast-element-pie-pseudo-after-position: absolute;--vv-toast-element-pie-pseudo-after-top: 0;--vv-toast-element-pie-pseudo-after-width: 50%;--vv-toast-element-pie-pseudo-after-height: 100%;--vv-toast-element-pie-pseudo-after-background-color: var(--color-white);--vv-toast-element-pie-pseudo-after-will-change: opacity;--vv-toast-element-pie-pseudo-after-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-toast-element-pie-pseudo-after-opacity: 0;--vv-toast-element-pie-mask-position: absolute;--vv-toast-element-pie-mask-top: 0;--vv-toast-element-pie-mask-width: 50%;--vv-toast-element-pie-mask-height: 100%;--vv-toast-element-pie-mask-left: 50%;--vv-toast-element-pie-mask-background-color: var(--color-gray);--vv-toast-element-pie-mask-will-change: opacity;--vv-toast-element-pie-mask-z-index: 1;--vv-toast-modifier-fixed-position: fixed;--vv-toast-modifier-fixed-z-index: var(--z-toast);--vv-toast-modifier-top-inset-block: var(--spacing-lg) auto;--vv-toast-modifier-right-inset-inline: auto var(--spacing-lg);--vv-toast-modifier-bottom-inset-block: auto var(--spacing-lg);--vv-toast-modifier-left-inset-inline: var(--spacing-lg) auto;--vv-toast-modifier-center-inset-inline: 50% auto;--vv-toast-modifier-center-transform: translateX(-50%);--vv-toast-modifier-dismissable-element-header-padding-right: calc(var(--spacing-10) * 2 + 1.1em);--vv-toast-modifier-success-border-color: var(--color-success);--vv-toast-modifier-success-element-header-background-color: var(--color-success);--vv-toast-modifier-success-element-content-border-color: var(--color-success);--vv-toast-modifier-success-element-content-background-color: var(--color-surface-success);--vv-toast-modifier-success-element-pie-pseudo-before-background-color: var(--color-success);--vv-toast-modifier-success-element-pie-mask-background-color: var(--color-success);--vv-toast-modifier-danger-border-color: var(--color-danger);--vv-toast-modifier-danger-element-header-background-color: var(--color-danger);--vv-toast-modifier-danger-element-content-border-color: var(--color-danger);--vv-toast-modifier-danger-element-content-background-color: var(--color-surface-danger);--vv-toast-modifier-danger-element-pie-pseudo-before-background-color: var(--color-danger);--vv-toast-modifier-danger-element-pie-mask-background-color: var(--color-danger);--vv-toast-modifier-warning-border-color: var(--color-warning-darken-1);--vv-toast-modifier-warning-element-header-background-color: var(--color-warning-darken-1);--vv-toast-modifier-warning-element-content-border-color: var(--color-warning);--vv-toast-modifier-warning-element-content-background-color: var(--color-surface-warning);--vv-toast-modifier-warning-element-pie-pseudo-before-background-color: var(--color-warning);--vv-toast-modifier-warning-element-pie-mask-background-color: var(--color-warning);--vv-toast-modifier-info-border-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-header-background-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-content-border-color: var(--color-info);--vv-toast-modifier-info-element-content-background-color: var(--color-surface-info);--vv-toast-modifier-info-element-pie-pseudo-before-background-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-pie-mask-background-color: var(--color-info-darken-1);--vv-toast-modifier-accent-border-color: var(--color-accent);--vv-toast-modifier-accent-element-header-background-color: var(--color-accent);--vv-toast-modifier-accent-element-content-border-color: var(--color-accent);--vv-toast-modifier-accent-element-content-background-color: var(--color-surface-accent);--vv-toast-modifier-accent-element-pie-pseudo-before-background-color: var(--color-accent);--vv-toast-modifier-accent-element-pie-mask-background-color: var(--color-accent);--vv-toast-modifier-brand-border-color: var(--color-brand);--vv-toast-modifier-brand-element-header-background-color: var(--color-brand);--vv-toast-modifier-brand-element-content-border-color: var(--color-brand);--vv-toast-modifier-brand-element-content-background-color: var(--color-surface-brand);--vv-toast-modifier-brand-element-pie-pseudo-before-background-color: var(--color-brand);--vv-toast-modifier-brand-element-pie-mask-background-color: var(--color-brand)}:where(.vv-toast){--toast-pie-animation-duration: 3s;position:var(--vv-toast-position);display:var(--vv-toast-display);flex-direction:var(--vv-toast-flex-direction);overflow:var(--vv-toast-overflow);border-radius:var(--vv-toast-border-radius);background-color:var(--vv-toast-background-color);box-shadow:var(--vv-toast-box-shadow);color:var(--vv-toast-color);-webkit-backdrop-filter:var(--vv-toast-backdrop-filter);backdrop-filter:var(--vv-toast-backdrop-filter);border-width:var(--vv-toast-border-width);border-style:var(--vv-toast-border-style);border-color:var(--vv-toast-border-color);width:var(--vv-toast-width)}:where(.vv-toast__header){display:var(--vv-toast-element-header-display);overflow:var(--vv-toast-element-header-overflow);align-items:var(--vv-toast-element-header-align-items);padding:var(--vv-toast-element-header-padding);color:var(--vv-toast-element-header-color);background-color:var(--vv-toast-element-header-background-color);font-size:var(--vv-toast-element-header-font-size)}:where(.vv-toast__content){padding:var(--vv-toast-element-content-padding);background-color:var(--vv-toast-element-content-background-color);flex-grow:var(--vv-toast-element-content-flex-grow);min-height:var(--vv-toast-element-content-min-height);overflow:var(--vv-toast-element-content-overflow);font-size:var(--vv-toast-element-content-font-size)}:where(.vv-toast__close){position:var(--vv-toast-element-close-position);right:var(--vv-toast-element-close-right);inline-size:var(--vv-toast-element-close-inline-size);block-size:var(--vv-toast-element-close-block-size);cursor:var(--vv-toast-element-close-cursor);border-radius:var(--vv-toast-element-close-border-radius);background-image:var(--vv-toast-element-close-background-image);background-color:var(--vv-toast-element-close-background-color);background-position:var(--vv-toast-element-close-background-position);background-size:var(--vv-toast-element-close-background-size);background-repeat:var(--vv-toast-element-close-background-repeat)}:where(.vv-toast__pie){position:var(--vv-toast-element-pie-position);display:var(--vv-toast-element-pie-display);right:var(--vv-toast-element-pie-right);width:var(--vv-toast-element-pie-width);height:var(--vv-toast-element-pie-height);background-color:var(--vv-toast-element-pie-background-color);border:var(--vv-toast-element-pie-border);border-radius:var(--vv-toast-element-pie-border-radius);overflow:var(--vv-toast-element-pie-overflow);opacity:var(--vv-toast-element-pie-opacity);cursor:var(--vv-toast-element-pie-cursor)}:where(.vv-toast__pie):before{content:"";position:var(--vv-toast-element-pie-pseudo-before-position);top:var(--vv-toast-element-pie-pseudo-before-top);width:var(--vv-toast-element-pie-pseudo-before-width);height:var(--vv-toast-element-pie-pseudo-before-height);transform-origin:var(--vv-toast-element-pie-pseudo-before-transform-origin);background-color:var(--vv-toast-element-pie-pseudo-before-background-color);border-radius:var(--vv-toast-element-pie-pseudo-before-border-radius);will-change:var(--vv-toast-element-pie-pseudo-before-will-change);animation:spin var(--toast-pie-animation-duration) linear}:where(.vv-toast__pie):after{content:"";position:var(--vv-toast-element-pie-pseudo-after-position);top:var(--vv-toast-element-pie-pseudo-after-top);width:var(--vv-toast-element-pie-pseudo-after-width);height:var(--vv-toast-element-pie-pseudo-after-height);background-color:var(--vv-toast-element-pie-pseudo-after-background-color);will-change:var(--vv-toast-element-pie-pseudo-after-will-change);border-radius:var(--vv-toast-element-pie-pseudo-after-border-radius);animation:pie-masks var(--toast-pie-animation-duration) steps(1,end);opacity:var(--vv-toast-element-pie-pseudo-after-opacity)}:where(.vv-toast__pie-mask){position:var(--vv-toast-element-pie-mask-position);top:var(--vv-toast-element-pie-mask-top);width:var(--vv-toast-element-pie-mask-width);height:var(--vv-toast-element-pie-mask-height);left:var(--vv-toast-element-pie-mask-left);background-color:var(--vv-toast-element-pie-mask-background-color);will-change:var(--vv-toast-element-pie-mask-will-change);animation:pie-masks var(--toast-pie-animation-duration) steps(1,end) reverse;z-index:var(--vv-toast-element-pie-mask-z-index)}:where(.vv-toast--fixed.vv-toast){--vv-toast-position: var(--vv-toast-modifier-fixed-position);z-index:var(--vv-toast-modifier-fixed-z-index)}:where(.vv-toast--top.vv-toast){inset-block:var(--vv-toast-modifier-top-inset-block)}:where(.vv-toast--right.vv-toast){inset-inline:var(--vv-toast-modifier-right-inset-inline)}:where(.vv-toast--bottom.vv-toast){inset-block:var(--vv-toast-modifier-bottom-inset-block)}:where(.vv-toast--left.vv-toast){inset-inline:var(--vv-toast-modifier-left-inset-inline)}:where(.vv-toast--center.vv-toast){inset-inline:var(--vv-toast-modifier-center-inset-inline);transform:var(--vv-toast-modifier-center-transform)}.vv-toast--dismissable .vv-toast__header{padding-right:var(--vv-toast-modifier-dismissable-element-header-padding-right)}:where(.vv-toast--success.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-success-border-color)}.vv-toast--success .vv-toast__header{background-color:var(--vv-toast-modifier-success-element-header-background-color)}.vv-toast--success .vv-toast__content{border-color:var(--vv-toast-modifier-success-element-content-border-color);background-color:var(--vv-toast-modifier-success-element-content-background-color)}.vv-toast--success .vv-toast__pie:before{content:"";background-color:var(--vv-toast-modifier-success-element-pie-pseudo-before-background-color)}.vv-toast--success .vv-toast__pie-mask{background-color:var(--vv-toast-modifier-success-element-pie-mask-background-color)}:where(.vv-toast--danger.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-danger-border-color)}.vv-toast--danger .vv-toast__header{background-color:var(--vv-toast-modifier-danger-element-header-background-color)}.vv-toast--danger .vv-toast__content{border-color:var(--vv-toast-modifier-danger-element-content-border-color);background-color:var(--vv-toast-modifier-danger-element-content-background-color)}.vv-toast--danger .vv-toast__pie:before{content:"";background-color:var(--vv-toast-modifier-danger-element-pie-pseudo-before-background-color)}.vv-toast--danger .vv-toast__pie-mask{background-color:var(--vv-toast-modifier-danger-element-pie-mask-background-color)}:where(.vv-toast--warning.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-warning-border-color)}.vv-toast--warning .vv-toast__header{background-color:var(--vv-toast-modifier-warning-element-header-background-color)}.vv-toast--warning .vv-toast__content{border-color:var(--vv-toast-modifier-warning-element-content-border-color);background-color:var(--vv-toast-modifier-warning-element-content-background-color)}.vv-toast--warning .vv-toast__pie:before{content:"";background-color:var(--vv-toast-modifier-warning-element-pie-pseudo-before-background-color)}.vv-toast--warning .vv-toast__pie-mask{background-color:var(--vv-toast-modifier-warning-element-pie-mask-background-color)}:where(.vv-toast--info.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-info-border-color)}.vv-toast--info .vv-toast__header{background-color:var(--vv-toast-modifier-info-element-header-background-color)}.vv-toast--info .vv-toast__content{border-color:var(--vv-toast-modifier-info-element-content-border-color);background-color:var(--vv-toast-modifier-info-element-content-background-color)}.vv-toast--info .vv-toast__pie:before{content:"";background-color:var(--vv-toast-modifier-info-element-pie-pseudo-before-background-color)}.vv-toast--info .vv-toast__pie-mask{background-color:var(--vv-toast-modifier-info-element-pie-mask-background-color)}:where(.vv-toast--accent.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-accent-border-color)}.vv-toast--accent .vv-toast__header{background-color:var(--vv-toast-modifier-accent-element-header-background-color)}.vv-toast--accent .vv-toast__content{border-color:var(--vv-toast-modifier-accent-element-content-border-color);background-color:var(--vv-toast-modifier-accent-element-content-background-color)}.vv-toast--accent .vv-toast__pie:before{content:"";background-color:var(--vv-toast-modifier-accent-element-pie-pseudo-before-background-color)}.vv-toast--accent .vv-toast__pie-mask{background-color:var(--vv-toast-modifier-accent-element-pie-mask-background-color)}:where(.vv-toast--brand.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-brand-border-color)}.vv-toast--brand .vv-toast__header{background-color:var(--vv-toast-modifier-brand-element-header-background-color)}.vv-toast--brand .vv-toast__content{border-color:var(--vv-toast-modifier-brand-element-content-border-color);background-color:var(--vv-toast-modifier-brand-element-content-background-color)}.vv-toast--brand .vv-toast__pie:before{content:"";background-color:var(--vv-toast-modifier-brand-element-pie-pseudo-before-background-color)}.vv-toast--brand .vv-toast__pie-mask{background-color:var(--vv-toast-modifier-brand-element-pie-mask-background-color)}
1
+ :where(:host,:root,.theme){--vv-toast-position: relative;--vv-toast-display: flex;--vv-toast-flex-direction: column;--vv-toast-overflow: hidden;--vv-toast-border-radius: var(--rounded);--vv-toast-background-color: var(--color-surface);--vv-toast-box-shadow: var(--shadow-lg);--vv-toast-color: var(--color-word-2);--vv-toast-backdrop-filter: none;--vv-toast-border-width: var(--border);--vv-toast-border-style: solid;--vv-toast-border-color: var(--color-gray);--vv-toast-width: max(15vw, min(20rem, 80vw));--vv-toast-element-header-display: flex;--vv-toast-element-header-overflow: hidden;--vv-toast-element-header-align-items: center;--vv-toast-element-header-padding: var(--spacing-10);--vv-toast-element-header-color: var(--color-white);--vv-toast-element-header-background-color: var(--color-gray);--vv-toast-element-header-font-size: var(--text-16);--vv-toast-element-content-padding: var(--spacing-10);--vv-toast-element-content-background-color: var(--color-surface-2);--vv-toast-element-content-flex-grow: 1;--vv-toast-element-content-min-height: 0;--vv-toast-element-content-overflow: auto;--vv-toast-element-content-font-size: var(--text-14);--vv-toast-element-close-position: absolute;--vv-toast-element-close-right: var(--spacing-10);--vv-toast-element-close-inline-size: 1.1em;--vv-toast-element-close-block-size: 1.1em;--vv-toast-element-close-cursor: pointer;--vv-toast-element-close-border-radius: var(--rounded);--vv-toast-element-close-background-image: var(--bg-close);--vv-toast-element-close-background-color: var(--color-surface-2);--vv-toast-element-close-background-position: center;--vv-toast-element-close-background-size: 70% auto;--vv-toast-element-close-background-repeat: no-repeat;--vv-toast-element-pie-position: absolute;--vv-toast-element-pie-display: block;--vv-toast-element-pie-right: var(--spacing-10);--vv-toast-element-pie-width: 1.1em;--vv-toast-element-pie-height: 1.1em;--vv-toast-element-pie-background-color: var(--color-white);--vv-toast-element-pie-border: 1px solid var(--color-white);--vv-toast-element-pie-border-radius: 50%;--vv-toast-element-pie-overflow: hidden;--vv-toast-element-pie-opacity: var(--opacity-80);--vv-toast-element-pie-cursor: pointer;--vv-toast-element-pie-pseudo-before-position: absolute;--vv-toast-element-pie-pseudo-before-top: 0;--vv-toast-element-pie-pseudo-before-width: 50%;--vv-toast-element-pie-pseudo-before-height: 100%;--vv-toast-element-pie-pseudo-before-transform-origin: 100% 50%;--vv-toast-element-pie-pseudo-before-background-color: var(--color-gray);--vv-toast-element-pie-pseudo-before-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-toast-element-pie-pseudo-before-will-change: transform;--vv-toast-element-pie-pseudo-after-position: absolute;--vv-toast-element-pie-pseudo-after-top: 0;--vv-toast-element-pie-pseudo-after-width: 50%;--vv-toast-element-pie-pseudo-after-height: 100%;--vv-toast-element-pie-pseudo-after-background-color: var(--color-white);--vv-toast-element-pie-pseudo-after-will-change: opacity;--vv-toast-element-pie-pseudo-after-border-radius: 100% 0 0 100%/50% 0 0 50%;--vv-toast-element-pie-pseudo-after-opacity: var(--opacity-0);--vv-toast-element-pie-mask-position: absolute;--vv-toast-element-pie-mask-top: 0;--vv-toast-element-pie-mask-width: 50%;--vv-toast-element-pie-mask-height: 100%;--vv-toast-element-pie-mask-left: 50%;--vv-toast-element-pie-mask-background-color: var(--color-gray);--vv-toast-element-pie-mask-will-change: opacity;--vv-toast-element-pie-mask-z-index: 1;--vv-toast-modifier-fixed-position: fixed;--vv-toast-modifier-fixed-z-index: var(--z-toast);--vv-toast-modifier-top-inset-block: var(--spacing-lg) auto;--vv-toast-modifier-right-inset-inline: auto var(--spacing-lg);--vv-toast-modifier-bottom-inset-block: auto var(--spacing-lg);--vv-toast-modifier-left-inset-inline: var(--spacing-lg) auto;--vv-toast-modifier-center-inset-inline: 50% auto;--vv-toast-modifier-center-transform: translateX(-50%);--vv-toast-modifier-dismissable-element-header-padding-right: calc(var(--spacing-10) * 2 + 1.1em);--vv-toast-modifier-success-border-color: var(--color-success);--vv-toast-modifier-success-element-header-background-color: var(--color-success);--vv-toast-modifier-success-element-content-border-color: var(--color-success);--vv-toast-modifier-success-element-content-background-color: var(--color-surface-success);--vv-toast-modifier-success-element-pie-pseudo-before-background-color: var(--color-success);--vv-toast-modifier-success-element-pie-mask-background-color: var(--color-success);--vv-toast-modifier-danger-border-color: var(--color-danger);--vv-toast-modifier-danger-element-header-background-color: var(--color-danger);--vv-toast-modifier-danger-element-content-border-color: var(--color-danger);--vv-toast-modifier-danger-element-content-background-color: var(--color-surface-danger);--vv-toast-modifier-danger-element-pie-pseudo-before-background-color: var(--color-danger);--vv-toast-modifier-danger-element-pie-mask-background-color: var(--color-danger);--vv-toast-modifier-warning-border-color: var(--color-warning-darken-1);--vv-toast-modifier-warning-element-header-background-color: var(--color-warning-darken-1);--vv-toast-modifier-warning-element-content-border-color: var(--color-warning);--vv-toast-modifier-warning-element-content-background-color: var(--color-surface-warning);--vv-toast-modifier-warning-element-pie-pseudo-before-background-color: var(--color-warning);--vv-toast-modifier-warning-element-pie-mask-background-color: var(--color-warning);--vv-toast-modifier-info-border-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-header-background-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-content-border-color: var(--color-info);--vv-toast-modifier-info-element-content-background-color: var(--color-surface-info);--vv-toast-modifier-info-element-pie-pseudo-before-background-color: var(--color-info-darken-1);--vv-toast-modifier-info-element-pie-mask-background-color: var(--color-info-darken-1);--vv-toast-modifier-accent-border-color: var(--color-accent);--vv-toast-modifier-accent-element-header-background-color: var(--color-accent);--vv-toast-modifier-accent-element-content-border-color: var(--color-accent);--vv-toast-modifier-accent-element-content-background-color: var(--color-surface-accent);--vv-toast-modifier-accent-element-pie-pseudo-before-background-color: var(--color-accent);--vv-toast-modifier-accent-element-pie-mask-background-color: var(--color-accent);--vv-toast-modifier-brand-border-color: var(--color-brand);--vv-toast-modifier-brand-element-header-background-color: var(--color-brand);--vv-toast-modifier-brand-element-content-border-color: var(--color-brand);--vv-toast-modifier-brand-element-content-background-color: var(--color-surface-brand);--vv-toast-modifier-brand-element-pie-pseudo-before-background-color: var(--color-brand);--vv-toast-modifier-brand-element-pie-mask-background-color: var(--color-brand)}:where(.vv-toast){--toast-pie-animation-duration: 3s;position:var(--vv-toast-position);display:var(--vv-toast-display);flex-direction:var(--vv-toast-flex-direction);overflow:var(--vv-toast-overflow);border-radius:var(--vv-toast-border-radius);background-color:var(--vv-toast-background-color);box-shadow:var(--vv-toast-box-shadow);color:var(--vv-toast-color);-webkit-backdrop-filter:var(--vv-toast-backdrop-filter);backdrop-filter:var(--vv-toast-backdrop-filter);border-width:var(--vv-toast-border-width);border-style:var(--vv-toast-border-style);border-color:var(--vv-toast-border-color);width:var(--vv-toast-width)}:where(.vv-toast__header){display:var(--vv-toast-element-header-display);overflow:var(--vv-toast-element-header-overflow);align-items:var(--vv-toast-element-header-align-items);padding:var(--vv-toast-element-header-padding);color:var(--vv-toast-element-header-color);background-color:var(--vv-toast-element-header-background-color);font-size:var(--vv-toast-element-header-font-size)}:where(.vv-toast__content){padding:var(--vv-toast-element-content-padding);background-color:var(--vv-toast-element-content-background-color);flex-grow:var(--vv-toast-element-content-flex-grow);min-height:var(--vv-toast-element-content-min-height);overflow:var(--vv-toast-element-content-overflow);font-size:var(--vv-toast-element-content-font-size)}:where(.vv-toast__close){position:var(--vv-toast-element-close-position);right:var(--vv-toast-element-close-right);inline-size:var(--vv-toast-element-close-inline-size);block-size:var(--vv-toast-element-close-block-size);cursor:var(--vv-toast-element-close-cursor);border-radius:var(--vv-toast-element-close-border-radius);background-image:var(--vv-toast-element-close-background-image);background-color:var(--vv-toast-element-close-background-color);background-position:var(--vv-toast-element-close-background-position);background-size:var(--vv-toast-element-close-background-size);background-repeat:var(--vv-toast-element-close-background-repeat)}:where(.vv-toast__pie){position:var(--vv-toast-element-pie-position);display:var(--vv-toast-element-pie-display);right:var(--vv-toast-element-pie-right);width:var(--vv-toast-element-pie-width);height:var(--vv-toast-element-pie-height);background-color:var(--vv-toast-element-pie-background-color);border:var(--vv-toast-element-pie-border);border-radius:var(--vv-toast-element-pie-border-radius);overflow:var(--vv-toast-element-pie-overflow);opacity:var(--vv-toast-element-pie-opacity);cursor:var(--vv-toast-element-pie-cursor)}:where(.vv-toast__pie):before{content:"";position:var(--vv-toast-element-pie-pseudo-before-position);top:var(--vv-toast-element-pie-pseudo-before-top);width:var(--vv-toast-element-pie-pseudo-before-width);height:var(--vv-toast-element-pie-pseudo-before-height);transform-origin:var(--vv-toast-element-pie-pseudo-before-transform-origin);background-color:var(--vv-toast-element-pie-pseudo-before-background-color);border-radius:var(--vv-toast-element-pie-pseudo-before-border-radius);will-change:var(--vv-toast-element-pie-pseudo-before-will-change);animation:spin var(--toast-pie-animation-duration) linear}:where(.vv-toast__pie):after{content:"";position:var(--vv-toast-element-pie-pseudo-after-position);top:var(--vv-toast-element-pie-pseudo-after-top);width:var(--vv-toast-element-pie-pseudo-after-width);height:var(--vv-toast-element-pie-pseudo-after-height);background-color:var(--vv-toast-element-pie-pseudo-after-background-color);will-change:var(--vv-toast-element-pie-pseudo-after-will-change);border-radius:var(--vv-toast-element-pie-pseudo-after-border-radius);animation:pie-masks var(--toast-pie-animation-duration) steps(1,end);opacity:var(--vv-toast-element-pie-pseudo-after-opacity)}:where(.vv-toast__pie-mask){position:var(--vv-toast-element-pie-mask-position);top:var(--vv-toast-element-pie-mask-top);width:var(--vv-toast-element-pie-mask-width);height:var(--vv-toast-element-pie-mask-height);left:var(--vv-toast-element-pie-mask-left);background-color:var(--vv-toast-element-pie-mask-background-color);will-change:var(--vv-toast-element-pie-mask-will-change);animation:pie-masks var(--toast-pie-animation-duration) steps(1,end) reverse;z-index:var(--vv-toast-element-pie-mask-z-index)}:where(.vv-toast--fixed.vv-toast){--vv-toast-position: var(--vv-toast-modifier-fixed-position);z-index:var(--vv-toast-modifier-fixed-z-index)}:where(.vv-toast--top.vv-toast){inset-block:var(--vv-toast-modifier-top-inset-block)}:where(.vv-toast--right.vv-toast){inset-inline:var(--vv-toast-modifier-right-inset-inline)}:where(.vv-toast--bottom.vv-toast){inset-block:var(--vv-toast-modifier-bottom-inset-block)}:where(.vv-toast--left.vv-toast){inset-inline:var(--vv-toast-modifier-left-inset-inline)}:where(.vv-toast--center.vv-toast){inset-inline:var(--vv-toast-modifier-center-inset-inline);transform:var(--vv-toast-modifier-center-transform)}.vv-toast--dismissable .vv-toast__header{padding-right:var(--vv-toast-modifier-dismissable-element-header-padding-right)}:where(.vv-toast--success.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-success-border-color)}.vv-toast--success .vv-toast__header{background-color:var(--vv-toast-modifier-success-element-header-background-color)}.vv-toast--success .vv-toast__content{border-color:var(--vv-toast-modifier-success-element-content-border-color);background-color:var(--vv-toast-modifier-success-element-content-background-color)}.vv-toast--success .vv-toast__pie:before{content:"";background-color:var(--vv-toast-modifier-success-element-pie-pseudo-before-background-color)}.vv-toast--success .vv-toast__pie-mask{background-color:var(--vv-toast-modifier-success-element-pie-mask-background-color)}:where(.vv-toast--danger.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-danger-border-color)}.vv-toast--danger .vv-toast__header{background-color:var(--vv-toast-modifier-danger-element-header-background-color)}.vv-toast--danger .vv-toast__content{border-color:var(--vv-toast-modifier-danger-element-content-border-color);background-color:var(--vv-toast-modifier-danger-element-content-background-color)}.vv-toast--danger .vv-toast__pie:before{content:"";background-color:var(--vv-toast-modifier-danger-element-pie-pseudo-before-background-color)}.vv-toast--danger .vv-toast__pie-mask{background-color:var(--vv-toast-modifier-danger-element-pie-mask-background-color)}:where(.vv-toast--warning.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-warning-border-color)}.vv-toast--warning .vv-toast__header{background-color:var(--vv-toast-modifier-warning-element-header-background-color)}.vv-toast--warning .vv-toast__content{border-color:var(--vv-toast-modifier-warning-element-content-border-color);background-color:var(--vv-toast-modifier-warning-element-content-background-color)}.vv-toast--warning .vv-toast__pie:before{content:"";background-color:var(--vv-toast-modifier-warning-element-pie-pseudo-before-background-color)}.vv-toast--warning .vv-toast__pie-mask{background-color:var(--vv-toast-modifier-warning-element-pie-mask-background-color)}:where(.vv-toast--info.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-info-border-color)}.vv-toast--info .vv-toast__header{background-color:var(--vv-toast-modifier-info-element-header-background-color)}.vv-toast--info .vv-toast__content{border-color:var(--vv-toast-modifier-info-element-content-border-color);background-color:var(--vv-toast-modifier-info-element-content-background-color)}.vv-toast--info .vv-toast__pie:before{content:"";background-color:var(--vv-toast-modifier-info-element-pie-pseudo-before-background-color)}.vv-toast--info .vv-toast__pie-mask{background-color:var(--vv-toast-modifier-info-element-pie-mask-background-color)}:where(.vv-toast--accent.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-accent-border-color)}.vv-toast--accent .vv-toast__header{background-color:var(--vv-toast-modifier-accent-element-header-background-color)}.vv-toast--accent .vv-toast__content{border-color:var(--vv-toast-modifier-accent-element-content-border-color);background-color:var(--vv-toast-modifier-accent-element-content-background-color)}.vv-toast--accent .vv-toast__pie:before{content:"";background-color:var(--vv-toast-modifier-accent-element-pie-pseudo-before-background-color)}.vv-toast--accent .vv-toast__pie-mask{background-color:var(--vv-toast-modifier-accent-element-pie-mask-background-color)}:where(.vv-toast--brand.vv-toast){--vv-toast-border-color: var(--vv-toast-modifier-brand-border-color)}.vv-toast--brand .vv-toast__header{background-color:var(--vv-toast-modifier-brand-element-header-background-color)}.vv-toast--brand .vv-toast__content{border-color:var(--vv-toast-modifier-brand-element-content-border-color);background-color:var(--vv-toast-modifier-brand-element-content-background-color)}.vv-toast--brand .vv-toast__pie:before{content:"";background-color:var(--vv-toast-modifier-brand-element-pie-pseudo-before-background-color)}.vv-toast--brand .vv-toast__pie-mask{background-color:var(--vv-toast-modifier-brand-element-pie-mask-background-color)}
package/dist/components/vv-tooltip.css CHANGED
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-tooltip-opacity: 0;--vv-tooltip-display: block;--vv-tooltip-position: absolute;--vv-tooltip-inset-inline: 100% auto;--vv-tooltip-top: 50%;--vv-tooltip-transform: translate(var(--spacing-10), -50%);--vv-tooltip-z-index: var(--z-tooltip);--vv-tooltip-inline-size: max-content;--vv-tooltip-max-inline-size: 25ch;--vv-tooltip-border-radius: var(--rounded-md);--vv-tooltip-padding: var(--spacing-4) var(--spacing-sm);--vv-tooltip-background: var(--color-gray-darken-4);--vv-tooltip-font-size: var(--text-12);--vv-tooltip-font-weight: var(--font-normal);--vv-tooltip-color: var(--color-gray-lighten-5);--vv-tooltip-text-align: center;--vv-tooltip-box-shadow: var(--shadow-md);--vv-tooltip-will-change: opacity;--vv-tooltip-transition: var(--transition-opacity);--vv-tooltip-pseudo-after-position: absolute;--vv-tooltip-pseudo-after-z-index: -1;--vv-tooltip-pseudo-after-inset-inline: 0 auto;--vv-tooltip-pseudo-after-inset-block: 50% auto;--vv-tooltip-pseudo-after-transform: translate(-100%, -50%);--vv-tooltip-pseudo-after-border-width: var(--spacing-8);--vv-tooltip-pseudo-after-border-style: solid;--vv-tooltip-pseudo-after-border-color: transparent var(--color-gray-darken-4) transparent transparent;--vv-tooltip-modifier-visible-opacity: 1;--vv-tooltip-modifier-top-inset-inline: 50% 0;--vv-tooltip-modifier-top-inset-block: auto 100%;--vv-tooltip-modifier-top-transform: translate(-50%, calc(var(--spacing-10) * -1));--vv-tooltip-modifier-top-pseudo-after-inset-inline: 50% auto;--vv-tooltip-modifier-top-pseudo-after-inset-block: 100% auto;--vv-tooltip-modifier-top-pseudo-after-transform: translate(-50%, 0) rotate(-90deg);--vv-tooltip-modifier-bottom-inset-inline: 50% 0;--vv-tooltip-modifier-bottom-inset-block: 100% auto;--vv-tooltip-modifier-bottom-transform: translate(-50%, var(--spacing-10));--vv-tooltip-modifier-bottom-pseudo-after-inset-inline: 50% auto;--vv-tooltip-modifier-bottom-pseudo-after-inset-block: 0 auto;--vv-tooltip-modifier-bottom-pseudo-after-transform: translate(-50%, -100%) rotate(90deg);--vv-tooltip-modifier-left-inset-inline: auto 100%;--vv-tooltip-modifier-left-transform: translate(calc(var(--spacing-10) * -1), -50%);--vv-tooltip-modifier-left-pseudo-after-position: absolute;--vv-tooltip-modifier-left-pseudo-after-inset-inline: auto 0;--vv-tooltip-modifier-left-pseudo-after-transform: translate(100%, -50%) rotate(180deg)}:where(.vv-tooltip){opacity:var(--vv-tooltip-opacity);display:var(--vv-tooltip-display);position:var(--vv-tooltip-position);inset-inline:var(--vv-tooltip-inset-inline);top:var(--vv-tooltip-top);transform:var(--vv-tooltip-transform);z-index:var(--vv-tooltip-z-index);inline-size:var(--vv-tooltip-inline-size);max-inline-size:var(--vv-tooltip-max-inline-size);border-radius:var(--vv-tooltip-border-radius);padding:var(--vv-tooltip-padding);background:var(--vv-tooltip-background);font-size:var(--vv-tooltip-font-size);font-weight:var(--vv-tooltip-font-weight);color:var(--vv-tooltip-color);text-align:var(--vv-tooltip-text-align);box-shadow:var(--vv-tooltip-box-shadow);will-change:var(--vv-tooltip-will-change);transition:var(--vv-tooltip-transition)}:where(.vv-tooltip):after{content:"";position:var(--vv-tooltip-pseudo-after-position);z-index:var(--vv-tooltip-pseudo-after-z-index);inset-inline:var(--vv-tooltip-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-pseudo-after-inset-block);transform:var(--vv-tooltip-pseudo-after-transform);border-width:var(--vv-tooltip-pseudo-after-border-width);border-style:var(--vv-tooltip-pseudo-after-border-style);border-color:var(--vv-tooltip-pseudo-after-border-color)}:where(*:has(> .vv-tooltip)):hover,:where(*:has(> .vv-tooltip)):focus-visible,:where(*:has(> .vv-tooltip)).hover,:where(*:has(> .vv-tooltip)).focus-visible,:where(.vv-tooltip--visible.vv-tooltip){--vv-tooltip-opacity: var(--vv-tooltip-modifier-visible-opacity)}:where(.vv-tooltip--top.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-top-inset-inline);inset-block:var(--vv-tooltip-modifier-top-inset-block);--vv-tooltip-transform: var(--vv-tooltip-modifier-top-transform)}:where(.vv-tooltip--top.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-top-pseudo-after-inset-inline);--vv-tooltip-pseudo-after-inset-block: var(--vv-tooltip-modifier-top-pseudo-after-inset-block);--vv-tooltip-pseudo-after-transform: var(--vv-tooltip-modifier-top-pseudo-after-transform)}:where(.vv-tooltip--bottom.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-bottom-inset-inline);inset-block:var(--vv-tooltip-modifier-bottom-inset-block);--vv-tooltip-transform: var(--vv-tooltip-modifier-bottom-transform)}:where(.vv-tooltip--bottom.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-bottom-pseudo-after-inset-inline);--vv-tooltip-pseudo-after-inset-block: var(--vv-tooltip-modifier-bottom-pseudo-after-inset-block);--vv-tooltip-pseudo-after-transform: var(--vv-tooltip-modifier-bottom-pseudo-after-transform)}:where(.vv-tooltip--left.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-left-inset-inline);--vv-tooltip-transform: var(--vv-tooltip-modifier-left-transform)}:where(.vv-tooltip--left.vv-tooltip):after{--vv-tooltip-pseudo-after-position: var(--vv-tooltip-modifier-left-pseudo-after-position);--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-left-pseudo-after-inset-inline);--vv-tooltip-pseudo-after-transform: var(--vv-tooltip-modifier-left-pseudo-after-transform)}:where(*:has(.vv-tooltip)){position:relative}
1
+ :where(:host,:root,.theme){--vv-tooltip-opacity: var(--opacity-0);--vv-tooltip-display: block;--vv-tooltip-position: absolute;--vv-tooltip-inset-inline: 100% auto;--vv-tooltip-top: 50%;--vv-tooltip-transform: translate(var(--spacing-10), -50%);--vv-tooltip-z-index: var(--z-tooltip);--vv-tooltip-inline-size: max-content;--vv-tooltip-max-inline-size: 25ch;--vv-tooltip-border-radius: var(--rounded-md);--vv-tooltip-padding: var(--spacing-4) var(--spacing-sm);--vv-tooltip-background: var(--color-gray-darken-4);--vv-tooltip-font-size: var(--text-12);--vv-tooltip-font-weight: var(--font-normal);--vv-tooltip-color: var(--color-gray-lighten-5);--vv-tooltip-text-align: center;--vv-tooltip-box-shadow: var(--shadow-md);--vv-tooltip-will-change: opacity;--vv-tooltip-transition: var(--transition-opacity);--vv-tooltip-pseudo-after-position: absolute;--vv-tooltip-pseudo-after-z-index: -1;--vv-tooltip-pseudo-after-inset-inline: 0 auto;--vv-tooltip-pseudo-after-inset-block: 50% auto;--vv-tooltip-pseudo-after-transform: translate(-100%, -50%);--vv-tooltip-pseudo-after-border-width: var(--spacing-8);--vv-tooltip-pseudo-after-border-style: solid;--vv-tooltip-pseudo-after-border-color: transparent var(--color-gray-darken-4) transparent transparent;--vv-tooltip-modifier-visible-opacity: var(--opacity-100);--vv-tooltip-modifier-top-inset-inline: 50% 0;--vv-tooltip-modifier-top-inset-block: auto 100%;--vv-tooltip-modifier-top-transform: translate(-50%, calc(var(--spacing-10) * -1));--vv-tooltip-modifier-top-pseudo-after-inset-inline: 50% auto;--vv-tooltip-modifier-top-pseudo-after-inset-block: 100% auto;--vv-tooltip-modifier-top-pseudo-after-transform: translate(-50%, 0) rotate(-90deg);--vv-tooltip-modifier-bottom-inset-inline: 50% 0;--vv-tooltip-modifier-bottom-inset-block: 100% auto;--vv-tooltip-modifier-bottom-transform: translate(-50%, var(--spacing-10));--vv-tooltip-modifier-bottom-pseudo-after-inset-inline: 50% auto;--vv-tooltip-modifier-bottom-pseudo-after-inset-block: 0 auto;--vv-tooltip-modifier-bottom-pseudo-after-transform: translate(-50%, -100%) rotate(90deg);--vv-tooltip-modifier-left-inset-inline: auto 100%;--vv-tooltip-modifier-left-transform: translate(calc(var(--spacing-10) * -1), -50%);--vv-tooltip-modifier-left-pseudo-after-position: absolute;--vv-tooltip-modifier-left-pseudo-after-inset-inline: auto 0;--vv-tooltip-modifier-left-pseudo-after-transform: translate(100%, -50%) rotate(180deg)}:where(.vv-tooltip){opacity:var(--vv-tooltip-opacity);display:var(--vv-tooltip-display);position:var(--vv-tooltip-position);inset-inline:var(--vv-tooltip-inset-inline);top:var(--vv-tooltip-top);transform:var(--vv-tooltip-transform);z-index:var(--vv-tooltip-z-index);inline-size:var(--vv-tooltip-inline-size);max-inline-size:var(--vv-tooltip-max-inline-size);border-radius:var(--vv-tooltip-border-radius);padding:var(--vv-tooltip-padding);background:var(--vv-tooltip-background);font-size:var(--vv-tooltip-font-size);font-weight:var(--vv-tooltip-font-weight);color:var(--vv-tooltip-color);text-align:var(--vv-tooltip-text-align);box-shadow:var(--vv-tooltip-box-shadow);will-change:var(--vv-tooltip-will-change);transition:var(--vv-tooltip-transition)}:where(.vv-tooltip):after{content:"";position:var(--vv-tooltip-pseudo-after-position);z-index:var(--vv-tooltip-pseudo-after-z-index);inset-inline:var(--vv-tooltip-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-pseudo-after-inset-block);transform:var(--vv-tooltip-pseudo-after-transform);border-width:var(--vv-tooltip-pseudo-after-border-width);border-style:var(--vv-tooltip-pseudo-after-border-style);border-color:var(--vv-tooltip-pseudo-after-border-color)}:where(*:has(> .vv-tooltip)):hover,:where(*:has(> .vv-tooltip)):focus-visible,:where(*:has(> .vv-tooltip)).hover,:where(*:has(> .vv-tooltip)).focus-visible,:where(.vv-tooltip--visible.vv-tooltip){--vv-tooltip-opacity: var(--vv-tooltip-modifier-visible-opacity)}:where(.vv-tooltip--top.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-top-inset-inline);inset-block:var(--vv-tooltip-modifier-top-inset-block);--vv-tooltip-transform: var(--vv-tooltip-modifier-top-transform)}:where(.vv-tooltip--top.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-top-pseudo-after-inset-inline);--vv-tooltip-pseudo-after-inset-block: var(--vv-tooltip-modifier-top-pseudo-after-inset-block);--vv-tooltip-pseudo-after-transform: var(--vv-tooltip-modifier-top-pseudo-after-transform)}:where(.vv-tooltip--bottom.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-bottom-inset-inline);inset-block:var(--vv-tooltip-modifier-bottom-inset-block);--vv-tooltip-transform: var(--vv-tooltip-modifier-bottom-transform)}:where(.vv-tooltip--bottom.vv-tooltip):after{--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-bottom-pseudo-after-inset-inline);--vv-tooltip-pseudo-after-inset-block: var(--vv-tooltip-modifier-bottom-pseudo-after-inset-block);--vv-tooltip-pseudo-after-transform: var(--vv-tooltip-modifier-bottom-pseudo-after-transform)}:where(.vv-tooltip--left.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-left-inset-inline);--vv-tooltip-transform: var(--vv-tooltip-modifier-left-transform)}:where(.vv-tooltip--left.vv-tooltip):after{--vv-tooltip-pseudo-after-position: var(--vv-tooltip-modifier-left-pseudo-after-position);--vv-tooltip-pseudo-after-inset-inline: var(--vv-tooltip-modifier-left-pseudo-after-inset-inline);--vv-tooltip-pseudo-after-transform: var(--vv-tooltip-modifier-left-pseudo-after-transform)}:where(*:has(.vv-tooltip)){position:relative}