@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.
- package/dist/components/vv-checkbox-group.css +1 -0
- package/dist/components/vv-checkbox.css +1 -0
- package/dist/components/vv-radio-group.css +1 -0
- package/dist/components/vv-radio.css +1 -0
- package/dist/components/vv-skeleton.css +1 -1
- package/dist/components.css +1 -1
- package/dist/export.css +1 -1
- package/dist/props/filters.css +1 -1
- package/dist/props.css +1 -1
- package/dist/utilities/filters.css +1 -1
- package/dist/utilities/transitions.css +1 -1
- package/dist/utilities.css +1 -1
- package/dist/volver.css +1 -1
- package/package.json +14 -14
- package/src/_config.scss +4 -4
- package/src/_preflight.scss +54 -29
- package/src/components/index.scss +4 -4
- package/src/components/{vv-input-radio-group.scss → vv-checkbox-group.scss} +2 -2
- package/src/components/{vv-input-checkbox.scss → vv-checkbox.scss} +2 -2
- package/src/components/{vv-input-checkbox-group.scss → vv-radio-group.scss} +2 -2
- package/src/components/{vv-input-radio.scss → vv-radio.scss} +2 -2
- package/src/export.scss +19 -0
- package/src/props/filters.scss +1 -0
- package/src/settings/_filters.scss +9 -0
- package/src/settings/_index.scss +4 -4
- package/src/settings/components/{_vv-input-checkbox-group.scss → _vv-checkbox-group.scss} +1 -1
- package/src/settings/components/{_vv-input-checkbox.scss → _vv-checkbox.scss} +35 -9
- package/src/settings/components/_vv-radio-group.scss +3 -0
- package/src/settings/components/{_vv-input-radio.scss → _vv-radio.scss} +31 -3
- package/src/settings/components/_vv-skeleton.scss +1 -0
- package/src/utilities/filters.scss +8 -0
- package/src/utilities/transitions.scss +4 -3
- package/dist/components/vv-input-checkbox-group.css +0 -1
- package/dist/components/vv-input-checkbox.css +0 -1
- package/dist/components/vv-input-radio-group.css +0 -1
- package/dist/components/vv-input-radio.css +0 -1
- package/src/settings/components/_vv-input-radio-group.scss +0 -3
|
@@ -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-min-width: var(--input-min-width);--vv-input-radio-state-disabled-opacity: .3;--vv-input-radio-state-disabled-cursor: not-allowed;--vv-input-radio-state-readonly-opacity: 1;--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: var(--transition-transform);--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);min-width:var(--vv-input-radio-min-width)}: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"]:not([aria-disabled=true])):focus-visible,.vv-input-radio > input[type=radio]:not(:active):not([disabled]):not([tabindex="-1"]:not([aria-disabled=true])):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],.vv-input-radio[aria-disabled=true]){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],.vv-input-radio[aria-disabled=true]){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]){opacity:var(--vv-input-radio-state-readonly-opacity);--vv-input-radio-cursor: var(--vv-input-radio-state-readonly-cursor);pointer-events:var(--vv-input-radio-state-readonly-pointer-events)}
|