@volverjs/style 0.1.2-beta-12 → 0.1.2-beta-14

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 (9) hide show
  1. package/dist/components/vv-tooltip.css +1 -0
  2. package/dist/components.css +1 -1
  3. package/dist/volver.css +1 -1
  4. package/package.json +3 -1
  5. package/src/_config.scss +1 -0
  6. package/src/components/index.scss +1 -0
  7. package/src/components/vv-tooltip.scss +12 -0
  8. package/src/settings/_index.scss +1 -0
  9. package/src/settings/components/_vv-tooltip.scss +135 -0
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-filter: drop-shadow(0 0 .2rem var(--color-gray-darken-4));--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: 10px solid var(--color-gray-darken-4);--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: 10px solid var(--color-gray-darken-4);--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: 10px solid var(--color-gray-darken-4);--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: 10px solid var(--color-gray-darken-4);--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: 10px solid var(--color-gray-darken-4);--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);filter:var(--vv-tooltip-element-content-filter)}: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:var(--vv-tooltip-element-content-pseudo-after-border);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:var(--vv-tooltip-modifier-top-element-content-pseudo-after-border);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:var(--vv-tooltip-modifier-right-element-content-pseudo-after-border);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:var(--vv-tooltip-modifier-bottom-element-content-pseudo-after-border);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:var(--vv-tooltip-modifier-left-element-content-pseudo-after-border);border-color:var(--vv-tooltip-modifier-left-element-content-pseudo-after-border-color)}