@volverjs/style 0.1.12-beta.9 → 0.1.13

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 (82) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +1 -1
  3. package/dist/base.css +1 -1
  4. package/dist/components/vv-accordion-group.css +1 -1
  5. package/dist/components/vv-accordion.css +1 -1
  6. package/dist/components/vv-alert-group.css +1 -1
  7. package/dist/components/vv-alert.css +1 -1
  8. package/dist/components/vv-avatar.css +1 -1
  9. package/dist/components/vv-badge.css +1 -1
  10. package/dist/components/vv-breadcrumb.css +1 -1
  11. package/dist/components/vv-button-group.css +1 -1
  12. package/dist/components/vv-button.css +1 -1
  13. package/dist/components/vv-card.css +1 -1
  14. package/dist/components/vv-checkbox-group.css +1 -1
  15. package/dist/components/vv-checkbox.css +1 -1
  16. package/dist/components/vv-dialog.css +1 -1
  17. package/dist/components/vv-input-file.css +1 -1
  18. package/dist/components/vv-input-text.css +1 -1
  19. package/dist/components/vv-nav.css +1 -1
  20. package/dist/components/vv-radio-group.css +1 -1
  21. package/dist/components/vv-radio.css +1 -1
  22. package/dist/components/vv-select.css +1 -1
  23. package/dist/components/vv-textarea.css +1 -1
  24. package/dist/components/vv-tooltip.css +1 -1
  25. package/dist/components.css +1 -1
  26. package/dist/export.css +1 -1
  27. package/dist/props/background.css +1 -1
  28. package/dist/props/spacing.css +1 -1
  29. package/dist/props/transitions.css +1 -1
  30. package/dist/props/typography.css +1 -1
  31. package/dist/props.css +1 -1
  32. package/dist/themes/dark/props.css +1 -1
  33. package/dist/themes/dark/volver.css +1 -1
  34. package/dist/utilities/backgrounds.css +1 -1
  35. package/dist/utilities/effects.css +1 -1
  36. package/dist/utilities/interactivity.css +1 -1
  37. package/dist/utilities/sizing.css +1 -1
  38. package/dist/utilities/transforms.css +1 -1
  39. package/dist/utilities/typography.css +1 -1
  40. package/dist/utilities.css +1 -1
  41. package/dist/volver.css +1 -1
  42. package/package.json +34 -33
  43. package/src/_preflight.scss +21 -2
  44. package/src/components/vv-button-group.scss +6 -6
  45. package/src/components/vv-tooltip.scss +1 -1
  46. package/src/export.scss +16 -14
  47. package/src/props/breakpoints.scss +5 -4
  48. package/src/props/spacing.scss +2 -2
  49. package/src/props/typography.scss +3 -2
  50. package/src/settings/_colors.scss +11 -11
  51. package/src/settings/_effects.scss +3 -3
  52. package/src/settings/_interactivity.scss +14 -0
  53. package/src/settings/_typography.scss +9 -1
  54. package/src/settings/components/_vv-accordion-group.scss +2 -2
  55. package/src/settings/components/_vv-accordion.scss +2 -0
  56. package/src/settings/components/_vv-alert-group.scss +5 -2
  57. package/src/settings/components/_vv-alert.scss +1 -1
  58. package/src/settings/components/_vv-avatar-group.scss +1 -0
  59. package/src/settings/components/_vv-avatar.scss +12 -8
  60. package/src/settings/components/_vv-badge.scss +2 -0
  61. package/src/settings/components/_vv-breadcrumb.scss +1 -0
  62. package/src/settings/components/_vv-button.scss +1 -0
  63. package/src/settings/components/_vv-card.scss +2 -0
  64. package/src/settings/components/_vv-checkbox-group.scss +2 -0
  65. package/src/settings/components/_vv-checkbox.scss +6 -0
  66. package/src/settings/components/_vv-dialog.scss +1 -0
  67. package/src/settings/components/_vv-input-file.scss +32 -3
  68. package/src/settings/components/_vv-input-text.scss +4 -1
  69. package/src/settings/components/_vv-radio.scss +1 -0
  70. package/src/settings/components/_vv-select.scss +4 -1
  71. package/src/settings/components/_vv-textarea.scss +5 -1
  72. package/src/themes/dark/settings/_colors.scss +8 -8
  73. package/src/tools/_breakpoints.scss +64 -11
  74. package/src/tools/_functions.scss +100 -26
  75. package/src/tools/_mixins.scss +57 -21
  76. package/src/utilities/flexbox.scss +6 -1
  77. package/src/utilities/interactivity.scss +17 -1
  78. package/src/utilities/layout.scss +9 -3
  79. package/src/utilities/sizing.scss +10 -2
  80. package/src/utilities/spacing.scss +10 -1
  81. package/src/utilities/transforms.scss +2 -2
  82. package/src/utilities/typography.scss +11 -0
