@volverjs/style 0.1.2-beta.26 → 0.1.2-beta.28

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 (37) hide show
  1. package/dist/components/vv-checkbox-group.css +1 -0
  2. package/dist/components/vv-checkbox.css +1 -0
  3. package/dist/components/vv-radio-group.css +1 -0
  4. package/dist/components/vv-radio.css +1 -0
  5. package/dist/components/vv-skeleton.css +1 -1
  6. package/dist/components.css +1 -1
  7. package/dist/export.css +1 -1
  8. package/dist/props/filters.css +1 -1
  9. package/dist/props.css +1 -1
  10. package/dist/utilities/filters.css +1 -1
  11. package/dist/utilities/transitions.css +1 -1
  12. package/dist/utilities.css +1 -1
  13. package/dist/volver.css +1 -1
  14. package/package.json +14 -14
  15. package/src/_config.scss +4 -4
  16. package/src/_preflight.scss +54 -29
  17. package/src/components/index.scss +4 -4
  18. package/src/components/{vv-input-radio-group.scss → vv-checkbox-group.scss} +2 -2
  19. package/src/components/{vv-input-checkbox.scss → vv-checkbox.scss} +2 -2
  20. package/src/components/{vv-input-checkbox-group.scss → vv-radio-group.scss} +2 -2
  21. package/src/components/{vv-input-radio.scss → vv-radio.scss} +2 -2
  22. package/src/export.scss +19 -0
  23. package/src/props/filters.scss +1 -0
  24. package/src/settings/_filters.scss +9 -0
  25. package/src/settings/_index.scss +4 -4
  26. package/src/settings/components/{_vv-input-checkbox-group.scss → _vv-checkbox-group.scss} +1 -1
  27. package/src/settings/components/{_vv-input-checkbox.scss → _vv-checkbox.scss} +35 -9
  28. package/src/settings/components/_vv-radio-group.scss +3 -0
  29. package/src/settings/components/{_vv-input-radio.scss → _vv-radio.scss} +31 -3
  30. package/src/settings/components/_vv-skeleton.scss +1 -0
  31. package/src/utilities/filters.scss +8 -0
  32. package/src/utilities/transitions.scss +4 -3
  33. package/dist/components/vv-input-checkbox-group.css +0 -1
  34. package/dist/components/vv-input-checkbox.css +0 -1
  35. package/dist/components/vv-input-radio-group.css +0 -1
  36. package/dist/components/vv-input-radio.css +0 -1
  37. package/src/settings/components/_vv-input-radio-group.scss +0 -3
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-checkbox-group-display: var(--input-display);--vv-checkbox-group-flex: var(--input-flex);--vv-checkbox-group-flex-direction: var(--input-flex-direction);--vv-checkbox-group-min-width: var(--input-min-width);--vv-checkbox-group-element-legend-display: var(--input-label-display);--vv-checkbox-group-element-legend-font-size: var(--input-label-font-size);--vv-checkbox-group-element-legend-color: var(--input-label-color);--vv-checkbox-group-element-legend-margin: 0 0 var(--input-label-gap) 0;--vv-checkbox-group-element-legend-white-space: var(--input-label-white-space);--vv-checkbox-group-element-legend-text-overflow: var(--input-label-text-overflow);--vv-checkbox-group-element-legend-overflow: var(--input-label-overflow);--vv-checkbox-group-element-legend-max-width: var(--input-label-max-width);--vv-checkbox-group-element-wrapper-position: relative;--vv-checkbox-group-element-wrapper-display: flex;--vv-checkbox-group-element-wrapper-flex-direction: column;--vv-checkbox-group-element-wrapper-flex-wrap: wrap;--vv-checkbox-group-element-hint-display: var(--input-hint-display);--vv-checkbox-group-element-hint-font-size: var(--input-hint-font-size);--vv-checkbox-group-element-hint-color: var(--input-hint-color);--vv-checkbox-group-element-hint-padding-top: var(--input-hint-gap);--vv-checkbox-group-element-hint-white-space: var(--input-hint-white-space);--vv-checkbox-group-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-checkbox-group-element-hint-overflow: var(--input-hint-overflow);--vv-checkbox-group-element-hint-max-width: var(--input-hint-max-width);--vv-checkbox-group-element-hint-margin-top: calc(var(--input-gap) * -1);--vv-checkbox-group-element-hint-margin-bottom: var(--input-gap);--vv-checkbox-group-modifier-horizontal-element-wrapper-flex-direction: row;--vv-checkbox-group-modifier-valid-element-hint-color: var(--input-valid-color);--vv-checkbox-group-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-checkbox-group){display:var(--vv-checkbox-group-display);flex:var(--vv-checkbox-group-flex);flex-direction:var(--vv-checkbox-group-flex-direction);min-width:var(--vv-checkbox-group-min-width)}:where(.vv-checkbox-group__legend,.vv-checkbox-group > legend){display:var(--vv-checkbox-group-element-legend-display);font-size:var(--vv-checkbox-group-element-legend-font-size);color:var(--vv-checkbox-group-element-legend-color);margin:var(--vv-checkbox-group-element-legend-margin);white-space:var(--vv-checkbox-group-element-legend-white-space);text-overflow:var(--vv-checkbox-group-element-legend-text-overflow);overflow:var(--vv-checkbox-group-element-legend-overflow);max-width:var(--vv-checkbox-group-element-legend-max-width)}:where(.vv-checkbox-group__wrapper){position:var(--vv-checkbox-group-element-wrapper-position);display:var(--vv-checkbox-group-element-wrapper-display);flex-direction:var(--vv-checkbox-group-element-wrapper-flex-direction);flex-wrap:var(--vv-checkbox-group-element-wrapper-flex-wrap)}:where(.vv-checkbox-group__hint,.vv-checkbox-group > small){display:var(--vv-checkbox-group-element-hint-display);font-size:var(--vv-checkbox-group-element-hint-font-size);color:var(--vv-checkbox-group-element-hint-color);padding-top:var(--vv-checkbox-group-element-hint-padding-top);white-space:var(--vv-checkbox-group-element-hint-white-space);text-overflow:var(--vv-checkbox-group-element-hint-text-overflow);overflow:var(--vv-checkbox-group-element-hint-overflow);max-width:var(--vv-checkbox-group-element-hint-max-width);margin-top:var(--vv-checkbox-group-element-hint-margin-top);margin-bottom:var(--vv-checkbox-group-element-hint-margin-bottom)}:where(.vv-checkbox-group--horizontal .vv-checkbox-group__wrapper){flex-direction:var(--vv-checkbox-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-checkbox-group--valid .vv-checkbox-group__hint,.vv-checkbox-group--valid > small){color:var(--vv-checkbox-group-modifier-valid-element-hint-color)}:where(.vv-checkbox-group--invalid .vv-checkbox-group__hint,.vv-checkbox-group--invalid > small){color:var(--vv-checkbox-group-modifier-invalid-element-hint-color)}
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-checkbox-display: inline-flex;--vv-checkbox-flex-wrap: wrap;--vv-checkbox-align-items: center;--vv-checkbox-cursor: pointer;--vv-checkbox-user-select: none;--vv-checkbox-margin: 0 var(--input-gap) var(--input-gap) 0;--vv-checkbox-color: var(--input-color);--vv-checkbox-font-size: var(--input-font-size);--vv-checkbox-line-height: var(--input-line-height);--vv-checkbox-min-width: var(--input-min-width);--vv-checkbox-state-disabled-opacity: .3;--vv-checkbox-state-disabled-cursor: not-allowed;--vv-checkbox-element-input-border: var(--spacing-2) solid var(--input-color);--vv-checkbox-element-input-min-width: var(--spacing-20);--vv-checkbox-element-input-height: var(--spacing-20);--vv-checkbox-element-input-margin: 0 var(--input-label-gap) 0 0;--vv-checkbox-element-input-background-position: center;--vv-checkbox-element-input-background-size: var(--text-12) auto;--vv-checkbox-element-input-background-repeat: no-repeat;--vv-checkbox-element-input-cursor: pointer;--vv-checkbox-element-input-position: relative;--vv-checkbox-element-input-state-checked-background-image: var(--bg-check);--vv-checkbox-element-input-state-indeterminate-background-image: var(--bg-minus);--vv-checkbox-element-input-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-checkbox-element-input-state-focus-visible-outline-offset: var(--spacing-2);--vv-checkbox-element-hint-flex-basis: 100%;--vv-checkbox-element-hint-display: var(--input-hint-display);--vv-checkbox-element-hint-font-size: var(--input-hint-font-size);--vv-checkbox-element-hint-color: var(--input-hint-color);--vv-checkbox-element-hint-padding-top: var(--input-hint-gap);--vv-checkbox-element-hint-white-space: var(--input-hint-white-space);--vv-checkbox-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-checkbox-element-hint-overflow: var(--input-hint-overflow);--vv-checkbox-element-hint-max-width: var(--input-hint-max-width);--vv-checkbox-modifier-readonly-opacity: 1;--vv-checkbox-modifier-readonly-cursor: default;--vv-checkbox-modifier-readonly-pointer-events: none;--vv-checkbox-modifier-switch-element-input-border: 0;--vv-checkbox-modifier-switch-element-input-min-width: var(--spacing-44);--vv-checkbox-modifier-switch-element-input-height: var(--spacing-24);--vv-checkbox-modifier-switch-element-input-border-radius: var(--spacing-12);--vv-checkbox-modifier-switch-element-input-background-color: var(--color-word-5);--vv-checkbox-modifier-switch-element-input-position: relative;--vv-checkbox-modifier-switch-element-input-will-change: background-color;--vv-checkbox-modifier-switch-element-input-transition: var(--transition-colors);--vv-checkbox-modifier-switch-element-input-pseudo-after-width: var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-height: var(--spacing-20);--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius: 50%;--vv-checkbox-modifier-switch-element-input-pseudo-after-position: absolute;--vv-checkbox-modifier-switch-element-input-pseudo-after-inset: var(--spacing-2) 0 0 var(--spacing-2);--vv-checkbox-modifier-switch-element-input-pseudo-after-background: var(--color-white);--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change: transform;--vv-checkbox-modifier-switch-element-input-pseudo-after-transition: var(--transition-transform);--vv-checkbox-modifier-switch-element-input-state-hover-background-color: var(--color-word-4);--vv-checkbox-modifier-switch-element-input-state-active-background-color: var(--color-word-3);--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image: none;--vv-checkbox-modifier-switch-element-input-state-indeterminate-pseudo-after-transform: translateX(50%);--vv-checkbox-modifier-switch-element-input-state-checked-background-image: none;--vv-checkbox-modifier-switch-element-input-state-checked-background-color: var(--color-brand);--vv-checkbox-modifier-switch-element-input-state-checked-pseudo-after-transform: translateX(100%);--vv-checkbox-modifier-valid-element-hint-color: var(--input-valid-color);--vv-checkbox-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-checkbox){display:var(--vv-checkbox-display);flex-wrap:var(--vv-checkbox-flex-wrap);align-items:var(--vv-checkbox-align-items);cursor:var(--vv-checkbox-cursor);-webkit-user-select:var(--vv-checkbox-user-select);-moz-user-select:var(--vv-checkbox-user-select);user-select:var(--vv-checkbox-user-select);margin:var(--vv-checkbox-margin);color:var(--vv-checkbox-color);font-size:var(--vv-checkbox-font-size);line-height:var(--vv-checkbox-line-height);min-width:var(--vv-checkbox-min-width)}:where(.vv-checkbox__input,.vv-checkbox > input[type=checkbox]){border:var(--vv-checkbox-element-input-border);min-width:var(--vv-checkbox-element-input-min-width);height:var(--vv-checkbox-element-input-height);margin:var(--vv-checkbox-element-input-margin);background-position:var(--vv-checkbox-element-input-background-position);background-size:var(--vv-checkbox-element-input-background-size);background-repeat:var(--vv-checkbox-element-input-background-repeat);cursor:var(--vv-checkbox-element-input-cursor);position:var(--vv-checkbox-element-input-position)}:where(.vv-checkbox__input--checked,.vv-checkbox__input.checked,.vv-checkbox > input[type=checkbox].checked,.vv-checkbox__input:checked,.vv-checkbox > input[type=checkbox]:checked){background-image:var(--vv-checkbox-element-input-state-checked-background-image)}:where(.vv-checkbox__input--indeterminate,.vv-checkbox__input.indeterminate,.vv-checkbox > input[type=checkbox].indeterminate,.vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox > input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-element-input-state-indeterminate-background-image)}:where(.vv-checkbox__input--focus-visible,.vv-checkbox__input.focus-visible,.vv-checkbox > input[type=checkbox].focus-visible,.vv-checkbox__input:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible,.vv-checkbox > input[type=checkbox]:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-checkbox-element-input-state-focus-visible-outline);outline-offset:var(--vv-checkbox-element-input-state-focus-visible-outline-offset)}:where(.vv-checkbox__hint,.vv-checkbox > small){flex-basis:var(--vv-checkbox-element-hint-flex-basis);display:var(--vv-checkbox-element-hint-display);font-size:var(--vv-checkbox-element-hint-font-size);color:var(--vv-checkbox-element-hint-color);padding-top:var(--vv-checkbox-element-hint-padding-top);white-space:var(--vv-checkbox-element-hint-white-space);text-overflow:var(--vv-checkbox-element-hint-text-overflow);overflow:var(--vv-checkbox-element-hint-overflow);max-width:var(--vv-checkbox-element-hint-max-width)}:where(.vv-checkbox[\:has\(\%3E\%20input\[type\%3Dcheckbox\]\:disabled\)]),:where(.vv-checkbox--disabled,.vv-checkbox.disabled,.vv-checkbox[disabled],.vv-checkbox[aria-disabled=true]){opacity:var(--vv-checkbox-state-disabled-opacity);--vv-checkbox-cursor: var(--vv-checkbox-state-disabled-cursor)}:where(.vv-checkbox:has(> input[type=checkbox]:disabled)),:where(.vv-checkbox--disabled,.vv-checkbox.disabled,.vv-checkbox[disabled],.vv-checkbox[aria-disabled=true]){opacity:var(--vv-checkbox-state-disabled-opacity);--vv-checkbox-cursor: var(--vv-checkbox-state-disabled-cursor)}:where(.vv-checkbox--readonly.vv-checkbox){opacity:var(--vv-checkbox-modifier-readonly-opacity);--vv-checkbox-cursor: var(--vv-checkbox-modifier-readonly-cursor);pointer-events:var(--vv-checkbox-modifier-readonly-pointer-events)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch > input[type=checkbox]){border:var(--vv-checkbox-modifier-switch-element-input-border);min-width:var(--vv-checkbox-modifier-switch-element-input-min-width);height:var(--vv-checkbox-modifier-switch-element-input-height);border-radius:var(--vv-checkbox-modifier-switch-element-input-border-radius);background-color:var(--vv-checkbox-modifier-switch-element-input-background-color);position:var(--vv-checkbox-modifier-switch-element-input-position);will-change:var(--vv-checkbox-modifier-switch-element-input-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-transition)}:where(.vv-checkbox--switch .vv-checkbox__input,.vv-checkbox--switch > input[type=checkbox]):after{content:"";width:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-width);height:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-height);border-radius:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-border-radius);position:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-position);inset:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-inset);background:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-background);will-change:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-will-change);transition:var(--vv-checkbox-modifier-switch-element-input-pseudo-after-transition)}:where(.vv-checkbox--switch .vv-checkbox__input--hover,.vv-checkbox--switch .vv-checkbox__input.hover,.vv-checkbox--switch > input[type=checkbox].hover,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):hover,.vv-checkbox--switch > input[type=checkbox]:not([disabled]):hover){--vv-checkbox-modifier-switch-element-input-background-color: var(--vv-checkbox-modifier-switch-element-input-state-hover-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--active,.vv-checkbox--switch .vv-checkbox__input.active,.vv-checkbox--switch > input[type=checkbox].active,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):active,.vv-checkbox--switch > input[type=checkbox]:not([disabled]):active){--vv-checkbox-modifier-switch-element-input-background-color: var(--vv-checkbox-modifier-switch-element-input-state-active-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch > input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch > input[type=checkbox]:not([disabled]):indeterminate){background-image:var(--vv-checkbox-modifier-switch-element-input-state-indeterminate-background-image)}:where(.vv-checkbox--switch .vv-checkbox__input--indeterminate,.vv-checkbox--switch .vv-checkbox__input.indeterminate,.vv-checkbox--switch > input[type=checkbox].indeterminate,.vv-checkbox--switch .vv-checkbox__input:not([disabled]):indeterminate,.vv-checkbox--switch > input[type=checkbox]:not([disabled]):indeterminate):after{transform:var(--vv-checkbox-modifier-switch-element-input-state-indeterminate-pseudo-after-transform)}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch > input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch > input[type=checkbox]:checked){background-image:var(--vv-checkbox-modifier-switch-element-input-state-checked-background-image);--vv-checkbox-modifier-switch-element-input-background-color: var(--vv-checkbox-modifier-switch-element-input-state-checked-background-color)}:where(.vv-checkbox--switch .vv-checkbox__input--checked,.vv-checkbox--switch .vv-checkbox__input.checked,.vv-checkbox--switch > input[type=checkbox].checked,.vv-checkbox--switch .vv-checkbox__input:checked,.vv-checkbox--switch > input[type=checkbox]:checked):after{transform:var(--vv-checkbox-modifier-switch-element-input-state-checked-pseudo-after-transform)}:where(.vv-checkbox--valid .vv-checkbox__hint,.vv-checkbox--valid > small){color:var(--vv-checkbox-modifier-valid-element-hint-color)}:where(.vv-checkbox--invalid .vv-checkbox__hint,.vv-checkbox--invalid > small){color:var(--vv-checkbox-modifier-invalid-element-hint-color)}
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-radio-group-display: var(--input-display);--vv-radio-group-flex: var(--input-flex);--vv-radio-group-flex-direction: var(--input-flex-direction);--vv-radio-group-min-width: var(--input-min-width);--vv-radio-group-element-legend-display: var(--input-label-display);--vv-radio-group-element-legend-font-size: var(--input-label-font-size);--vv-radio-group-element-legend-color: var(--input-label-color);--vv-radio-group-element-legend-margin: 0 0 var(--input-label-gap) 0;--vv-radio-group-element-legend-white-space: var(--input-label-white-space);--vv-radio-group-element-legend-text-overflow: var(--input-label-text-overflow);--vv-radio-group-element-legend-overflow: var(--input-label-overflow);--vv-radio-group-element-legend-max-width: var(--input-label-max-width);--vv-radio-group-element-wrapper-position: relative;--vv-radio-group-element-wrapper-display: flex;--vv-radio-group-element-wrapper-flex-direction: column;--vv-radio-group-element-wrapper-flex-wrap: wrap;--vv-radio-group-element-hint-display: var(--input-hint-display);--vv-radio-group-element-hint-font-size: var(--input-hint-font-size);--vv-radio-group-element-hint-color: var(--input-hint-color);--vv-radio-group-element-hint-padding-top: var(--input-hint-gap);--vv-radio-group-element-hint-white-space: var(--input-hint-white-space);--vv-radio-group-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-radio-group-element-hint-overflow: var(--input-hint-overflow);--vv-radio-group-element-hint-max-width: var(--input-hint-max-width);--vv-radio-group-element-hint-margin-top: calc(var(--input-gap) * -1);--vv-radio-group-element-hint-margin-bottom: var(--input-gap);--vv-radio-group-modifier-horizontal-element-wrapper-flex-direction: row;--vv-radio-group-modifier-valid-element-hint-color: var(--input-valid-color);--vv-radio-group-modifier-invalid-element-hint-color: var(--input-invalid-color)}:where(.vv-radio-group){display:var(--vv-radio-group-display);flex:var(--vv-radio-group-flex);flex-direction:var(--vv-radio-group-flex-direction);min-width:var(--vv-radio-group-min-width)}:where(.vv-radio-group__legend,.vv-radio-group > legend){display:var(--vv-radio-group-element-legend-display);font-size:var(--vv-radio-group-element-legend-font-size);color:var(--vv-radio-group-element-legend-color);margin:var(--vv-radio-group-element-legend-margin);white-space:var(--vv-radio-group-element-legend-white-space);text-overflow:var(--vv-radio-group-element-legend-text-overflow);overflow:var(--vv-radio-group-element-legend-overflow);max-width:var(--vv-radio-group-element-legend-max-width)}:where(.vv-radio-group__wrapper){position:var(--vv-radio-group-element-wrapper-position);display:var(--vv-radio-group-element-wrapper-display);flex-direction:var(--vv-radio-group-element-wrapper-flex-direction);flex-wrap:var(--vv-radio-group-element-wrapper-flex-wrap)}:where(.vv-radio-group__hint,.vv-radio-group > small){display:var(--vv-radio-group-element-hint-display);font-size:var(--vv-radio-group-element-hint-font-size);color:var(--vv-radio-group-element-hint-color);padding-top:var(--vv-radio-group-element-hint-padding-top);white-space:var(--vv-radio-group-element-hint-white-space);text-overflow:var(--vv-radio-group-element-hint-text-overflow);overflow:var(--vv-radio-group-element-hint-overflow);max-width:var(--vv-radio-group-element-hint-max-width);margin-top:var(--vv-radio-group-element-hint-margin-top);margin-bottom:var(--vv-radio-group-element-hint-margin-bottom)}:where(.vv-radio-group--horizontal .vv-radio-group__wrapper){flex-direction:var(--vv-radio-group-modifier-horizontal-element-wrapper-flex-direction)}:where(.vv-radio-group--valid .vv-radio-group__hint,.vv-radio-group--valid > small){color:var(--vv-radio-group-modifier-valid-element-hint-color)}:where(.vv-radio-group--invalid .vv-radio-group__hint,.vv-radio-group--invalid > small){color:var(--vv-radio-group-modifier-invalid-element-hint-color)}
@@ -0,0 +1 @@
1
+ :where(:host,:root,.theme){--vv-radio-display: inline-flex;--vv-radio-flex-wrap: wrap;--vv-radio-align-items: center;--vv-radio-cursor: pointer;--vv-radio-user-select: none;--vv-radio-margin: 0 var(--input-gap) var(--input-gap) 0;--vv-radio-color: var(--input-color);--vv-radio-font-size: var(--input-font-size);--vv-radio-line-height: var(--input-line-height);--vv-radio-min-width: var(--input-min-width);--vv-radio-state-disabled-opacity: .3;--vv-radio-state-disabled-cursor: not-allowed;--vv-radio-modifier-readonly-opacity: 1;--vv-radio-modifier-readonly-cursor: default;--vv-radio-modifier-readonly-pointer-events: none;--vv-radio-modifier-valid-element-hint-color: var(--input-valid-color);--vv-radio-modifier-invalid-element-hint-color: var(--input-invalid-color);--vv-radio-element-input-border: var(--spacing-2) solid var(--input-color);--vv-radio-element-input-min-width: var(--spacing-20);--vv-radio-element-input-height: var(--spacing-20);--vv-radio-element-input-border-radius: 50%;--vv-radio-element-input-margin: 0 var(--input-label-gap) 0 0;--vv-radio-element-input-background: transparent;--vv-radio-element-input-cursor: pointer;--vv-radio-element-input-position: relative;--vv-radio-element-input-pseudo-after-position: absolute;--vv-radio-element-input-pseudo-after-width: 70%;--vv-radio-element-input-pseudo-after-height: 70%;--vv-radio-element-input-pseudo-after-background: var(--input-color);--vv-radio-element-input-pseudo-after-inset: 50% 50%;--vv-radio-element-input-pseudo-after-border-radius: 50%;--vv-radio-element-input-pseudo-after-transform: translate(-50%, -50%) scale(0);--vv-radio-element-input-pseudo-after-will-change: transform;--vv-radio-element-input-pseudo-after-transition: var(--transition-transform);--vv-radio-element-input-state-checked-pseudo-after-transform: translate(-50%, -50%) scale(1);--vv-radio-element-input-state-focus-visible-outline: var(--spacing-px) solid var(--color-brand);--vv-radio-element-input-state-focus-visible-outline-offset: var(--spacing-2);--vv-radio-element-hint-flex-basis: 100%;--vv-radio-element-hint-display: var(--input-hint-display);--vv-radio-element-hint-font-size: var(--input-hint-font-size);--vv-radio-element-hint-color: var(--input-hint-color);--vv-radio-element-hint-padding-top: var(--input-hint-gap);--vv-radio-element-hint-white-space: var(--input-hint-white-space);--vv-radio-element-hint-text-overflow: var(--input-hint-text-overflow);--vv-radio-element-hint-overflow: var(--input-hint-overflow);--vv-radio-element-hint-max-width: var(--input-hint-max-width)}:where(.vv-radio){display:var(--vv-radio-display);flex-wrap:var(--vv-radio-flex-wrap);align-items:var(--vv-radio-align-items);cursor:var(--vv-radio-cursor);-webkit-user-select:var(--vv-radio-user-select);-moz-user-select:var(--vv-radio-user-select);user-select:var(--vv-radio-user-select);margin:var(--vv-radio-margin);color:var(--vv-radio-color);font-size:var(--vv-radio-font-size);line-height:var(--vv-radio-line-height);min-width:var(--vv-radio-min-width)}:where(.vv-radio__input,.vv-radio > input[type=radio]){border:var(--vv-radio-element-input-border);min-width:var(--vv-radio-element-input-min-width);height:var(--vv-radio-element-input-height);border-radius:var(--vv-radio-element-input-border-radius);margin:var(--vv-radio-element-input-margin);background:var(--vv-radio-element-input-background);cursor:var(--vv-radio-element-input-cursor);position:var(--vv-radio-element-input-position)}:where(.vv-radio__input,.vv-radio > input[type=radio]):after{content:"";position:var(--vv-radio-element-input-pseudo-after-position);width:var(--vv-radio-element-input-pseudo-after-width);height:var(--vv-radio-element-input-pseudo-after-height);background:var(--vv-radio-element-input-pseudo-after-background);inset:var(--vv-radio-element-input-pseudo-after-inset);border-radius:var(--vv-radio-element-input-pseudo-after-border-radius);transform:var(--vv-radio-element-input-pseudo-after-transform);will-change:var(--vv-radio-element-input-pseudo-after-will-change);transition:var(--vv-radio-element-input-pseudo-after-transition)}:where(.vv-radio__input--checked,.vv-radio__input.checked,.vv-radio > input[type=radio].checked,.vv-radio__input:checked,.vv-radio > input[type=radio]:checked):after{--vv-radio-element-input-pseudo-after-transform: var(--vv-radio-element-input-state-checked-pseudo-after-transform)}:where(.vv-radio__input--focus-visible,.vv-radio__input.focus-visible,.vv-radio > input[type=radio].focus-visible,.vv-radio__input:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible,.vv-radio > input[type=radio]:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):focus-visible){outline:var(--vv-radio-element-input-state-focus-visible-outline);outline-offset:var(--vv-radio-element-input-state-focus-visible-outline-offset)}:where(.vv-radio__hint,.vv-radio > small){flex-basis:var(--vv-radio-element-hint-flex-basis);display:var(--vv-radio-element-hint-display);font-size:var(--vv-radio-element-hint-font-size);color:var(--vv-radio-element-hint-color);padding-top:var(--vv-radio-element-hint-padding-top);white-space:var(--vv-radio-element-hint-white-space);text-overflow:var(--vv-radio-element-hint-text-overflow);overflow:var(--vv-radio-element-hint-overflow);max-width:var(--vv-radio-element-hint-max-width)}:where(.vv-radio[\:has\(\%3E\%20input\[type\%3Dradio\]\:disabled\)]),:where(.vv-radio--disabled,.vv-radio.disabled,.vv-radio[disabled],.vv-radio[aria-disabled=true]){opacity:var(--vv-radio-state-disabled-opacity);--vv-radio-cursor: var(--vv-radio-state-disabled-cursor)}:where(.vv-radio:has(> input[type=radio]:disabled)),:where(.vv-radio--disabled,.vv-radio.disabled,.vv-radio[disabled],.vv-radio[aria-disabled=true]){opacity:var(--vv-radio-state-disabled-opacity);--vv-radio-cursor: var(--vv-radio-state-disabled-cursor)}:where(.vv-radio--readonly.vv-radio){opacity:var(--vv-radio-modifier-readonly-opacity);--vv-radio-cursor: var(--vv-radio-modifier-readonly-cursor);pointer-events:var(--vv-radio-modifier-readonly-pointer-events)}:where(.vv-radio--valid .vv-radio__hint,.vv-radio--valid > small){color:var(--vv-radio-modifier-valid-element-hint-color)}:where(.vv-radio--invalid .vv-radio__hint,.vv-radio--invalid > small){color:var(--vv-radio-modifier-invalid-element-hint-color)}
@@ -1 +1 @@
1
- :where(:host,:root,.theme){--vv-skeleton-display: grid;--vv-skeleton-gap: calc(1em * (var(--leading-normal) - 1));--vv-skeleton-element-item-background-size: 200% 100%;--vv-skeleton-element-item-height: 1em;--vv-skeleton-element-item-border-radius: var(--rounded);--vv-skeleton-element-item-animation: var(--animation-shine)}:where(.vv-skeleton){--skeleton-background: var(--color-surface-2);--skeleton-shine-color: var(--color-surface);display:var(--vv-skeleton-display);gap:var(--vv-skeleton-gap)}:where(.vv-skeleton__item){background:linear-gradient(110deg,var(--skeleton-background) 8%,var(--skeleton-shine-color) 18%,var(--skeleton-background) 33%);background-size:var(--vv-skeleton-element-item-background-size);height:var(--vv-skeleton-element-item-height);border-radius:var(--vv-skeleton-element-item-border-radius);animation:var(--vv-skeleton-element-item-animation)}
1
+ :where(:host,:root,.theme){--vv-skeleton-display: grid;--vv-skeleton-gap: calc(1em * (var(--leading-normal) - 1));--vv-skeleton-element-item-background-size: 200% 100%;--vv-skeleton-element-item-height: 1em;--vv-skeleton-element-item-border-radius: var(--rounded);--vv-skeleton-element-item-animation: var(--animation-shine)}:where(.vv-skeleton){--skeleton-background: var(--color-surface-2);--skeleton-shine-color: var(--color-surface);display:var(--vv-skeleton-display);gap:var(--vv-skeleton-gap)}:where(.vv-skeleton__item){background:linear-gradient(110deg,var(--skeleton-background) 8%,var(--skeleton-shine-color) 18%,var(--skeleton-background) 33%);color:transparent;background-size:var(--vv-skeleton-element-item-background-size);height:var(--vv-skeleton-element-item-height);border-radius:var(--vv-skeleton-element-item-border-radius);animation:var(--vv-skeleton-element-item-animation)}