xv-webcomponents 1.22.1 → 1.22.2-qa.0

package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.css

@@ -1,130 +1,3 @@
-.xv-container {
-  width: 100%;
-  max-width: 1170px;
-  margin-inline: auto;
-}
-@media (min-width: 576px) {
-  .xv-container {
-    max-width: 540px;
-  }
-}
-@media (min-width: 768px) {
-  .xv-container {
-    max-width: 720px;
-  }
-}
-@media (min-width: 992px) {
-  .xv-container {
-    max-width: 960px;
-    padding-inline: var(--bs-gutter-x, 0.75rem);
-  }
-}
-@media (min-width: 1200px) {
-  .xv-container {
-    max-width: 1140px;
-  }
-}
-@media (min-width: 1400px) {
-  .xv-container {
-    max-width: 1320px;
-  }
-}
-
-.xv-tooltip[role=tooltip] {
-  position: absolute;
-  background-color: var(--background-inverse, #333333);
-  color: var(--text-on-color);
-  padding: var(--spacing-03) var(--spacing-04);
-  border-radius: 3px;
-  font-size: var(--fz-sm);
-  z-index: 999;
-  min-width: min(150px, 90vw);
-  max-width: min(400px, 90vw);
-}
-.xv-tooltip[role=tooltip]::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
-  bottom: -5px;
-  left: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
-  bottom: -5px;
-  right: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
-  top: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
-  top: -5px;
-  left: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
-  top: -5px;
-  right: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
-  top: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
-  bottom: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
-  top: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
-  bottom: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-
 :host([collapsed]) {
   display: none;
 }

package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.js

@@ -15,7 +15,7 @@ export class XvDataTableCollapse {
         rows.forEach((row) => row === null || row === void 0 ? void 0 : row.setAttribute('collapsable', ''));
     }
     render() {
-        return (h(Host, { key: '855f6ef7ca66001aefcad04c5c4498c305b88ea8', id: this.el.id, part: "xv-collapse", class: this.el.className, collapsed: this.collapsed, expanded: !this.collapsed }, h("slot", { key: '2337058eec638c4f27f014a05e87849b12be4e99' })));
+        return (h(Host, { key: '8af939d58827a45227da4a1fe0633e0a3b71ae4b', id: this.el.id, part: "xv-collapse", class: this.el.className, collapsed: this.collapsed, expanded: !this.collapsed }, h("slot", { key: 'a85ddac7154a56db6b988cd5180b37bb63933703' })));
     }
     static get is() { return "xv-data-table-collapse"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.css

@@ -1,130 +1,3 @@
-.xv-container {
-  width: 100%;
-  max-width: 1170px;
-  margin-inline: auto;
-}
-@media (min-width: 576px) {
-  .xv-container {
-    max-width: 540px;
-  }
-}
-@media (min-width: 768px) {
-  .xv-container {
-    max-width: 720px;
-  }
-}
-@media (min-width: 992px) {
-  .xv-container {
-    max-width: 960px;
-    padding-inline: var(--bs-gutter-x, 0.75rem);
-  }
-}
-@media (min-width: 1200px) {
-  .xv-container {
-    max-width: 1140px;
-  }
-}
-@media (min-width: 1400px) {
-  .xv-container {
-    max-width: 1320px;
-  }
-}
-
-.xv-tooltip[role=tooltip] {
-  position: absolute;
-  background-color: var(--background-inverse, #333333);
-  color: var(--text-on-color);
-  padding: var(--spacing-03) var(--spacing-04);
-  border-radius: 3px;
-  font-size: var(--fz-sm);
-  z-index: 999;
-  min-width: min(150px, 90vw);
-  max-width: min(400px, 90vw);
-}
-.xv-tooltip[role=tooltip]::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
-  bottom: -5px;
-  left: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
-  bottom: -5px;
-  right: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
-  top: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
-  top: -5px;
-  left: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
-  top: -5px;
-  right: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
-  top: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
-  bottom: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
-  top: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
-  bottom: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-
 :host {
   display: table-row;
   background-color: var(--xv-data-table-row-bg, transparent);

package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.js

@@ -74,7 +74,7 @@ export class XvDataTableRow {
         const isGroup = !!this.collapse || !!this.group;
         const isDraggableRow = this.reorderable && !isHeader && !isFooter && !this.group;
         const showHandleCell = this.reorderable && this.reorderHandleMode === 'icon';
-        return (h(Host, { key: '373373acefd9af83de30333e5b113f390e2e6217', role: "row", part: "xv-row", class: {
+        return (h(Host, { key: 'd9bb6ddc1597a4904c951d7e7b1a38fcb0b5b2e8', role: "row", part: "xv-row", class: {
                 checked: this.checked,
                 hover: this.hover,
                 disabled: this.disabled,
@@ -82,7 +82,7 @@ export class XvDataTableRow {
                 header: isHeader,
                 footer: isFooter,
                 'reorder-row': isDraggableRow && this.reorderHandleMode === 'row',
-            } }, showHandleCell && (h("xv-data-table-cell", { key: '83b525965e82466c54118754217e672e0396eda3', width: "16px", class: "cell-control cell-control--drag" }, isDraggableRow && (h("span", { key: 'cee824eaa91f021ba60ecee5fb0ff8a85d753972', class: `cell-control_drag ${XV_ROW_DRAG_HANDLE_CLASS}`, "aria-label": "Drag to reorder" }, h("svg", { key: '3fc73eec2a1034d64e0994da564958dc48f67b43', viewBox: "0 0 8 14", width: "8", height: "14", fill: "currentColor", "aria-hidden": "true" }, h("circle", { key: 'e4a9a528e494a67d50073a3df5ea84ce362b5b42', cx: "2", cy: "2", r: "1.2" }), h("circle", { key: 'a6980f7e7d7a938d211d1da27ab46f643ce78e0b', cx: "6", cy: "2", r: "1.2" }), h("circle", { key: '2382f97b904f4aa49e0b31caebdbbda50873e63d', cx: "2", cy: "7", r: "1.2" }), h("circle", { key: 'ed741113a78560e3e7b8ade59527e7d15aacba80', cx: "6", cy: "7", r: "1.2" }), h("circle", { key: '7ea397ea58e5f79c98f81c675ee18c4842aa8011', cx: "2", cy: "12", r: "1.2" }), h("circle", { key: '950d8006bac3ff32f893d0e214984ad7a8a08cbd', cx: "6", cy: "12", r: "1.2" })))))), (!!this.variant || this.collapsable) && (h("xv-data-table-cell", { key: '236f7a4f3abd0dcc1a229962e78ea2cbd2877835', width: !!this.variant ? '16px' : '0', class: "cell-control" }, !!this.collapse && (h("button", { key: '16581137aafc05d90e97c3b1ba71d1f2ff23e9d9', class: { 'cell-control_collapse': true, open: !this.collapsed }, onClick: this.collapseClick })), this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: 'd7ec1732f4c73f44385c39317a3fd0060465ad14', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, readonly: this.readonly, required: this.required, onEventChange: this.checkedChangeHandle, class: "cell-control_checkbox" })))), h("slot", { key: '6ab432afa57d1df631872c51a0ece74a62f05a8f', onSlotchange: this.setInitialState })));
+            } }, showHandleCell && (h("xv-data-table-cell", { key: '31047dc1b9eb9ad0f53a734f34934248dd24953a', width: "16px", class: "cell-control cell-control--drag" }, isDraggableRow && (h("span", { key: '4eb1a2363ccc46146e41e72c70475456492900de', class: `cell-control_drag ${XV_ROW_DRAG_HANDLE_CLASS}`, "aria-label": "Drag to reorder" }, h("svg", { key: '3a7c0a9c948092b378e24938cbbceed3b6a8dd89', viewBox: "0 0 8 14", width: "8", height: "14", fill: "currentColor", "aria-hidden": "true" }, h("circle", { key: '3227502198d59b9eeee42a532178da2198fb9a37', cx: "2", cy: "2", r: "1.2" }), h("circle", { key: '167b75f4623a83cf510bc371d67f7a7f1a54a7fa', cx: "6", cy: "2", r: "1.2" }), h("circle", { key: 'c14fa5cdef879c2595454568912bb45c37404d1f', cx: "2", cy: "7", r: "1.2" }), h("circle", { key: '8f08a6edb2665bb214293ae3f9a32269d0a926ec', cx: "6", cy: "7", r: "1.2" }), h("circle", { key: 'dadcbaf93e4c9215fefbe766a320a3eecf71e964', cx: "2", cy: "12", r: "1.2" }), h("circle", { key: '04ffe62ba13cf1799c6ad05908dcc94c3e6eaefb', cx: "6", cy: "12", r: "1.2" })))))), (!!this.variant || this.collapsable) && (h("xv-data-table-cell", { key: 'e972b33cf8b9d7406967a94b9a5c0e00e547c44e', width: !!this.variant ? '16px' : '0', class: "cell-control" }, !!this.collapse && (h("button", { key: 'c7e0ae5898d059d134201f22b18ff0e278e36842', class: { 'cell-control_collapse': true, open: !this.collapsed }, onClick: this.collapseClick })), this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: 'ae49a7926b6225240a27e64137bdc17f5960af0c', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, readonly: this.readonly, required: this.required, onEventChange: this.checkedChangeHandle, class: "cell-control_checkbox" })))), h("slot", { key: 'ee569da095e277efab04ce534ab1c66cf421bafa', onSlotchange: this.setInitialState })));
     }
     static get is() { return "xv-data-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-data-table/xv-data-table.css

@@ -1,130 +1,3 @@
-.xv-container {
-  width: 100%;
-  max-width: 1170px;
-  margin-inline: auto;
-}
-@media (min-width: 576px) {
-  .xv-container {
-    max-width: 540px;
-  }
-}
-@media (min-width: 768px) {
-  .xv-container {
-    max-width: 720px;
-  }
-}
-@media (min-width: 992px) {
-  .xv-container {
-    max-width: 960px;
-    padding-inline: var(--bs-gutter-x, 0.75rem);
-  }
-}
-@media (min-width: 1200px) {
-  .xv-container {
-    max-width: 1140px;
-  }
-}
-@media (min-width: 1400px) {
-  .xv-container {
-    max-width: 1320px;
-  }
-}
-
-.xv-tooltip[role=tooltip] {
-  position: absolute;
-  background-color: var(--background-inverse, #333333);
-  color: var(--text-on-color);
-  padding: var(--spacing-03) var(--spacing-04);
-  border-radius: 3px;
-  font-size: var(--fz-sm);
-  z-index: 999;
-  min-width: min(150px, 90vw);
-  max-width: min(400px, 90vw);
-}
-.xv-tooltip[role=tooltip]::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
-  bottom: -5px;
-  left: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
-  bottom: -5px;
-  right: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
-  top: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
-  top: -5px;
-  left: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
-  top: -5px;
-  right: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
-  top: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
-  bottom: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
-  top: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
-  bottom: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-
 :host {
   --xv-data-table-min-height: 51.11px;
   --xv-data-table-border-width: 1px;

package/dist/collection/components/xv-data-table/xv-data-table.js

@@ -104,7 +104,7 @@ export class XvDataTable {
         this.initSortable();
     }
     render() {
-        return (h(Host, { key: '9bfdf5a7608cd53743e79f71c1d64e3bc9b494ea', class: "xv-data-table" }, h("caption", { key: 'f3e7c40d0a89ef38c142ddb914652bb4ba690351' }, h("slot", { key: '16a25ea4df7e58fb7092314a8fa99bb683093aee', name: "title" })), h("div", { key: '16c283141a44ee147e0d5d7d3ba97748bb9cd3b4', class: "bar" }, h("div", { key: '79aaa8aa765a4607ba8280870d1b2c9676949711', class: "bar_batch" }, h("slot", { key: '31a69635f2eff40282fae73e97589ce97d46c7fa', name: "batch" })), h("div", { key: 'cb4ce2e11bc511737c48165464827656d7a72589', class: "bar_toolbar" }, h("slot", { key: 'ef48a443241b8c4175a2c56b692e8aac33c4e2f6', name: "toolbar" }))), h("table", { key: '632139c3e130422d4612810afd643c2dc3aa45b0', role: "table" }, this.columnWidths.length > 0 && (h("colgroup", { key: 'd90e13684bb2cb7c017c91848105f1bf42747326' }, this.columnWidths.map((width = 'auto') => h("col", { style: { width } })))), h("thead", { key: '1b06590f01a8e54c37dd443e47fd08a89e134570' }, h("slot", { key: 'eb6e14c86b57e93b8ded7e7a0c11b591c6110df8', name: "header" })), h("tbody", { key: '6e1a268ff840ab451f40c481c5e44f8b143ce38a' }, h("slot", { key: 'ee3db294cffd71778083bbaf6cbb6963098448d4' })), h("tfoot", { key: 'b17b1cbcc2ade5f4a8ee68212ef5420bf11061bd' }, h("slot", { key: 'acbf2ff04a4ecc77104210eaa42ef80597a8ff2a', name: "footer" }))), !!this.loading && (h("div", { key: '5a4b730b4feaded1a2faeea351d9993337e144a8', class: "loading" }, h("xv-loader-v2", { key: '48b115063b7f6a1ead7461b0bc92c2dfacb38690', size: SIZE_VAR.LG })))));
+        return (h(Host, { key: '570fd2eb4b0144b9102b96195c797eb02c472455', class: "xv-data-table" }, h("caption", { key: '7bbd19ed3c51fc900999cdde45ce333676a0ccf2' }, h("slot", { key: 'e8bc08a4908449f492442979ba4ea894d7629988', name: "title" })), h("div", { key: '6afa75966f280bc433bbb8e6d7f6c4241be8d37e', class: "bar" }, h("div", { key: '1646ccaaf4391042026d7d9542d86dbf9a9d1138', class: "bar_batch" }, h("slot", { key: 'c0c1772e536561a6c8f32e3796b78171ec8f8504', name: "batch" })), h("div", { key: 'f21d76f5c6ae57fc8cc53e5da9b83385ceb9926d', class: "bar_toolbar" }, h("slot", { key: '83e885cdf49d9fae16f6d295df096e74fa120bd3', name: "toolbar" }))), h("table", { key: 'fb0979ed7443b340ea1c1c376f1efc189be03b4d', role: "table" }, this.columnWidths.length > 0 && (h("colgroup", { key: '1a3885fd837a7e34bf25e34e7c606d7ea6bc9afe' }, this.columnWidths.map((width = 'auto') => h("col", { style: { width } })))), h("thead", { key: '0fa1dec18a894ec1ff4da2c60aca5bf33f5949df' }, h("slot", { key: '6711a45920494a39934ef524fb0b8022fde77ec2', name: "header" })), h("tbody", { key: '46a2488485441766ba0d3e5a149a0b05a67d3756' }, h("slot", { key: '6f60c1fe6a076cc6750e7abad9e4b1a643bd1d6c' })), h("tfoot", { key: '6f2a17a4ade1a65cb7dd3ecfb15f91b7bd0f16bb' }, h("slot", { key: 'efd3e17fc926009f8dcaa273618f5f9168451b5d', name: "footer" }))), !!this.loading && (h("div", { key: 'bb8f79de1e43a5c4fe66d9f1c3c8bf54ffa441cf', class: "loading" }, h("xv-loader-v2", { key: 'a89466627f436e46e07cca56fbefda0c13d3781c', size: SIZE_VAR.LG })))));
     }
     static get is() { return "xv-data-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-datepicker/xv-datepicker.css

@@ -1,131 +1,4 @@
 @charset "UTF-8";
-.xv-container {
-  width: 100%;
-  max-width: 1170px;
-  margin-inline: auto;
-}
-@media (min-width: 576px) {
-  .xv-container {
-    max-width: 540px;
-  }
-}
-@media (min-width: 768px) {
-  .xv-container {
-    max-width: 720px;
-  }
-}
-@media (min-width: 992px) {
-  .xv-container {
-    max-width: 960px;
-    padding-inline: var(--bs-gutter-x, 0.75rem);
-  }
-}
-@media (min-width: 1200px) {
-  .xv-container {
-    max-width: 1140px;
-  }
-}
-@media (min-width: 1400px) {
-  .xv-container {
-    max-width: 1320px;
-  }
-}
-
-.xv-tooltip[role=tooltip] {
-  position: absolute;
-  background-color: var(--background-inverse, #333333);
-  color: var(--text-on-color);
-  padding: var(--spacing-03) var(--spacing-04);
-  border-radius: 3px;
-  font-size: var(--fz-sm);
-  z-index: 999;
-  min-width: min(150px, 90vw);
-  max-width: min(400px, 90vw);
-}
-.xv-tooltip[role=tooltip]::after {
-  content: "";
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
-  bottom: -5px;
-  left: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
-  bottom: -5px;
-  right: 12px;
-  border-width: 5px 5px 0 5px;
-  border-color: var(--background-inverse, black) transparent transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
-  top: -5px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
-  top: -5px;
-  left: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
-  top: -5px;
-  right: 12px;
-  border-width: 0 5px 5px 5px;
-  border-color: transparent transparent var(--background-inverse, black) transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
-  top: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
-  bottom: 12px;
-  right: -5px;
-  border-width: 5px 0 5px 5px;
-  border-color: transparent transparent transparent var(--background-inverse, black);
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%);
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
-  top: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
-  bottom: 12px;
-  left: -5px;
-  border-width: 5px 5px 5px 0;
-  border-color: transparent var(--background-inverse, black) transparent transparent;
-}
-
 :host {
   --xv-datepicker-padding: var(--spacing-04);
   --xv-datepicker-fields-direction: row;