xv-webcomponents 0.1.27 → 0.1.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/cjs/xv-accordion-v2_27.cjs.entry.js +4 -4
- package/dist/cjs/xv-accordion-v2_27.cjs.entry.js.map +1 -1
- package/dist/collection/components/xv-checkbox/xv-checkbox.css +1 -1
- package/dist/collection/components/xv-table/xv-table-col/xv-table-col.css +4 -3
- package/dist/collection/components/xv-table/xv-table-header-row/xv-table-header-row.css +4 -0
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.css +2 -0
- package/dist/esm/xv-accordion-v2_27.entry.js +4 -4
- package/dist/esm/xv-accordion-v2_27.entry.js.map +1 -1
- package/dist/xv-webcomponents/p-07dfeba3.entry.js +2 -0
- package/dist/xv-webcomponents/p-07dfeba3.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-2cadc37a.entry.js +0 -2
- package/dist/xv-webcomponents/p-2cadc37a.entry.js.map +0 -1
|
@@ -114,7 +114,7 @@ const XvCard = class {
|
|
|
114
114
|
};
|
|
115
115
|
XvCard.style = XvCardV2Style0;
|
|
116
116
|
|
|
117
|
-
const xvCheckboxCss = ":host{--checkbox-size:1rem;box-sizing:border-box;display:inline-flex;flex-direction:column}:host([error]) .xv-checkbox .checkmark{border-color:var(--text-error, #D62512)}.error,[name=info]{display:inline-flex;align-items:center;justify-content:flex-start;font-size:var(--fz-sm, 12px);font-family:var(--ff-body, Tahoma);line-height:133.333%;letter-spacing:0.32px}.error{margin-top:var(--gap-xs, 5px);color:var(--text-error, #D62512)}.error::before{margin-right:var(--gap-xs, 5px);content:\"!\";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--fz-sm, 12px);font-weight:bold;color:white;background-color:var(--text-error, #D62512);border-radius:50%}.xv-checkbox{display:inline-flex;align-items:center;cursor:pointer;user-select:none}.xv-checkbox input[type=checkbox]{position:absolute;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;padding:0;opacity:0;pointer-events:none;box-sizing:border-box}.xv-checkbox .checkmark{width:var(--checkbox-size);min-width:var(--checkbox-size);height:var(--checkbox-size);min-height:var(--checkbox-size);box-sizing:border-box;margin:0;padding:0;border:1.4px solid var(--icon-primary, #D1D1D1);border-radius:2px;background-color:var(--background, #FFF);transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center}.xv-checkbox input:checked+.checkmark{background-color:var(--background-brand, #97BF0D);border-color:var(--background-brand, #97BF0D)}.xv-checkbox input:checked+.checkmark:not(.checkmark-partial)::after{content:\"\";width:calc(var(--checkbox-size) / 4);height:calc(var(--checkbox-size) / 2.5);border:solid var(--background, #FFF);margin-bottom:calc(var(--checkbox-size) / 10);border-width:0 2px 2px 0;transform:rotate(45deg);display:block}.xv-checkbox input:checked+.checkmark.checkmark-partial::after{content:\"\";width:calc(var(--checkbox-size) / 3);height:calc(var(--checkbox-size) / 10);background-color:var(--background, #FFF)}.xv-checkbox input:focus+.checkmark{outline:1.4px solid var(--focus, #8B8B8B)}.xv-checkbox .label{margin-left:8px;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);line-height:128.571%;letter-spacing:0.16px}.xv-checkbox.readonly{cursor:initial}.xv-checkbox.readonly input:checked+.checkmark{background-color:var(--background, #FFF);border:1.4px solid var(--icon-disabled, #D1D1D1)}.xv-checkbox.readonly input:checked+.checkmark:after{border-color:var(--icon-primary, #131313)}.xv-checkbox.readonly input:checked+.checkmark-partial:after{background-color:var(--icon-primary, #131313)}.xv-checkbox.readonly .checkmark{border:1.4px solid var(--icon-disabled, #D1D1D1)}.xv-checkbox.readonly .label{color:var(--text-primary, #333)}.xv-checkbox.disabled{cursor:not-allowed}.xv-checkbox.disabled .checkmark{border:1.4px solid var(--icon-disabled, #D1D1D1)}.xv-checkbox.disabled .label{color:var(--text-disabled, rgba(19, 19, 19, 0.25))}";
|
|
117
|
+
const xvCheckboxCss = ":host{--checkbox-size:max(1rem, 16px);box-sizing:border-box;display:inline-flex;flex-direction:column}:host([error]) .xv-checkbox .checkmark{border-color:var(--text-error, #D62512)}.error,[name=info]{display:inline-flex;align-items:center;justify-content:flex-start;font-size:var(--fz-sm, 12px);font-family:var(--ff-body, Tahoma);line-height:133.333%;letter-spacing:0.32px}.error{margin-top:var(--gap-xs, 5px);color:var(--text-error, #D62512)}.error::before{margin-right:var(--gap-xs, 5px);content:\"!\";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--fz-sm, 12px);font-weight:bold;color:white;background-color:var(--text-error, #D62512);border-radius:50%}.xv-checkbox{display:inline-flex;align-items:center;cursor:pointer;user-select:none}.xv-checkbox input[type=checkbox]{position:absolute;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;padding:0;opacity:0;pointer-events:none;box-sizing:border-box}.xv-checkbox .checkmark{width:var(--checkbox-size);min-width:var(--checkbox-size);height:var(--checkbox-size);min-height:var(--checkbox-size);box-sizing:border-box;margin:0;padding:0;border:1.4px solid var(--icon-primary, #D1D1D1);border-radius:2px;background-color:var(--background, #FFF);transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center}.xv-checkbox input:checked+.checkmark{background-color:var(--background-brand, #97BF0D);border-color:var(--background-brand, #97BF0D)}.xv-checkbox input:checked+.checkmark:not(.checkmark-partial)::after{content:\"\";width:calc(var(--checkbox-size) / 4);height:calc(var(--checkbox-size) / 2.5);border:solid var(--background, #FFF);margin-bottom:calc(var(--checkbox-size) / 10);border-width:0 2px 2px 0;transform:rotate(45deg);display:block}.xv-checkbox input:checked+.checkmark.checkmark-partial::after{content:\"\";width:calc(var(--checkbox-size) / 3);height:calc(var(--checkbox-size) / 10);background-color:var(--background, #FFF)}.xv-checkbox input:focus+.checkmark{outline:1.4px solid var(--focus, #8B8B8B)}.xv-checkbox .label{margin-left:8px;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);line-height:128.571%;letter-spacing:0.16px}.xv-checkbox.readonly{cursor:initial}.xv-checkbox.readonly input:checked+.checkmark{background-color:var(--background, #FFF);border:1.4px solid var(--icon-disabled, #D1D1D1)}.xv-checkbox.readonly input:checked+.checkmark:after{border-color:var(--icon-primary, #131313)}.xv-checkbox.readonly input:checked+.checkmark-partial:after{background-color:var(--icon-primary, #131313)}.xv-checkbox.readonly .checkmark{border:1.4px solid var(--icon-disabled, #D1D1D1)}.xv-checkbox.readonly .label{color:var(--text-primary, #333)}.xv-checkbox.disabled{cursor:not-allowed}.xv-checkbox.disabled .checkmark{border:1.4px solid var(--icon-disabled, #D1D1D1)}.xv-checkbox.disabled .label{color:var(--text-disabled, rgba(19, 19, 19, 0.25))}";
|
|
118
118
|
const XvCheckboxV2Style0 = xvCheckboxCss;
|
|
119
119
|
|
|
120
120
|
const XvCheckbox = class {
|
|
@@ -918,7 +918,7 @@ const XvTable = class {
|
|
|
918
918
|
};
|
|
919
919
|
XvTable.style = XvTableV2Style0;
|
|
920
920
|
|
|
921
|
-
const xvTableColCss = ":host{
|
|
921
|
+
const xvTableColCss = ":host{color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:14px;padding-left:var(--xv-table-padding, 16px);padding-right:var(--xv-table-padding, 16px);letter-spacing:0.16px;text-overflow:ellipsis;align-content:center;max-height:32px;height:32px;overflow:hidden}";
|
|
922
922
|
const XvTableV2ColStyle0 = xvTableColCss;
|
|
923
923
|
|
|
924
924
|
const XvTableCol = class {
|
|
@@ -1050,7 +1050,7 @@ const XvTableExpand = class {
|
|
|
1050
1050
|
};
|
|
1051
1051
|
XvTableExpand.style = XvTableV2ExpandStyle0;
|
|
1052
1052
|
|
|
1053
|
-
const xvTableHeaderRowCss = "@charset \"UTF-8\";:host{display:grid;align-items:center;background-color:var(--layer-accent-01, #F7F7F7);transition:height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:14px;font-weight:700;line-height:128.571%;letter-spacing:0.16px;grid-template-columns:var(--xv-table-first-col-size, 0) repeat(var(--xv-table-cols, 1), 1fr)}:host .left-container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 16px}:host([sortable]) ::slotted(xv-table-v2-col[sort]){cursor:pointer;position:relative}:host([sortable]) ::slotted(xv-table-v2-col[sort]):before,:host([sortable]) ::slotted(xv-table-v2-col[sort]):after{font-size:12px;line-height:10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:8px;pointer-events:none;transition:350ms ease-in-out opacity;opacity:0}:host([sortable]) ::slotted(xv-table-v2-col[sort]):before{content:\"▲\";top:50%;transform:translateY(calc(-50% - 5px))}:host([sortable]) ::slotted(xv-table-v2-col[sort])::after{content:\"▼\";top:50%;transform:translateY(calc(-50% + 5px))}:host([sortable]) ::slotted(xv-table-v2-col[sort]:hover),:host([sortable]) ::slotted(xv-table-v2-col[sort]:focus-within),:host([sortable]) ::slotted(xv-table-v2-col[sort=asc]),:host([sortable]) ::slotted(xv-table-v2-col[sort=desc]){background-color:var(--layer-accent-hover-01, #E3E3E3)}:host([sortable]) ::slotted(xv-table-v2-col[sort]:hover)::before,:host([sortable]) ::slotted(xv-table-v2-col[sort]:focus-within)::before{opacity:1}:host([sortable]) ::slotted(xv-table-v2-col[sort]:hover)::after,:host([sortable]) ::slotted(xv-table-v2-col[sort]:focus-within)::after{opacity:1}:host([sortable]) ::slotted(xv-table-v2-col[sort=asc])::before{opacity:1}:host([sortable]) ::slotted(xv-table-v2-col[sort=asc])::after{display:none}:host([sortable]) ::slotted(xv-table-v2-col[sort=desc])::before{display:none}:host([sortable]) ::slotted(xv-table-v2-col[sort=desc])::after{opacity:1}";
|
|
1053
|
+
const xvTableHeaderRowCss = "@charset \"UTF-8\";:host{display:grid;align-items:center;background-color:var(--layer-accent-01, #F7F7F7);transition:height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:14px;font-weight:700;line-height:128.571%;letter-spacing:0.16px;grid-template-columns:var(--xv-table-first-col-size, 0) repeat(var(--xv-table-cols, 1), 1fr)}:host .left-container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 16px}:host ::slotted(xv-table-v2-col){padding:var(--xv-table-padding, 16px);box-sizing:content-box !important}:host([sortable]) ::slotted(xv-table-v2-col[sort]){cursor:pointer;position:relative}:host([sortable]) ::slotted(xv-table-v2-col[sort]):before,:host([sortable]) ::slotted(xv-table-v2-col[sort]):after{font-size:12px;line-height:10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:8px;pointer-events:none;transition:350ms ease-in-out opacity;opacity:0}:host([sortable]) ::slotted(xv-table-v2-col[sort]):before{content:\"▲\";top:50%;transform:translateY(calc(-50% - 5px))}:host([sortable]) ::slotted(xv-table-v2-col[sort])::after{content:\"▼\";top:50%;transform:translateY(calc(-50% + 5px))}:host([sortable]) ::slotted(xv-table-v2-col[sort]:hover),:host([sortable]) ::slotted(xv-table-v2-col[sort]:focus-within),:host([sortable]) ::slotted(xv-table-v2-col[sort=asc]),:host([sortable]) ::slotted(xv-table-v2-col[sort=desc]){background-color:var(--layer-accent-hover-01, #E3E3E3)}:host([sortable]) ::slotted(xv-table-v2-col[sort]:hover)::before,:host([sortable]) ::slotted(xv-table-v2-col[sort]:focus-within)::before{opacity:1}:host([sortable]) ::slotted(xv-table-v2-col[sort]:hover)::after,:host([sortable]) ::slotted(xv-table-v2-col[sort]:focus-within)::after{opacity:1}:host([sortable]) ::slotted(xv-table-v2-col[sort=asc])::before{opacity:1}:host([sortable]) ::slotted(xv-table-v2-col[sort=asc])::after{display:none}:host([sortable]) ::slotted(xv-table-v2-col[sort=desc])::before{display:none}:host([sortable]) ::slotted(xv-table-v2-col[sort=desc])::after{opacity:1}";
|
|
1054
1054
|
const XvTableV2HeaderRowStyle0 = xvTableHeaderRowCss;
|
|
1055
1055
|
|
|
1056
1056
|
const XvTableHeaderRow = class {
|
|
@@ -1102,7 +1102,7 @@ const XvTableHeaderRow = class {
|
|
|
1102
1102
|
};
|
|
1103
1103
|
XvTableHeaderRow.style = XvTableV2HeaderRowStyle0;
|
|
1104
1104
|
|
|
1105
|
-
const xvTableRowCss = ":host(xv-table-v2-row){display:grid;align-items:center;transition:height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;background-color:var(--xv-table-row-bg-color);box-shadow:0 0 0 1px #E3E3E3 inset;grid-template-columns:var(--xv-table-first-col-size, 0) repeat(var(--xv-table-cols, 1), 1fr)}:host(xv-table-v2-row) .left-container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 16px}:host(xv-table-v2-row) .expand-btn{outline:none;background-color:transparent;display:block;margin:0 auto;border:solid var(--icon-primary, #131313);border-width:0 1px 1px 0;padding:3px;transform:rotate(45deg);cursor:pointer;transition:opacity 300ms ease-in-out, transform 200ms ease-in-out}:host(xv-table-v2-row) .expand-btn:active{opacity:0.5}:host(xv-table-v2-row) .expand-btn.expanded{margin-top:4px;transform:rotate(225deg)}:host([disabled]){opacity:0.4;pointer-events:none;cursor:not-allowed}:host([disabled]) ::slotted(xv-table-v2-col){cursor:not-allowed}";
|
|
1105
|
+
const xvTableRowCss = ":host(xv-table-v2-row){display:grid;align-items:center;transition:height 0.15s cubic-bezier(0.2, 0, 0.38, 0.9), padding 0.15s ease-in-out, background-color 0.2ms ease-in-out;background-color:var(--xv-table-row-bg-color);box-shadow:0 0 0 1px #E3E3E3 inset;padding-top:var(--xv-table-padding, 16px);padding-bottom:var(--xv-table-padding, 16px);grid-template-columns:var(--xv-table-first-col-size, 0) repeat(var(--xv-table-cols, 1), 1fr)}:host(xv-table-v2-row) .left-container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 16px}:host(xv-table-v2-row) .expand-btn{outline:none;background-color:transparent;display:block;margin:0 auto;border:solid var(--icon-primary, #131313);border-width:0 1px 1px 0;padding:3px;transform:rotate(45deg);cursor:pointer;transition:opacity 300ms ease-in-out, transform 200ms ease-in-out}:host(xv-table-v2-row) .expand-btn:active{opacity:0.5}:host(xv-table-v2-row) .expand-btn.expanded{margin-top:4px;transform:rotate(225deg)}:host([disabled]){opacity:0.4;pointer-events:none;cursor:not-allowed}:host([disabled]) ::slotted(xv-table-v2-col){cursor:not-allowed}";
|
|
1106
1106
|
const XvTableV2RowStyle0 = xvTableRowCss;
|
|
1107
1107
|
|
|
1108
1108
|
const XvTableRow = class {
|