@volverjs/style 0.1.2-beta.3 → 0.1.2-beta.31

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 (190) hide show
  1. package/README.md +40 -40
  2. package/dist/components/vv-accordion.css +1 -0
  3. package/dist/components/vv-alert.css +1 -0
  4. package/dist/components/vv-avatar.css +1 -0
  5. package/dist/components/vv-badge.css +1 -1
  6. package/dist/components/vv-breadcrumb.css +1 -0
  7. package/dist/components/vv-button-group.css +1 -1
  8. package/dist/components/vv-button.css +1 -1
  9. package/dist/components/vv-card.css +1 -1
  10. package/dist/components/vv-checkbox-group.css +1 -0
  11. package/dist/components/vv-checkbox.css +1 -0
  12. package/dist/components/vv-dialog.css +1 -1
  13. package/dist/components/vv-dropdown.css +1 -1
  14. package/dist/components/vv-input-text.css +1 -1
  15. package/dist/components/vv-nav.css +1 -0
  16. package/dist/components/vv-progress.css +1 -1
  17. package/dist/components/vv-radio-group.css +1 -0
  18. package/dist/components/vv-radio.css +1 -0
  19. package/dist/components/vv-select.css +1 -1
  20. package/dist/components/vv-skeleton.css +1 -0
  21. package/dist/components/vv-tab.css +1 -0
  22. package/dist/components/vv-table.css +1 -1
  23. package/dist/components/vv-text.css +1 -1
  24. package/dist/components/vv-textarea.css +1 -1
  25. package/dist/components/vv-toast.css +1 -0
  26. package/dist/components/vv-tooltip.css +1 -0
  27. package/dist/components.css +1 -1
  28. package/dist/export.css +1 -1
  29. package/dist/props/background.css +1 -1
  30. package/dist/props/colors.css +1 -1
  31. package/dist/props/filters.css +1 -1
  32. package/dist/props/input.css +1 -1
  33. package/dist/props/layout.css +1 -1
  34. package/dist/props/spacing.css +1 -1
  35. package/dist/props/transitions.css +1 -0
  36. package/dist/props.css +1 -1
  37. package/dist/reset.css +1 -1
  38. package/dist/themes/dark/components.css +1 -1
  39. package/dist/themes/dark/props.css +1 -1
  40. package/dist/themes/dark/volver.css +1 -0
  41. package/dist/utilities/backgrounds.css +1 -1
  42. package/dist/utilities/borders.css +1 -1
  43. package/dist/utilities/colors.css +1 -1
  44. package/dist/utilities/effects.css +1 -1
  45. package/dist/utilities/filters.css +1 -1
  46. package/dist/utilities/flexbox.css +1 -1
  47. package/dist/utilities/grid.css +1 -1
  48. package/dist/utilities/interactivity.css +1 -0
  49. package/dist/utilities/layout.css +1 -1
  50. package/dist/utilities/sizing.css +1 -1
  51. package/dist/utilities/spacing.css +1 -1
  52. package/dist/utilities/transitions.css +1 -0
  53. package/dist/utilities/typography.css +1 -1
  54. package/dist/utilities.css +1 -1
  55. package/dist/volver.css +1 -0
  56. package/package.json +163 -118
  57. package/src/_config.scss +19 -11
  58. package/src/_context.scss +3 -3
  59. package/src/_preflight.scss +412 -0
  60. package/src/components/index.scss +25 -17
  61. package/src/components/vv-accordion.scss +13 -0
  62. package/src/components/vv-alert.scss +13 -0
  63. package/src/components/vv-avatar.scss +13 -0
  64. package/src/components/vv-badge.scss +3 -2
  65. package/src/components/vv-breadcrumb.scss +13 -0
  66. package/src/components/vv-button-group.scss +15 -18
  67. package/src/components/vv-button.scss +5 -8
  68. package/src/components/vv-card.scss +3 -2
  69. package/src/components/vv-checkbox-group.scss +13 -0
  70. package/src/components/{vv-input-checkbox.scss → vv-checkbox.scss} +7 -6
  71. package/src/components/vv-dialog.scss +3 -2
  72. package/src/components/vv-dropdown.scss +3 -2
  73. package/src/components/vv-input-text.scss +6 -5
  74. package/src/components/vv-nav.scss +13 -0
  75. package/src/components/vv-progress.scss +3 -2
  76. package/src/components/vv-radio-group.scss +13 -0
  77. package/src/components/{vv-input-radio.scss → vv-radio.scss} +6 -5
  78. package/src/components/vv-select.scss +6 -5
  79. package/src/components/vv-skeleton.scss +14 -0
  80. package/src/components/vv-tab.scss +13 -0
  81. package/src/components/vv-table.scss +3 -2
  82. package/src/components/vv-text.scss +3 -2
  83. package/src/components/vv-textarea.scss +6 -5
  84. package/src/components/vv-toast.scss +13 -0
  85. package/src/components/vv-tooltip.scss +33 -0
  86. package/src/export.scss +73 -12
  87. package/src/props/background.scss +1 -1
  88. package/src/props/borders.scss +1 -1
  89. package/src/props/colors.scss +1 -1
  90. package/src/props/effects.scss +1 -1
  91. package/src/props/filters.scss +2 -1
  92. package/src/props/index.scss +12 -12
  93. package/src/props/input.scss +1 -1
  94. package/src/props/layout.scss +6 -1
  95. package/src/props/media.scss +1 -1
  96. package/src/props/sizing.scss +1 -1
  97. package/src/props/spacing.scss +2 -2
  98. package/src/props/{animation.scss → transitions.scss} +53 -2
  99. package/src/props/typography.scss +2 -2
  100. package/src/reset.scss +1 -1
  101. package/src/settings/_background.scss +6 -1
  102. package/src/settings/_breakpoints.scss +2 -0
  103. package/src/settings/_colors.scss +16 -2
  104. package/src/settings/_effects.scss +47 -2
  105. package/src/settings/_filters.scss +9 -0
  106. package/src/settings/_index.scss +40 -31
  107. package/src/settings/_input.scss +8 -6
  108. package/src/settings/_interactivity.scss +39 -0
  109. package/src/settings/_layout.scss +18 -10
  110. package/src/settings/_spacing.scss +1 -0
  111. package/src/settings/_transitions.scss +44 -0
  112. package/src/settings/components/_vv-accordion.scss +134 -0
  113. package/src/settings/components/_vv-alert.scss +161 -0
  114. package/src/settings/components/_vv-avatar.scss +55 -0
  115. package/src/settings/components/_vv-badge.scss +59 -18
  116. package/src/settings/components/_vv-breadcrumb.scss +95 -0
  117. package/src/settings/components/_vv-button-group.scss +4 -0
  118. package/src/settings/components/_vv-button.scss +120 -15
  119. package/src/settings/components/_vv-card.scss +4 -3
  120. package/src/settings/components/{_vv-input-checkbox-group.scss → _vv-checkbox-group.scss} +2 -1
  121. package/src/settings/components/{_vv-input-checkbox.scss → _vv-checkbox.scss} +46 -10
  122. package/src/settings/components/_vv-dialog.scss +71 -89
  123. package/src/settings/components/_vv-input-text.scss +83 -37
  124. package/src/settings/components/_vv-nav.scss +142 -0
  125. package/src/settings/components/_vv-progress.scss +1 -1
  126. package/src/settings/components/_vv-radio-group.scss +3 -0
  127. package/src/settings/components/{_vv-input-radio.scss → _vv-radio.scss} +34 -4
  128. package/src/settings/components/_vv-select.scss +77 -12
  129. package/src/settings/components/_vv-skeleton.scss +22 -0
  130. package/src/settings/components/_vv-tab.scss +16 -0
  131. package/src/settings/components/_vv-table.scss +22 -3
  132. package/src/settings/components/_vv-text.scss +20 -1
  133. package/src/settings/components/_vv-textarea.scss +49 -24
  134. package/src/settings/components/_vv-toast.scss +259 -0
  135. package/src/settings/components/_vv-tooltip.scss +74 -0
  136. package/src/themes/dark/_context.scss +7 -4
  137. package/src/themes/dark/components/_vv-button.scss +3 -5
  138. package/src/themes/dark/components/index.scss +1 -2
  139. package/src/themes/dark/props/_background.scss +2 -2
  140. package/src/themes/dark/props/_colors.scss +2 -2
  141. package/src/themes/dark/props/_input.scss +15 -0
  142. package/src/themes/dark/props/index.scss +3 -2
  143. package/src/themes/dark/settings/_background.scss +9 -4
  144. package/src/themes/dark/settings/_colors.scss +25 -10
  145. package/src/themes/dark/settings/_index.scss +4 -4
  146. package/src/themes/dark/settings/_input.scss +8 -0
  147. package/src/themes/dark/settings/components/_vv-button.scss +10 -10
  148. package/src/themes/dark/volver.scss +5 -0
  149. package/src/tools/_breakpoints.scss +7 -7
  150. package/src/tools/_index.scss +3 -3
  151. package/src/tools/_mixins.scss +200 -37
  152. package/src/utilities/backgrounds.scss +15 -8
  153. package/src/utilities/borders.scss +22 -9
  154. package/src/utilities/colors.scss +9 -5
  155. package/src/utilities/effects.scss +23 -5
  156. package/src/utilities/filters.scss +15 -4
  157. package/src/utilities/flexbox.scss +26 -8
  158. package/src/utilities/grid.scss +25 -9
  159. package/src/utilities/index.scss +13 -12
  160. package/src/utilities/interactivity.scss +10 -0
  161. package/src/utilities/layout.scss +36 -23
  162. package/src/utilities/sizing.scss +23 -26
  163. package/src/utilities/spacing.scss +1 -1
  164. package/src/utilities/transitions.scss +47 -0
  165. package/src/utilities/typography.scss +34 -17
  166. package/src/volver.scss +14 -0
  167. package/dist/components/vv-collapse.css +0 -1
  168. package/dist/components/vv-input-checkbox-group.css +0 -1
  169. package/dist/components/vv-input-checkbox.css +0 -1
  170. package/dist/components/vv-input-radio-group.css +0 -1
  171. package/dist/components/vv-input-radio.css +0 -1
  172. package/dist/preflight.css +0 -1
  173. package/dist/props/animation.css +0 -1
  174. package/dist/style.css +0 -1
  175. package/dist/themes/dark/style.css +0 -1
  176. package/dist/utilities/animation.css +0 -1
  177. package/src/assets/24consulting.svg +0 -63
  178. package/src/assets/volverjs.svg +0 -15
  179. package/src/components/vv-collapse.scss +0 -12
  180. package/src/components/vv-input-checkbox-group.scss +0 -12
  181. package/src/components/vv-input-radio-group.scss +0 -12
  182. package/src/preflight.scss +0 -281
  183. package/src/settings/_animation.scss +0 -9
  184. package/src/settings/components/_vv-collapse.scss +0 -111
  185. package/src/settings/components/_vv-input-radio-group.scss +0 -1
  186. package/src/style.scss +0 -14
  187. package/src/themes/dark/components/_vv-input-checkbox.scss +0 -24
  188. package/src/themes/dark/settings/components/_vv-input-checkbox.scss +0 -26
  189. package/src/themes/dark/style.scss +0 -5
  190. package/src/utilities/animation.scss +0 -8
