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

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 (51) hide show
  1. package/dist/components/vv-alert.css +1 -1
  2. package/dist/components/vv-avatar.css +1 -0
  3. package/dist/components/vv-badge.css +1 -1
  4. package/dist/components/vv-card.css +1 -1
  5. package/dist/components/vv-dialog.css +1 -1
  6. package/dist/components/vv-input-checkbox.css +1 -1
  7. package/dist/components/vv-input-text.css +1 -1
  8. package/dist/components/vv-nav.css +1 -1
  9. package/dist/components/vv-textarea.css +1 -1
  10. package/dist/components/vv-toast.css +1 -0
  11. package/dist/components/vv-tooltip.css +1 -0
  12. package/dist/components.css +1 -1
  13. package/dist/export.css +1 -1
  14. package/dist/props/background.css +1 -1
  15. package/dist/props/colors.css +1 -1
  16. package/dist/props.css +1 -1
  17. package/dist/themes/dark/components.css +1 -1
  18. package/dist/themes/dark/props.css +1 -1
  19. package/dist/themes/dark/volver.css +1 -1
  20. package/dist/utilities/backgrounds.css +1 -1
  21. package/dist/utilities/colors.css +1 -1
  22. package/dist/utilities.css +1 -1
  23. package/dist/volver.css +1 -1
  24. package/package.json +8 -2
  25. package/src/_config.scss +3 -0
  26. package/src/_preflight.scss +251 -248
  27. package/src/components/index.scss +4 -1
  28. package/src/components/vv-avatar.scss +12 -0
  29. package/src/components/vv-toast.scss +12 -0
  30. package/src/components/vv-tooltip.scss +12 -0
  31. package/src/settings/_background.scss +3 -1
  32. package/src/settings/_colors.scss +14 -1
  33. package/src/settings/_index.scss +4 -1
  34. package/src/settings/components/_vv-alert.scss +73 -72
  35. package/src/settings/components/_vv-avatar.scss +34 -0
  36. package/src/settings/components/_vv-badge.scss +6 -0
  37. package/src/settings/components/_vv-card.scss +2 -1
  38. package/src/settings/components/_vv-dialog.scss +9 -3
  39. package/src/settings/components/_vv-input-checkbox.scss +8 -0
  40. package/src/settings/components/_vv-input-text.scss +16 -0
  41. package/src/settings/components/_vv-nav.scss +27 -1
  42. package/src/settings/components/_vv-textarea.scss +21 -0
  43. package/src/settings/components/_vv-toast.scss +128 -0
  44. package/src/settings/components/_vv-tooltip.scss +140 -0
  45. package/src/themes/dark/_context.scss +4 -1
  46. package/src/themes/dark/components/index.scss +0 -1
  47. package/src/themes/dark/settings/_background.scss +2 -0
  48. package/src/themes/dark/settings/_colors.scss +14 -1
  49. package/src/themes/dark/settings/_index.scss +0 -1
  50. package/src/themes/dark/components/_vv-alert.scss +0 -22
  51. package/src/themes/dark/settings/components/_vv-alert.scss +0 -80