package/dist/components/vv-tooltip.css CHANGED
@@ -1 +1 @@
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-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-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-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-translate: -50%;--vv-tooltip-modifier-top-pseudo-after-rotate: -90deg;--vv-tooltip-modifier-bottom-inset-inline: 50% 0;--vv-tooltip-modifier-bottom-inset-block: 100% auto;--vv-tooltip-modifier-bottom-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-translate: -50% -100%;--vv-tooltip-modifier-bottom-pseudo-after-rotate: 90deg;--vv-tooltip-modifier-left-inset-inline: auto 100%;--vv-tooltip-modifier-left-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-translate: 100% -50%;--vv-tooltip-modifier-left-pseudo-after-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);translate:var(--vv-tooltip-translate);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);translate:var(--vv-tooltip-pseudo-after-translate);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-translate: var(--vv-tooltip-modifier-top-translate)}: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-translate: var(--vv-tooltip-modifier-top-pseudo-after-translate);rotate:var(--vv-tooltip-modifier-top-pseudo-after-rotate)}: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-translate: var(--vv-tooltip-modifier-bottom-translate)}: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-translate: var(--vv-tooltip-modifier-bottom-pseudo-after-translate);rotate:var(--vv-tooltip-modifier-bottom-pseudo-after-rotate)}:where(.vv-tooltip--left.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-left-inset-inline);--vv-tooltip-translate: var(--vv-tooltip-modifier-left-translate)}: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-translate: var(--vv-tooltip-modifier-left-pseudo-after-translate);rotate:var(--vv-tooltip-modifier-left-pseudo-after-rotate)}: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-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-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-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-translate: -50%;--vv-tooltip-modifier-top-pseudo-after-rotate: -90deg;--vv-tooltip-modifier-bottom-inset-inline: 50% 0;--vv-tooltip-modifier-bottom-inset-block: 100% auto;--vv-tooltip-modifier-bottom-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-translate: -50% -100%;--vv-tooltip-modifier-bottom-pseudo-after-rotate: 90deg;--vv-tooltip-modifier-left-inset-inline: auto 100%;--vv-tooltip-modifier-left-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-translate: 100% -50%;--vv-tooltip-modifier-left-pseudo-after-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);translate:var(--vv-tooltip-translate);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);translate:var(--vv-tooltip-pseudo-after-translate);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-translate: var(--vv-tooltip-modifier-top-translate)}: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-translate: var(--vv-tooltip-modifier-top-pseudo-after-translate);rotate:var(--vv-tooltip-modifier-top-pseudo-after-rotate)}: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-translate: var(--vv-tooltip-modifier-bottom-translate)}: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-translate: var(--vv-tooltip-modifier-bottom-pseudo-after-translate);rotate:var(--vv-tooltip-modifier-bottom-pseudo-after-rotate)}:where(.vv-tooltip--left.vv-tooltip){--vv-tooltip-inset-inline: var(--vv-tooltip-modifier-left-inset-inline);--vv-tooltip-translate: var(--vv-tooltip-modifier-left-translate)}: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-translate: var(--vv-tooltip-modifier-left-pseudo-after-translate);rotate:var(--vv-tooltip-modifier-left-pseudo-after-rotate)}:where(*:has(>.vv-tooltip)){position:relative}