@volverjs/style 0.1.9-beta.6 → 0.1.9-beta.7
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-dropdown-optgroup.css +1 -1
- package/dist/components/vv-radio.css +1 -1
- package/dist/components/vv-table.css +1 -1
- package/dist/components.css +1 -1
- package/dist/volver.css +1 -1
- package/package.json +12 -12
- package/src/settings/components/_vv-dropdown-optgroup.scss +0 -1
- package/src/settings/components/_vv-radio.scss +5 -3
- package/src/settings/components/_vv-table.scss +5 -0
- package/src/tools/_mixins.scss +27 -13
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(:host,:root,.theme){--vv-dropdown-optgroup-display: flex;--vv-dropdown-optgroup-min-width: 0;--vv-dropdown-optgroup-overflow: hidden;--vv-dropdown-optgroup-gap: var(--spacing-sm);--vv-dropdown-optgroup-align-items: center;--vv-dropdown-optgroup-padding: var(--spacing-xs) var(--spacing-sm);--vv-dropdown-optgroup-white-space: nowrap;--vv-dropdown-optgroup-text-transform: uppercase;--vv-dropdown-optgroup-font-size: var(--text-xs);--vv-dropdown-optgroup-font-weight: var(--font-bold);--vv-dropdown-optgroup-
|
|
1
|
+
:where(:host,:root,.theme){--vv-dropdown-optgroup-display: flex;--vv-dropdown-optgroup-min-width: 0;--vv-dropdown-optgroup-overflow: hidden;--vv-dropdown-optgroup-gap: var(--spacing-sm);--vv-dropdown-optgroup-align-items: center;--vv-dropdown-optgroup-padding: var(--spacing-xs) var(--spacing-sm);--vv-dropdown-optgroup-white-space: nowrap;--vv-dropdown-optgroup-text-transform: uppercase;--vv-dropdown-optgroup-font-size: var(--text-xs);--vv-dropdown-optgroup-font-weight: var(--font-bold);--vv-dropdown-optgroup-background-color: var(--color-surface-2)}:where(.vv-dropdown-optgroup){display:var(--vv-dropdown-optgroup-display);min-width:var(--vv-dropdown-optgroup-min-width);overflow:var(--vv-dropdown-optgroup-overflow);gap:var(--vv-dropdown-optgroup-gap);align-items:var(--vv-dropdown-optgroup-align-items);padding:var(--vv-dropdown-optgroup-padding);white-space:var(--vv-dropdown-optgroup-white-space);text-transform:var(--vv-dropdown-optgroup-text-transform);font-size:var(--vv-dropdown-optgroup-font-size);font-weight:var(--vv-dropdown-optgroup-font-weight);background-color:var(--vv-dropdown-optgroup-background-color)}
|
|
@@ -1 +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: var(--opacity-30);--vv-radio-state-disabled-cursor: not-allowed;--vv-radio-modifier-readonly-opacity: var(--opacity-100);--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(> 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
|
+
: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: var(--opacity-30);--vv-radio-state-disabled-cursor: not-allowed;--vv-radio-modifier-readonly-opacity: var(--opacity-100);--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-width: var(--spacing-2);--vv-radio-element-input-border-style: solid;--vv-radio-element-input-border-color: 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-color: 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-color: 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-width:var(--vv-radio-element-input-border-width);border-style:var(--vv-radio-element-input-border-style);border-color:var(--vv-radio-element-input-border-color);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-color:var(--vv-radio-element-input-background-color);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-color:var(--vv-radio-element-input-pseudo-after-background-color);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(> 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-table-width: 100%;--vv-table-border-collapse: collapse;--vv-table-border-color: var(--color-surface-5);--vv-table-element-caption-caption-side: bottom;--vv-table-element-tr-border-width: 0 0 1px 0;--vv-table-element-tr-border-style: solid;--vv-table-element-tr-border-color: var(--color-surface-5);--vv-table-element-tbody-tr-border-color: var(--color-surface-3);--vv-table-element-tbody-tr-state-last-child-border-width: 0;--vv-table-element-th-font-weight: var(--font-semibold);--vv-table-element-th-font-size: var(--text-sm);--vv-table-element-th-color: var(--color-word-2);--vv-table-element-th-vertical-align: middle;--vv-table-element-td-border-style: solid;--vv-table-element-td-font-size: var(--text-xs);--vv-table-element-td-vertical-align: middle;--vv-table-modifier-inline-spacing-border-width: 0}:where(.vv-table){--table-cell-padding: var(--spacing-md) 0;width:var(--vv-table-width);border-collapse:var(--vv-table-border-collapse);border-color:var(--vv-table-border-color)}:where(.vv-table__caption,.vv-table caption){caption-side:var(--vv-table-element-caption-caption-side);padding:var(--table-cell-padding)}:where(.vv-table__tr,.vv-table tr){border-width:var(--vv-table-element-tr-border-width);border-style:var(--vv-table-element-tr-border-style);border-color:var(--vv-table-element-tr-border-color)}:where(.vv-table__tbody-tr,.vv-table tbody > tr){border-color:var(--vv-table-element-tbody-tr-border-color)}:where(.vv-table__tbody-tr--last-child,.vv-table__tbody-tr.last-child,.vv-table tbody > tr.last-child,.vv-table__tbody-tr:not([disabled]):last-child,.vv-table tbody > tr:not([disabled]):last-child){border-width:var(--vv-table-element-tbody-tr-state-last-child-border-width)}:where(.vv-table__th,.vv-table th){font-weight:var(--vv-table-element-th-font-weight);font-size:var(--vv-table-element-th-font-size);color:var(--vv-table-element-th-color);vertical-align:var(--vv-table-element-th-vertical-align);padding:var(--table-cell-padding)}:where(.vv-table__td,.vv-table td){border-style:var(--vv-table-element-td-border-style);font-size:var(--vv-table-element-td-font-size);vertical-align:var(--vv-table-element-td-vertical-align);padding:var(--table-cell-padding)}:where(.vv-table--inline-spacing.vv-table){--table-cell-padding: var(--spacing-md);border-width:var(--vv-table-modifier-inline-spacing-border-width)}
|
|
1
|
+
:where(:host,:root,.theme){--vv-table-width: 100%;--vv-table-border-collapse: collapse;--vv-table-border-color: var(--color-surface-5);--vv-table-element-caption-caption-side: bottom;--vv-table-element-caption-state-empty-display: none;--vv-table-element-tr-border-width: 0 0 1px 0;--vv-table-element-tr-border-style: solid;--vv-table-element-tr-border-color: var(--color-surface-5);--vv-table-element-tbody-tr-border-color: var(--color-surface-3);--vv-table-element-tbody-tr-state-last-child-border-width: 0;--vv-table-element-th-font-weight: var(--font-semibold);--vv-table-element-th-font-size: var(--text-sm);--vv-table-element-th-color: var(--color-word-2);--vv-table-element-th-vertical-align: middle;--vv-table-element-td-border-style: solid;--vv-table-element-td-font-size: var(--text-xs);--vv-table-element-td-vertical-align: middle;--vv-table-modifier-inline-spacing-border-width: 0}:where(.vv-table){--table-cell-padding: var(--spacing-md) 0;width:var(--vv-table-width);border-collapse:var(--vv-table-border-collapse);border-color:var(--vv-table-border-color)}:where(.vv-table__caption,.vv-table caption){caption-side:var(--vv-table-element-caption-caption-side);padding:var(--table-cell-padding)}:where(.vv-table__caption--empty,.vv-table__caption.empty,.vv-table caption.empty,.vv-table__caption:not([disabled]):empty,.vv-table caption:not([disabled]):empty){display:var(--vv-table-element-caption-state-empty-display)}:where(.vv-table__tr,.vv-table tr){border-width:var(--vv-table-element-tr-border-width);border-style:var(--vv-table-element-tr-border-style);border-color:var(--vv-table-element-tr-border-color)}:where(.vv-table__tbody-tr,.vv-table tbody > tr){border-color:var(--vv-table-element-tbody-tr-border-color)}:where(.vv-table__tbody-tr--last-child,.vv-table__tbody-tr.last-child,.vv-table tbody > tr.last-child,.vv-table__tbody-tr:not([disabled]):last-child,.vv-table tbody > tr:not([disabled]):last-child){border-width:var(--vv-table-element-tbody-tr-state-last-child-border-width)}:where(.vv-table__th,.vv-table th){font-weight:var(--vv-table-element-th-font-weight);font-size:var(--vv-table-element-th-font-size);color:var(--vv-table-element-th-color);vertical-align:var(--vv-table-element-th-vertical-align);padding:var(--table-cell-padding)}:where(.vv-table__td,.vv-table td){border-style:var(--vv-table-element-td-border-style);font-size:var(--vv-table-element-td-font-size);vertical-align:var(--vv-table-element-td-vertical-align);padding:var(--table-cell-padding)}:where(.vv-table--inline-spacing.vv-table){--table-cell-padding: var(--spacing-md);border-width:var(--vv-table-modifier-inline-spacing-border-width)}
|