package/dist/components/vv-tooltip.css ADDED
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-tooltip-position: relative;--vv-tooltip-display: inline-flex;--vv-tooltip-align-items: center;--vv-tooltip-element-content-opacity: 0;--vv-tooltip-element-content-position: absolute;--vv-tooltip-element-content-z-index: var(--z-tooltip);--vv-tooltip-element-content-display: block;--vv-tooltip-element-content-min-width: var(--spacing-160);--vv-tooltip-element-content-border-radius: var(--rounded-md);--vv-tooltip-element-content-border-width: 2px;--vv-tooltip-element-content-border-style: solid;--vv-tooltip-element-content-border-color: var(--color-gray-darken-4);--vv-tooltip-element-content-padding: var(--spacing-4) var(--spacing-sm);--vv-tooltip-element-content-margin: 0 0 0 var(--spacing-xs);--vv-tooltip-element-content-background: var(--color-gray-darken-4);--vv-tooltip-element-content-font-size: var(--text-12);--vv-tooltip-element-content-font-weight: var(--font-normal);--vv-tooltip-element-content-color: var(--color-gray-lighten-5);--vv-tooltip-element-content-text-align: center;--vv-tooltip-element-content-inset-inline: 100% auto;--vv-tooltip-element-content-inset-block: auto;--vv-tooltip-element-content-box-shadow: var(--shadow-md);--vv-tooltip-element-content-pseudo-after-position: absolute;--vv-tooltip-element-content-pseudo-after-z-index: -1;--vv-tooltip-element-content-pseudo-after-inset-inline: -10% auto;--vv-tooltip-element-content-pseudo-after-inset-block: 50% auto;--vv-tooltip-element-content-pseudo-after-transform: translateY(-50%);--vv-tooltip-element-content-pseudo-after-border-width: 10px;--vv-tooltip-element-content-pseudo-after-border-style: solid;--vv-tooltip-element-content-pseudo-after-border-color: transparent var(--color-gray-darken-4) transparent transparent;--vv-tooltip-modifier-top-element-content-margin: 0 0 var(--spacing-xs) 0;--vv-tooltip-modifier-top-element-content-inset-inline: auto;--vv-tooltip-modifier-top-element-content-inset-block: auto 100%;--vv-tooltip-modifier-top-element-content-pseudo-after-position: absolute;--vv-tooltip-modifier-top-element-content-pseudo-after-z-index: -1;--vv-tooltip-modifier-top-element-content-pseudo-after-inset-inline: 45% auto;--vv-tooltip-modifier-top-element-content-pseudo-after-inset-block: 130% auto;--vv-tooltip-modifier-top-element-content-pseudo-after-border-width: 10px;--vv-tooltip-modifier-top-element-content-pseudo-after-border-style: solid;--vv-tooltip-modifier-top-element-content-pseudo-after-border-color: var(--color-gray-darken-4) transparent transparent;--vv-tooltip-modifier-right-element-content-margin: 0 0 0 var(--spacing-xs);--vv-tooltip-modifier-right-element-content-inset-inline: 100% auto;--vv-tooltip-modifier-right-element-content-inset-block: auto;--vv-tooltip-modifier-right-element-content-pseudo-after-position: absolute;--vv-tooltip-modifier-right-element-content-pseudo-after-z-index: -1;--vv-tooltip-modifier-right-element-content-pseudo-after-inset-inline: -10% auto;--vv-tooltip-modifier-right-element-content-pseudo-after-inset-block: 50% auto;--vv-tooltip-modifier-right-element-content-pseudo-after-transform: translateY(-50%);--vv-tooltip-modifier-right-element-content-pseudo-after-border-width: 10px;--vv-tooltip-modifier-right-element-content-pseudo-after-border-style: solid;--vv-tooltip-modifier-right-element-content-pseudo-after-border-color: transparent var(--color-gray-darken-4) transparent transparent;--vv-tooltip-modifier-bottom-element-content-margin: var(--spacing-xs) 0 0 0;--vv-tooltip-modifier-bottom-element-content-inset-inline: auto;--vv-tooltip-modifier-bottom-element-content-inset-block: 100% auto;--vv-tooltip-modifier-bottom-element-content-pseudo-after-position: absolute;--vv-tooltip-modifier-bottom-element-content-pseudo-after-z-index: -1;--vv-tooltip-modifier-bottom-element-content-pseudo-after-inset-inline: 45% auto;--vv-tooltip-modifier-bottom-element-content-pseudo-after-inset-block: auto 50%;--vv-tooltip-modifier-bottom-element-content-pseudo-after-border-width: 10px;--vv-tooltip-modifier-bottom-element-content-pseudo-after-border-style: solid;--vv-tooltip-modifier-bottom-element-content-pseudo-after-border-color: transparent transparent var(--color-gray-darken-4) transparent;--vv-tooltip-modifier-left-element-content-margin: 0 var(--spacing-xs) 0 0;--vv-tooltip-modifier-left-element-content-inset-inline: auto 100%;--vv-tooltip-modifier-left-element-content-inset-block: auto;--vv-tooltip-modifier-left-element-content-pseudo-after-position: absolute;--vv-tooltip-modifier-left-element-content-pseudo-after-z-index: -1;--vv-tooltip-modifier-left-element-content-pseudo-after-inset-inline: auto -10%;--vv-tooltip-modifier-left-element-content-pseudo-after-inset-block: 50% auto;--vv-tooltip-modifier-left-element-content-pseudo-after-transform: translateY(-50%);--vv-tooltip-modifier-left-element-content-pseudo-after-border-width: 10px;--vv-tooltip-modifier-left-element-content-pseudo-after-border-style: solid;--vv-tooltip-modifier-left-element-content-pseudo-after-border-color: transparent transparent transparent var(--color-gray-darken-4);--vv-tooltip-state-hover-element-content-opacity: 1;--vv-tooltip-state-hover-element-content-will-change: opacity;--vv-tooltip-state-hover-element-content-transition: opacity .3s ease-in-out}:where(.vv-tooltip){position:var(--vv-tooltip-position);display:var(--vv-tooltip-display);align-items:var(--vv-tooltip-align-items)}:where(.vv-tooltip__content){opacity:var(--vv-tooltip-element-content-opacity);position:var(--vv-tooltip-element-content-position);z-index:var(--vv-tooltip-element-content-z-index);display:var(--vv-tooltip-element-content-display);min-width:var(--vv-tooltip-element-content-min-width);border-radius:var(--vv-tooltip-element-content-border-radius);border-width:var(--vv-tooltip-element-content-border-width);border-style:var(--vv-tooltip-element-content-border-style);border-color:var(--vv-tooltip-element-content-border-color);padding:var(--vv-tooltip-element-content-padding);margin:var(--vv-tooltip-element-content-margin);background:var(--vv-tooltip-element-content-background);font-size:var(--vv-tooltip-element-content-font-size);font-weight:var(--vv-tooltip-element-content-font-weight);color:var(--vv-tooltip-element-content-color);text-align:var(--vv-tooltip-element-content-text-align);inset-inline:var(--vv-tooltip-element-content-inset-inline);inset-block:var(--vv-tooltip-element-content-inset-block);box-shadow:var(--vv-tooltip-element-content-box-shadow)}:where(.vv-tooltip__content):after{content:"";position:var(--vv-tooltip-element-content-pseudo-after-position);z-index:var(--vv-tooltip-element-content-pseudo-after-z-index);inset-inline:var(--vv-tooltip-element-content-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-element-content-pseudo-after-inset-block);transform:var(--vv-tooltip-element-content-pseudo-after-transform);border-width:var(--vv-tooltip-element-content-pseudo-after-border-width);border-style:var(--vv-tooltip-element-content-pseudo-after-border-style);border-color:var(--vv-tooltip-element-content-pseudo-after-border-color)}:where(.vv-tooltip--hover .vv-tooltip__content,.vv-tooltip.hover .vv-tooltip__content,.vv-tooltip:not([disabled]):hover .vv-tooltip__content){opacity:var(--vv-tooltip-state-hover-element-content-opacity);will-change:var(--vv-tooltip-state-hover-element-content-will-change);transition:var(--vv-tooltip-state-hover-element-content-transition)}:where(.vv-tooltip--top .vv-tooltip__content){margin:var(--vv-tooltip-modifier-top-element-content-margin);inset-inline:var(--vv-tooltip-modifier-top-element-content-inset-inline);inset-block:var(--vv-tooltip-modifier-top-element-content-inset-block)}:where(.vv-tooltip--top .vv-tooltip__content):after{content:"";position:var(--vv-tooltip-modifier-top-element-content-pseudo-after-position);z-index:var(--vv-tooltip-modifier-top-element-content-pseudo-after-z-index);inset-inline:var(--vv-tooltip-modifier-top-element-content-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-modifier-top-element-content-pseudo-after-inset-block);border-width:var(--vv-tooltip-modifier-top-element-content-pseudo-after-border-width);border-style:var(--vv-tooltip-modifier-top-element-content-pseudo-after-border-style);border-color:var(--vv-tooltip-modifier-top-element-content-pseudo-after-border-color)}:where(.vv-tooltip--right .vv-tooltip__content){margin:var(--vv-tooltip-modifier-right-element-content-margin);inset-inline:var(--vv-tooltip-modifier-right-element-content-inset-inline);inset-block:var(--vv-tooltip-modifier-right-element-content-inset-block)}:where(.vv-tooltip--right .vv-tooltip__content):after{content:"";position:var(--vv-tooltip-modifier-right-element-content-pseudo-after-position);z-index:var(--vv-tooltip-modifier-right-element-content-pseudo-after-z-index);inset-inline:var(--vv-tooltip-modifier-right-element-content-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-modifier-right-element-content-pseudo-after-inset-block);transform:var(--vv-tooltip-modifier-right-element-content-pseudo-after-transform);border-width:var(--vv-tooltip-modifier-right-element-content-pseudo-after-border-width);border-style:var(--vv-tooltip-modifier-right-element-content-pseudo-after-border-style);border-color:var(--vv-tooltip-modifier-right-element-content-pseudo-after-border-color)}:where(.vv-tooltip--bottom .vv-tooltip__content){margin:var(--vv-tooltip-modifier-bottom-element-content-margin);inset-inline:var(--vv-tooltip-modifier-bottom-element-content-inset-inline);inset-block:var(--vv-tooltip-modifier-bottom-element-content-inset-block)}:where(.vv-tooltip--bottom .vv-tooltip__content):after{content:"";position:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-position);z-index:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-z-index);inset-inline:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-inset-block);border-width:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-border-width);border-style:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-border-style);border-color:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-border-color)}:where(.vv-tooltip--left .vv-tooltip__content){margin:var(--vv-tooltip-modifier-left-element-content-margin);inset-inline:var(--vv-tooltip-modifier-left-element-content-inset-inline);inset-block:var(--vv-tooltip-modifier-left-element-content-inset-block)}:where(.vv-tooltip--left .vv-tooltip__content):after{content:"";position:var(--vv-tooltip-modifier-left-element-content-pseudo-after-position);z-index:var(--vv-tooltip-modifier-left-element-content-pseudo-after-z-index);inset-inline:var(--vv-tooltip-modifier-left-element-content-pseudo-after-inset-inline);inset-block:var(--vv-tooltip-modifier-left-element-content-pseudo-after-inset-block);transform:var(--vv-tooltip-modifier-left-element-content-pseudo-after-transform);border-width:var(--vv-tooltip-modifier-left-element-content-pseudo-after-border-width);border-style:var(--vv-tooltip-modifier-left-element-content-pseudo-after-border-style);border-color:var(--vv-tooltip-modifier-left-element-content-pseudo-after-border-color)}