package/dist/components/vv-input-checkbox-group.css DELETED
@@ -1 +0,0 @@
1
- :where(:host,:root,.theme){--vv-input-checkbox-group-display: var(--input-display);--vv-input-checkbox-group-flex: var(--input-flex);--vv-input-checkbox-group-flex-direction: var(--input-flex-direction);--vv-input-checkbox-group-element-legend-display: var(--input-label-display);--vv-input-checkbox-group-element-legend-font-size: var(--input-label-font-size);--vv-input-checkbox-group-element-legend-color: var(--input-label-color);--vv-input-checkbox-group-element-legend-margin: 0 0 var(--input-label-gap) 0;--vv-input-checkbox-group-element-legend-white-space: var(--input-label-white-space);--vv-input-checkbox-group-element-legend-text-overflow: var(--input-label-text-overflow);--vv-input-checkbox-group-element-legend-overflow: var(--input-label-overflow);--vv-input-checkbox-group-element-legend-max-width: var(--input-label-max-width);--vv-input-checkbox-group-element-wrapper-position: relative;--vv-input-checkbox-group-element-wrapper-display: flex;--vv-input-checkbox-group-element-wrapper-flex-direction: column;--vv-input-checkbox-group-element-wrapper-flex-wrap: wrap;--vv-input-checkbox-group-element-hint-display: var(--input-hint-display);--vv-input-checkbox-group-element-hint-font-size: var(--input-hint-font-size);--vv-input-checkbox-group-element-hint-color: var(--input-hint-color);--vv-input-checkbox-group-element-hint-padding-top: var(--input-hint-gap);--vv-input-checkbox-group-element-hint-white-space: var(--input-hint-white-space);--vv-input-checkbox-group-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-checkbox-group-element-hint-overflow: var(--input-hint-overflow);--vv-input-checkbox-group-element-hint-max-width: var(--input-hint-max-width);--vv-input-checkbox-group-element-hint-margin-top: calc(var(--input-gap) * -1);--vv-input-checkbox-group-element-hint-margin-bottom: var(--input-gap);--vv-input-checkbox-group-modifier-horizontal-element-wrapper-flex-direction: row;--vv-input-checkbox-group-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-checkbox-group-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-input-checkbox-group){display:var(--vv-input-checkbox-group-display);flex:var(--vv-input-checkbox-group-flex);flex-direction:var(--vv-input-checkbox-group-flex-direction)}:where(.vv-input-checkbox-group__legend,.vv-input-checkbox-group > legend){display:var(--vv-input-checkbox-group-element-legend-display);font-size:var(--vv-input-checkbox-group-element-legend-font-size);color:var(--vv-input-checkbox-group-element-legend-color);margin:var(--vv-input-checkbox-group-element-legend-margin);white-space:var(--vv-input-checkbox-group-element-legend-white-space);text-overflow:var(--vv-input-checkbox-group-element-legend-text-overflow);overflow:var(--vv-input-checkbox-group-element-legend-overflow);max-width:var(--vv-input-checkbox-group-element-legend-max-width)}:where(.vv-input-checkbox-group__wrapper){position:var(--vv-input-checkbox-group-element-wrapper-position);display:var(--vv-input-checkbox-group-element-wrapper-display);flex-direction:var(--vv-input-checkbox-group-element-wrapper-flex-direction);flex-wrap:var(--vv-input-checkbox-group-element-wrapper-flex-wrap)}:where(.vv-input-checkbox-group__hint,.vv-input-checkbox-group > small){display:var(--vv-input-checkbox-group-element-hint-display);font-size:var(--vv-input-checkbox-group-element-hint-font-size);color:var(--vv-input-checkbox-group-element-hint-color);padding-top:var(--vv-input-checkbox-group-element-hint-padding-top);white-space:var(--vv-input-checkbox-group-element-hint-white-space);text-overflow:var(--vv-input-checkbox-group-element-hint-text-overflow);overflow:var(--vv-input-checkbox-group-element-hint-overflow);max-width:var(--vv-input-checkbox-group-element-hint-max-width);margin-top:var(--vv-input-checkbox-group-element-hint-margin-top);margin-bottom:var(--vv-input-checkbox-group-element-hint-margin-bottom)}:where(.vv-input-checkbox-group--horizontal .vv-input-checkbox-group__wrapper){flex-direction:var(--vv-input-checkbox-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-input-checkbox-group--valid .vv-input-checkbox-group__hint,.vv-input-checkbox-group--valid > small){color:var(--vv-input-checkbox-group-modifier-valid-element-hint-color)}:where(.vv-input-checkbox-group--invalid .vv-input-checkbox-group__hint,.vv-input-checkbox-group--invalid > small){color:var(--vv-input-checkbox-group-modifier-invalid-element-hint-color)}
package/dist/components/vv-input-checkbox.css DELETED
@@ -1 +0,0 @@
1
- :where(:host,:root,.theme){--vv-input-checkbox-display: inline-flex;--vv-input-checkbox-flex-wrap: nowrap;--vv-input-checkbox-align-items: center;--vv-input-checkbox-cursor: pointer;--vv-input-checkbox-user-select: none;--vv-input-checkbox-margin: 0 var(--input-gap) var(--input-gap) 0;--vv-input-checkbox-color: var(--input-color);--vv-input-checkbox-font-size: var(--input-font-size);--vv-input-checkbox-line-height: var(--input-line-height);--vv-input-checkbox-state-disabled-opacity: .3;--vv-input-checkbox-state-disabled-cursor: not-allowed;--vv-input-checkbox-state-readonly-cursor: default;--vv-input-checkbox-state-readonly-pointer-events: none;--vv-input-checkbox-element-input-border: var(--spacing-2) solid var(--input-color);--vv-input-checkbox-element-input-width: var(--spacing-20);--vv-input-checkbox-element-input-height: var(--spacing-20);--vv-input-checkbox-element-input-margin: 0 var(--input-label-gap) 0 0;--vv-input-checkbox-element-input-background-position: center;--vv-input-checkbox-element-input-background-size: var(--text-12) auto;--vv-input-checkbox-element-input-background-repeat: no-repeat;--vv-input-checkbox-element-input-cursor: pointer;--vv-input-checkbox-element-input-position: relative;--vv-input-checkbox-element-input-state-checked-background-image: var(--bg-check);--vv-input-checkbox-element-input-state-indeterminate-background-image: var(--bg-minus);--vv-input-checkbox-element-input-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-input-checkbox-element-input-state-focus-visible-outline-offset: var(--spacing-2);--vv-input-checkbox-modifier-switch-element-input-border: 0;--vv-input-checkbox-modifier-switch-element-input-width: var(--spacing-44);--vv-input-checkbox-modifier-switch-element-input-height: var(--spacing-24);--vv-input-checkbox-modifier-switch-element-input-border-radius: var(--spacing-12);--vv-input-checkbox-modifier-switch-element-input-background-color: var(--color-word-5);--vv-input-checkbox-modifier-switch-element-input-position: relative;--vv-input-checkbox-modifier-switch-element-input-will-change: background-color;--vv-input-checkbox-modifier-switch-element-input-transition: background-color .2s ease-in-out;--vv-input-checkbox-modifier-switch-element-input-pseudo-after-width: var(--spacing-20);--vv-input-checkbox-modifier-switch-element-input-pseudo-after-height: var(--spacing-20);--vv-input-checkbox-modifier-switch-element-input-pseudo-after-border-radius: 50%;--vv-input-checkbox-modifier-switch-element-input-pseudo-after-position: absolute;--vv-input-checkbox-modifier-switch-element-input-pseudo-after-inset: var(--spacing-2) 0 0 var(--spacing-2);--vv-input-checkbox-modifier-switch-element-input-pseudo-after-background: var(--color-white);--vv-input-checkbox-modifier-switch-element-input-pseudo-after-will-change: transform;--vv-input-checkbox-modifier-switch-element-input-pseudo-after-transition: transform .2s ease-in-out;--vv-input-checkbox-modifier-switch-element-input-state-hover-background-color: var(--color-word-4);--vv-input-checkbox-modifier-switch-element-input-state-active-background-color: var(--color-word-3);--vv-input-checkbox-modifier-switch-element-input-state-checked-background-image: none;--vv-input-checkbox-modifier-switch-element-input-state-checked-background-color: var(--color-brand);--vv-input-checkbox-modifier-switch-element-input-state-checked-pseudo-after-transform: translateX(100%)}:where(.vv-input-checkbox){display:var(--vv-input-checkbox-display);flex-wrap:var(--vv-input-checkbox-flex-wrap);align-items:var(--vv-input-checkbox-align-items);cursor:var(--vv-input-checkbox-cursor);-webkit-user-select:var(--vv-input-checkbox-user-select);-moz-user-select:var(--vv-input-checkbox-user-select);user-select:var(--vv-input-checkbox-user-select);margin:var(--vv-input-checkbox-margin);color:var(--vv-input-checkbox-color);font-size:var(--vv-input-checkbox-font-size);line-height:var(--vv-input-checkbox-line-height)}:where(.vv-input-checkbox__input,.vv-input-checkbox > input[type=checkbox]){border:var(--vv-input-checkbox-element-input-border);width:var(--vv-input-checkbox-element-input-width);height:var(--vv-input-checkbox-element-input-height);margin:var(--vv-input-checkbox-element-input-margin);background-position:var(--vv-input-checkbox-element-input-background-position);background-size:var(--vv-input-checkbox-element-input-background-size);background-repeat:var(--vv-input-checkbox-element-input-background-repeat);cursor:var(--vv-input-checkbox-element-input-cursor);position:var(--vv-input-checkbox-element-input-position)}:where(.vv-input-checkbox__input--checked,.vv-input-checkbox__input.checked,.vv-input-checkbox > input[type=checkbox].checked,.vv-input-checkbox__input:checked,.vv-input-checkbox > input[type=checkbox]:checked){background-image:var(--vv-input-checkbox-element-input-state-checked-background-image)}:where(.vv-input-checkbox__input--indeterminate,.vv-input-checkbox__input.indeterminate,.vv-input-checkbox > input[type=checkbox].indeterminate,.vv-input-checkbox__input:not([disabled]):indeterminate,.vv-input-checkbox > input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-input-checkbox-element-input-state-indeterminate-background-image)}:where(.vv-input-checkbox__input--focus-visible,.vv-input-checkbox__input.focus-visible,.vv-input-checkbox > input[type=checkbox].focus-visible,.vv-input-checkbox__input:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible,.vv-input-checkbox > input[type=checkbox]:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-input-checkbox-element-input-state-focus-visible-outline);outline-offset:var(--vv-input-checkbox-element-input-state-focus-visible-outline-offset)}:where(.vv-input-checkbox[\:has\(\%3E\%20input\[type\%3Dcheckbox\]\:disabled\)]),:where(.vv-input-checkbox--disabled,.vv-input-checkbox.disabled,.vv-input-checkbox[disabled]){opacity:var(--vv-input-checkbox-state-disabled-opacity);--vv-input-checkbox-cursor: var(--vv-input-checkbox-state-disabled-cursor)}:where(.vv-input-checkbox:has(> input[type=checkbox]:disabled)),:where(.vv-input-checkbox--disabled,.vv-input-checkbox.disabled,.vv-input-checkbox[disabled]){opacity:var(--vv-input-checkbox-state-disabled-opacity);--vv-input-checkbox-cursor: var(--vv-input-checkbox-state-disabled-cursor)}:where(.vv-input-checkbox--readonly,.vv-input-checkbox.readonly,.vv-input-checkbox[readonly]){--vv-input-checkbox-cursor: var(--vv-input-checkbox-state-readonly-cursor);pointer-events:var(--vv-input-checkbox-state-readonly-pointer-events)}:where(.vv-input-checkbox--switch .vv-input-checkbox__input,.vv-input-checkbox--switch > input[type=checkbox]){border:var(--vv-input-checkbox-modifier-switch-element-input-border);width:var(--vv-input-checkbox-modifier-switch-element-input-width);height:var(--vv-input-checkbox-modifier-switch-element-input-height);border-radius:var(--vv-input-checkbox-modifier-switch-element-input-border-radius);background-color:var(--vv-input-checkbox-modifier-switch-element-input-background-color);position:var(--vv-input-checkbox-modifier-switch-element-input-position);will-change:var(--vv-input-checkbox-modifier-switch-element-input-will-change);transition:var(--vv-input-checkbox-modifier-switch-element-input-transition)}:where(.vv-input-checkbox--switch .vv-input-checkbox__input,.vv-input-checkbox--switch > input[type=checkbox]):after{content:"";width:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-width);height:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-height);border-radius:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-border-radius);position:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-position);inset:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-inset);background:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-background);will-change:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-will-change);transition:var(--vv-input-checkbox-modifier-switch-element-input-pseudo-after-transition)}:where(.vv-input-checkbox--switch .vv-input-checkbox__input--hover,.vv-input-checkbox--switch .vv-input-checkbox__input.hover,.vv-input-checkbox--switch > input[type=checkbox].hover,.vv-input-checkbox--switch .vv-input-checkbox__input:not([disabled]):hover,.vv-input-checkbox--switch > input[type=checkbox]:not([disabled]):hover){--vv-input-checkbox-modifier-switch-element-input-background-color: var(--vv-input-checkbox-modifier-switch-element-input-state-hover-background-color)}:where(.vv-input-checkbox--switch .vv-input-checkbox__input--active,.vv-input-checkbox--switch .vv-input-checkbox__input.active,.vv-input-checkbox--switch > input[type=checkbox].active,.vv-input-checkbox--switch .vv-input-checkbox__input:not([disabled]):active,.vv-input-checkbox--switch > input[type=checkbox]:not([disabled]):active){--vv-input-checkbox-modifier-switch-element-input-background-color: var(--vv-input-checkbox-modifier-switch-element-input-state-active-background-color)}:where(.vv-input-checkbox--switch .vv-input-checkbox__input--checked,.vv-input-checkbox--switch .vv-input-checkbox__input.checked,.vv-input-checkbox--switch > input[type=checkbox].checked,.vv-input-checkbox--switch .vv-input-checkbox__input:checked,.vv-input-checkbox--switch > input[type=checkbox]:checked){background-image:var(--vv-input-checkbox-modifier-switch-element-input-state-checked-background-image);--vv-input-checkbox-modifier-switch-element-input-background-color: var(--vv-input-checkbox-modifier-switch-element-input-state-checked-background-color)}:where(.vv-input-checkbox--switch .vv-input-checkbox__input--checked,.vv-input-checkbox--switch .vv-input-checkbox__input.checked,.vv-input-checkbox--switch > input[type=checkbox].checked,.vv-input-checkbox--switch .vv-input-checkbox__input:checked,.vv-input-checkbox--switch > input[type=checkbox]:checked):after{transform:var(--vv-input-checkbox-modifier-switch-element-input-state-checked-pseudo-after-transform)}
package/dist/components/vv-input-radio-group.css DELETED
@@ -1 +0,0 @@
1
- :where(:host,:root,.theme){--vv-input-radio-group-display: var(--input-display);--vv-input-radio-group-flex: var(--input-flex);--vv-input-radio-group-flex-direction: var(--input-flex-direction);--vv-input-radio-group-element-legend-display: var(--input-label-display);--vv-input-radio-group-element-legend-font-size: var(--input-label-font-size);--vv-input-radio-group-element-legend-color: var(--input-label-color);--vv-input-radio-group-element-legend-margin: 0 0 var(--input-label-gap) 0;--vv-input-radio-group-element-legend-white-space: var(--input-label-white-space);--vv-input-radio-group-element-legend-text-overflow: var(--input-label-text-overflow);--vv-input-radio-group-element-legend-overflow: var(--input-label-overflow);--vv-input-radio-group-element-legend-max-width: var(--input-label-max-width);--vv-input-radio-group-element-wrapper-position: relative;--vv-input-radio-group-element-wrapper-display: flex;--vv-input-radio-group-element-wrapper-flex-direction: column;--vv-input-radio-group-element-wrapper-flex-wrap: wrap;--vv-input-radio-group-element-hint-display: var(--input-hint-display);--vv-input-radio-group-element-hint-font-size: var(--input-hint-font-size);--vv-input-radio-group-element-hint-color: var(--input-hint-color);--vv-input-radio-group-element-hint-padding-top: var(--input-hint-gap);--vv-input-radio-group-element-hint-white-space: var(--input-hint-white-space);--vv-input-radio-group-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-input-radio-group-element-hint-overflow: var(--input-hint-overflow);--vv-input-radio-group-element-hint-max-width: var(--input-hint-max-width);--vv-input-radio-group-element-hint-margin-top: calc(var(--input-gap) * -1);--vv-input-radio-group-element-hint-margin-bottom: var(--input-gap);--vv-input-radio-group-modifier-horizontal-element-wrapper-flex-direction: row;--vv-input-radio-group-modifier-valid-element-hint-color: var(--input-valid-color);--vv-input-radio-group-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-input-radio-group){display:var(--vv-input-radio-group-display);flex:var(--vv-input-radio-group-flex);flex-direction:var(--vv-input-radio-group-flex-direction)}:where(.vv-input-radio-group__legend,.vv-input-radio-group > legend){display:var(--vv-input-radio-group-element-legend-display);font-size:var(--vv-input-radio-group-element-legend-font-size);color:var(--vv-input-radio-group-element-legend-color);margin:var(--vv-input-radio-group-element-legend-margin);white-space:var(--vv-input-radio-group-element-legend-white-space);text-overflow:var(--vv-input-radio-group-element-legend-text-overflow);overflow:var(--vv-input-radio-group-element-legend-overflow);max-width:var(--vv-input-radio-group-element-legend-max-width)}:where(.vv-input-radio-group__wrapper){position:var(--vv-input-radio-group-element-wrapper-position);display:var(--vv-input-radio-group-element-wrapper-display);flex-direction:var(--vv-input-radio-group-element-wrapper-flex-direction);flex-wrap:var(--vv-input-radio-group-element-wrapper-flex-wrap)}:where(.vv-input-radio-group__hint,.vv-input-radio-group > small){display:var(--vv-input-radio-group-element-hint-display);font-size:var(--vv-input-radio-group-element-hint-font-size);color:var(--vv-input-radio-group-element-hint-color);padding-top:var(--vv-input-radio-group-element-hint-padding-top);white-space:var(--vv-input-radio-group-element-hint-white-space);text-overflow:var(--vv-input-radio-group-element-hint-text-overflow);overflow:var(--vv-input-radio-group-element-hint-overflow);max-width:var(--vv-input-radio-group-element-hint-max-width);margin-top:var(--vv-input-radio-group-element-hint-margin-top);margin-bottom:var(--vv-input-radio-group-element-hint-margin-bottom)}:where(.vv-input-radio-group--horizontal .vv-input-radio-group__wrapper){flex-direction:var(--vv-input-radio-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-input-radio-group--valid .vv-input-radio-group__hint,.vv-input-radio-group--valid > small){color:var(--vv-input-radio-group-modifier-valid-element-hint-color)}:where(.vv-input-radio-group--invalid .vv-input-radio-group__hint,.vv-input-radio-group--invalid > small){color:var(--vv-input-radio-group-modifier-invalid-element-hint-color)}
package/dist/components/vv-input-radio.css DELETED
@@ -1 +0,0 @@
1
- :where(:host,:root,.theme){--vv-input-radio-display: inline-flex;--vv-input-radio-flex-wrap: nowrap;--vv-input-radio-align-items: center;--vv-input-radio-cursor: pointer;--vv-input-radio-user-select: none;--vv-input-radio-margin: 0 var(--input-gap) var(--input-gap) 0;--vv-input-radio-color: var(--input-color);--vv-input-radio-font-size: var(--input-font-size);--vv-input-radio-line-height: var(--input-line-height);--vv-input-radio-state-disabled-opacity: .3;--vv-input-radio-state-disabled-cursor: not-allowed;--vv-input-radio-state-readonly-cursor: default;--vv-input-radio-state-readonly-pointer-events: none;--vv-input-radio-element-input-border: var(--spacing-2) solid var(--input-color);--vv-input-radio-element-input-width: var(--spacing-20);--vv-input-radio-element-input-height: var(--spacing-20);--vv-input-radio-element-input-border-radius: 50%;--vv-input-radio-element-input-margin: 0 var(--input-label-gap) 0 0;--vv-input-radio-element-input-background: transparent;--vv-input-radio-element-input-cursor: pointer;--vv-input-radio-element-input-position: relative;--vv-input-radio-element-input-pseudo-after-position: absolute;--vv-input-radio-element-input-pseudo-after-width: 70%;--vv-input-radio-element-input-pseudo-after-height: 70%;--vv-input-radio-element-input-pseudo-after-background: var(--input-color);--vv-input-radio-element-input-pseudo-after-inset: 50% 50%;--vv-input-radio-element-input-pseudo-after-border-radius: 50%;--vv-input-radio-element-input-pseudo-after-transform: translate(-50%, -50%) scale(0);--vv-input-radio-element-input-pseudo-after-will-change: transform;--vv-input-radio-element-input-pseudo-after-transition: transform .2s ease-in-out;--vv-input-radio-element-input-state-checked-pseudo-after-transform: translate(-50%, -50%) scale(1);--vv-input-radio-element-input-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-input-radio-element-input-state-focus-visible-outline-offset: var(--spacing-2)}:where(.vv-input-radio){display:var(--vv-input-radio-display);flex-wrap:var(--vv-input-radio-flex-wrap);align-items:var(--vv-input-radio-align-items);cursor:var(--vv-input-radio-cursor);-webkit-user-select:var(--vv-input-radio-user-select);-moz-user-select:var(--vv-input-radio-user-select);user-select:var(--vv-input-radio-user-select);margin:var(--vv-input-radio-margin);color:var(--vv-input-radio-color);font-size:var(--vv-input-radio-font-size);line-height:var(--vv-input-radio-line-height)}:where(.vv-input-radio__input,.vv-input-radio > input[type=radio]){border:var(--vv-input-radio-element-input-border);width:var(--vv-input-radio-element-input-width);height:var(--vv-input-radio-element-input-height);border-radius:var(--vv-input-radio-element-input-border-radius);margin:var(--vv-input-radio-element-input-margin);background:var(--vv-input-radio-element-input-background);cursor:var(--vv-input-radio-element-input-cursor);position:var(--vv-input-radio-element-input-position)}:where(.vv-input-radio__input,.vv-input-radio > input[type=radio]):after{content:"";position:var(--vv-input-radio-element-input-pseudo-after-position);width:var(--vv-input-radio-element-input-pseudo-after-width);height:var(--vv-input-radio-element-input-pseudo-after-height);background:var(--vv-input-radio-element-input-pseudo-after-background);inset:var(--vv-input-radio-element-input-pseudo-after-inset);border-radius:var(--vv-input-radio-element-input-pseudo-after-border-radius);transform:var(--vv-input-radio-element-input-pseudo-after-transform);will-change:var(--vv-input-radio-element-input-pseudo-after-will-change);transition:var(--vv-input-radio-element-input-pseudo-after-transition)}:where(.vv-input-radio__input--checked,.vv-input-radio__input.checked,.vv-input-radio > input[type=radio].checked,.vv-input-radio__input:checked,.vv-input-radio > input[type=radio]:checked):after{--vv-input-radio-element-input-pseudo-after-transform: var(--vv-input-radio-element-input-state-checked-pseudo-after-transform)}:where(.vv-input-radio__input--focus-visible,.vv-input-radio__input.focus-visible,.vv-input-radio > input[type=radio].focus-visible,.vv-input-radio__input:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible,.vv-input-radio > input[type=radio]:not(:active):not([disabled]):not([tabindex="-1"]):focus-visible){outline:var(--vv-input-radio-element-input-state-focus-visible-outline);outline-offset:var(--vv-input-radio-element-input-state-focus-visible-outline-offset)}:where(.vv-input-radio[\:has\(\%3E\%20input\[type\%3Dradio\]\:disabled\)]),:where(.vv-input-radio--disabled,.vv-input-radio.disabled,.vv-input-radio[disabled]){opacity:var(--vv-input-radio-state-disabled-opacity);--vv-input-radio-cursor: var(--vv-input-radio-state-disabled-cursor)}:where(.vv-input-radio:has(> input[type=radio]:disabled)),:where(.vv-input-radio--disabled,.vv-input-radio.disabled,.vv-input-radio[disabled]){opacity:var(--vv-input-radio-state-disabled-opacity);--vv-input-radio-cursor: var(--vv-input-radio-state-disabled-cursor)}:where(.vv-input-radio--readonly,.vv-input-radio.readonly,.vv-input-radio[readonly]){--vv-input-radio-cursor: var(--vv-input-radio-state-readonly-cursor);pointer-events:var(--vv-input-radio-state-readonly-pointer-events)}
package/dist/preflight.css DELETED
@@ -1 +0,0 @@
1
- :where(:host,:root,[class*=theme]){accent-color:var(--color-brand);background:var(--color-surface);caret-color:var(--color-brand);color-scheme:var(--color-scheme);color:var(--color-word);scrollbar-color:var(--color-brand);font-family:var(--font-sans)}
package/dist/props/animation.css DELETED
@@ -1 +0,0 @@
1
- @media (prefers-reduced-motion: no-preference){:where(:host,:root,.theme){--animate-none: none;--animate-indeterminate: indeterminate 2s infinite;--animate-progress-indeterminate: progress-indeterminate 1.5s linear infinite;--animate-spin: spin 1s infinite;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite}}@keyframes indeterminate{0%{transform:scaleX(0)}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:center right}to{transform:scaleX(0);transform-origin:center right}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes progress-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}