@volverjs/style 0.1.2-beta.19 → 0.1.2-beta.21

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 (36) hide show
  1. package/dist/components/vv-accordion.css +1 -1
  2. package/dist/components/vv-alert.css +1 -1
  3. package/dist/components/vv-avatar.css +1 -1
  4. package/dist/components/vv-breadcrumb.css +1 -1
  5. package/dist/components/vv-button-group.css +1 -1
  6. package/dist/components/vv-input-checkbox-group.css +1 -1
  7. package/dist/components/vv-input-radio-group.css +1 -1
  8. package/dist/components/vv-input-text.css +1 -1
  9. package/dist/components/vv-nav.css +1 -1
  10. package/dist/components/vv-select.css +1 -1
  11. package/dist/components/vv-tab.css +1 -0
  12. package/dist/components/vv-tooltip.css +1 -1
  13. package/dist/components.css +1 -1
  14. package/dist/props/input.css +1 -1
  15. package/dist/props.css +1 -1
  16. package/dist/utilities/sizing.css +1 -1
  17. package/dist/utilities.css +1 -1
  18. package/dist/volver.css +1 -1
  19. package/package.json +3 -1
  20. package/src/_config.scss +1 -0
  21. package/src/components/index.scss +1 -0
  22. package/src/components/vv-tab.scss +12 -0
  23. package/src/components/vv-tooltip.scss +3 -1
  24. package/src/settings/_index.scss +1 -0
  25. package/src/settings/_input.scss +1 -0
  26. package/src/settings/components/_vv-accordion.scss +27 -27
  27. package/src/settings/components/_vv-alert.scss +3 -3
  28. package/src/settings/components/_vv-avatar.scss +7 -0
  29. package/src/settings/components/_vv-breadcrumb.scss +23 -15
  30. package/src/settings/components/_vv-button-group.scss +4 -0
  31. package/src/settings/components/_vv-input-checkbox-group.scss +0 -1
  32. package/src/settings/components/_vv-input-text.scss +4 -9
  33. package/src/settings/components/_vv-nav.scss +17 -0
  34. package/src/settings/components/_vv-select.scss +8 -0
  35. package/src/settings/components/_vv-tab.scss +16 -0
  36. package/src/utilities/sizing.scss +9 -19
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: opacity .3s ease-in-out;--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\(\%3E\%20.vv-tooltip\)]):hover,:where(*[\:has\(\%3E\%20.vv-tooltip\)]):focus-visible,:where(.vv-tooltip--visible.vv-tooltip){--vv-tooltip-opacity: var(--vv-tooltip-modifier-visible-opacity)}: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}:where(*:has(.vv-tooltip)){position:relative}
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: opacity .3s ease-in-out;--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\(\%3E\%20.vv-tooltip\)]):hover,:where(*[\:has\(\%3E\%20.vv-tooltip\)]):focus-visible,:where(*[\:has\(\%3E\%20.vv-tooltip\)]).hover,:where(*[\:has\(\%3E\%20.vv-tooltip\)]).focus-visible,:where(.vv-tooltip--visible.vv-tooltip){--vv-tooltip-opacity: var(--vv-tooltip-modifier-visible-opacity)}: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}:where(*:has(.vv-tooltip)){position:relative}