ids-enterprise-wc 1.0.0-beta.10 → 1.0.0-beta.11

package/components/ids-line-chart/ids-line-chart.css

@@ -1,388 +0,0 @@
-/* Ids Line Chart Component */ /* Ids Axis Chart Component */
-.chart-legend {
-  display: flex;
-  padding-inline-start: 8px;
-  flex-direction: row;
-  margin-top: -4px;
-  justify-content: flex-start;
-  width: inherit;
-}
-.chart-legend a {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  align-items: center;
-  border: 1px solid transparent;
-  display: flex;
-  font-family: var(--ids-font-family);
-  font-size: var(--ids-chart-legend-text-size);
-  color: var(--ids-chart-legend-text-color);
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
-  padding-block-start: 2px;
-  padding-block-end: 2px;
-  text-decoration: none;
-}
-.chart-legend a:focus {
-  outline: none;
-  border-color: var(--ids-focus-border-color);
-  box-shadow: var(--ids-focus-box-shadow);
-}
-.chart-legend .swatch {
-  display: inline-flex;
-  margin-inline-end: 8px;
-  height: 12px;
-  width: 12px;
-}
-.chart-legend .swatch.color-1 {
-  background-color: var(--ids-chart-color-1);
-}
-.chart-legend .swatch.color-2 {
-  background-color: var(--ids-chart-color-2);
-}
-.chart-legend .swatch.color-3 {
-  background-color: var(--ids-chart-color-3);
-}
-.chart-legend .swatch.color-4 {
-  background-color: var(--ids-chart-color-4);
-}
-.chart-legend .swatch.color-5 {
-  background-color: var(--ids-chart-color-5);
-}
-.chart-legend .swatch.color-6 {
-  background-color: var(--ids-chart-color-6);
-}
-.chart-legend .swatch.color-7 {
-  background-color: var(--ids-chart-color-7);
-}
-.chart-legend .swatch.color-8 {
-  background-color: var(--ids-chart-color-8);
-}
-.chart-legend .swatch.color-9 {
-  background-color: var(--ids-chart-color-9);
-}
-.chart-legend .swatch.color-10 {
-  background-color: var(--ids-chart-color-10);
-}
-.chart-legend .swatch.color-11 {
-  background-color: var(--ids-chart-color-11);
-}
-.chart-legend .swatch.color-12 {
-  background-color: var(--ids-chart-color-12);
-}
-.chart-legend .swatch.color-13 {
-  background-color: var(--ids-chart-color-13);
-}
-.chart-legend .swatch.color-14 {
-  background-color: var(--ids-chart-color-14);
-}
-.chart-legend .swatch.color-15 {
-  background-color: var(--ids-chart-color-15);
-}
-.chart-legend .swatch.color-16 {
-  background-color: var(--ids-chart-color-16);
-}
-.chart-legend .swatch.color-17 {
-  background-color: var(--ids-chart-color-17);
-}
-.chart-legend .swatch.color-18 {
-  background-color: var(--ids-chart-color-18);
-}
-.chart-legend .swatch.color-19 {
-  background-color: var(--ids-chart-color-19);
-}
-.chart-legend .swatch.color-20 {
-  background-color: var(--ids-chart-color-20);
-}
-.chart-legend .swatch.color-21 {
-  background-color: var(--ids-chart-color-21);
-}
-
-.ids-chart-container {
-  display: flex;
-  flex-direction: column;
-}
-.ids-chart-container.legend-top {
-  margin-block-end: 8px;
-  flex-direction: column-reverse;
-}
-.ids-chart-container.legend-top .chart-legend {
-  margin-inline-start: 0;
-  justify-content: end;
-}
-.ids-chart-container.legend-right, .ids-chart-container.legend-left {
-  flex-direction: row;
-}
-.ids-chart-container.legend-right .chart-legend, .ids-chart-container.legend-left .chart-legend {
-  margin-inline-start: 0;
-  flex-direction: column;
-  justify-content: center;
-}
-.ids-chart-container.legend-right .chart-legend a, .ids-chart-container.legend-left .chart-legend a {
-  margin-block-end: 8px;
-  width: max-content;
-}
-.ids-chart-container.legend-left {
-  flex-direction: row-reverse;
-}
-
-.ids-axis-chart {
-  display: flex;
-  border-color: var(--ids-axis-chart-border-color);
-}
-.ids-axis-chart.hidden {
-  display: none;
-}
-.ids-axis-chart .grid {
-  shape-rendering: crispedges;
-  stroke: var(--ids-axis-chart-grid-stroke);
-  stroke-width: 1;
-  stroke-dasharray: 2 2;
-}
-.ids-axis-chart .grid.horizontal-lines line:last-child {
-  stroke: var(--ids-axis-chart-last-line-stroke);
-  stroke-dasharray: none;
-}
-.ids-axis-chart .grid.hidden {
-  stroke-width: 0;
-}
-.ids-axis-chart.horizontal .grid.horizontal-lines line:last-child {
-  stroke: inherit;
-  stroke-dasharray: inherit;
-}
-.ids-axis-chart.horizontal .grid.vertical-lines line:first-child {
-  stroke: var(--ids-axis-chart-first-line-stroke);
-  stroke-dasharray: none;
-}
-.ids-axis-chart g[tabindex="0"]:focus {
-  outline: var(--ids-axis-chart-focus-group-outline);
-}
-.ids-axis-chart .labels {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-axis-chart-label-font-family);
-  font-size: var(--ids-axis-chart-label-font-size);
-}
-.ids-axis-chart .labels text {
-  fill: var(--ids-axis-chart-label-text-fill);
-}
-.ids-axis-chart .labels.x-labels {
-  text-anchor: middle;
-}
-.ids-axis-chart .labels.y-labels {
-  text-anchor: end;
-}
-.ids-axis-chart .labels.axis-labels text {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-weight: var(--ids-axis-chart-label-axis-text-font-weight);
-  text-anchor: middle;
-}
-.ids-axis-chart .audible {
-  opacity: 0;
-}
-
-.ids-chart-container.selectable .audible {
-  font-size: 1px;
-}
-
-ids-empty-message:not([hidden]),
-::slotted(ids-empty-message:not([hidden])) {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-}
-ids-empty-message:not([hidden])[hidden],
-::slotted(ids-empty-message:not([hidden]))[hidden] {
-  display: none;
-}
-
-.tooltip-center {
-  margin-block: var(--ids-spacing-md);
-  text-align: center;
-}
-
-.tooltip.chart-legend {
-  flex-direction: column;
-  margin-block-end: var(--ids-spacing-lg);
-  padding: 0;
-}
-.tooltip.chart-legend .swatch {
-  margin-inline: var(--ids-spacing-md);
-  padding: 0;
-}
-
-.tooltip-row span {
-  padding-inline-start: var(--ids-spacing-sm);
-  padding-inline-end: var(--ids-spacing-md);
-}
-
-:host([dir=rtl]) .ids-axis-chart {
-  transform: scale(-1, 1);
-}
-:host([dir=rtl]) .ids-axis-chart:not(.horizontal) .labels.y-labels text {
-  transform: scale(-1, 1) translate(var(--ids-axis-chart-ylabels-x, -45px), 0);
-}
-:host([dir=rtl]) .labels.x-labels {
-  transform: scale(-1, 1);
-  transform-origin: unset;
-}
-
-.ids-axis-chart .markers circle {
-  stroke-width: var(--ids-spacing-lg);
-  stroke: transparent;
-}
-.ids-axis-chart .markers circle.color-1 {
-  fill: var(--ids-chart-color-1);
-}
-.ids-axis-chart .markers circle.color-2 {
-  fill: var(--ids-chart-color-2);
-}
-.ids-axis-chart .markers circle.color-3 {
-  fill: var(--ids-chart-color-3);
-}
-.ids-axis-chart .markers circle.color-4 {
-  fill: var(--ids-chart-color-4);
-}
-.ids-axis-chart .markers circle.color-5 {
-  fill: var(--ids-chart-color-5);
-}
-.ids-axis-chart .markers circle.color-6 {
-  fill: var(--ids-chart-color-6);
-}
-.ids-axis-chart .markers circle.color-7 {
-  fill: var(--ids-chart-color-7);
-}
-.ids-axis-chart .markers circle.color-8 {
-  fill: var(--ids-chart-color-8);
-}
-.ids-axis-chart .markers circle.color-9 {
-  fill: var(--ids-chart-color-9);
-}
-.ids-axis-chart .markers circle.color-10 {
-  fill: var(--ids-chart-color-10);
-}
-.ids-axis-chart .markers circle.color-11 {
-  fill: var(--ids-chart-color-11);
-}
-.ids-axis-chart .markers circle.color-12 {
-  fill: var(--ids-chart-color-12);
-}
-.ids-axis-chart .markers circle.color-13 {
-  fill: var(--ids-chart-color-13);
-}
-.ids-axis-chart .markers circle.color-14 {
-  fill: var(--ids-chart-color-14);
-}
-.ids-axis-chart .markers circle.color-15 {
-  fill: var(--ids-chart-color-15);
-}
-.ids-axis-chart .markers circle.color-16 {
-  fill: var(--ids-chart-color-16);
-}
-.ids-axis-chart .markers circle.color-17 {
-  fill: var(--ids-chart-color-17);
-}
-.ids-axis-chart .markers circle.color-18 {
-  fill: var(--ids-chart-color-18);
-}
-.ids-axis-chart .markers circle.color-19 {
-  fill: var(--ids-chart-color-19);
-}
-.ids-axis-chart .markers circle.color-20 {
-  fill: var(--ids-chart-color-20);
-}
-.ids-axis-chart .markers circle.color-21 {
-  fill: var(--ids-chart-color-21);
-}
-.ids-axis-chart .marker-lines {
-  fill: none;
-  stroke-width: var(--ids-spacing-sm);
-}
-.ids-axis-chart .marker-lines .data-line.color-1 {
-  stroke: var(--ids-chart-color-1);
-}
-.ids-axis-chart .marker-lines .data-line.color-2 {
-  stroke: var(--ids-chart-color-2);
-}
-.ids-axis-chart .marker-lines .data-line.color-3 {
-  stroke: var(--ids-chart-color-3);
-}
-.ids-axis-chart .marker-lines .data-line.color-4 {
-  stroke: var(--ids-chart-color-4);
-}
-.ids-axis-chart .marker-lines .data-line.color-5 {
-  stroke: var(--ids-chart-color-5);
-}
-.ids-axis-chart .marker-lines .data-line.color-6 {
-  stroke: var(--ids-chart-color-6);
-}
-.ids-axis-chart .marker-lines .data-line.color-7 {
-  stroke: var(--ids-chart-color-7);
-}
-.ids-axis-chart .marker-lines .data-line.color-8 {
-  stroke: var(--ids-chart-color-8);
-}
-.ids-axis-chart .marker-lines .data-line.color-9 {
-  stroke: var(--ids-chart-color-9);
-}
-.ids-axis-chart .marker-lines .data-line.color-10 {
-  stroke: var(--ids-chart-color-10);
-}
-.ids-axis-chart .marker-lines .data-line.color-11 {
-  stroke: var(--ids-chart-color-11);
-}
-.ids-axis-chart .marker-lines .data-line.color-12 {
-  stroke: var(--ids-chart-color-12);
-}
-.ids-axis-chart .marker-lines .data-line.color-13 {
-  stroke: var(--ids-chart-color-13);
-}
-.ids-axis-chart .marker-lines .data-line.color-14 {
-  stroke: var(--ids-chart-color-14);
-}
-.ids-axis-chart .marker-lines .data-line.color-15 {
-  stroke: var(--ids-chart-color-15);
-}
-.ids-axis-chart .marker-lines .data-line.color-16 {
-  stroke: var(--ids-chart-color-16);
-}
-.ids-axis-chart .marker-lines .data-line.color-17 {
-  stroke: var(--ids-chart-color-17);
-}
-.ids-axis-chart .marker-lines .data-line.color-18 {
-  stroke: var(--ids-chart-color-18);
-}
-.ids-axis-chart .marker-lines .data-line.color-19 {
-  stroke: var(--ids-chart-color-19);
-}
-.ids-axis-chart .marker-lines .data-line.color-20 {
-  stroke: var(--ids-chart-color-20);
-}
-.ids-axis-chart .marker-lines .data-line.color-21 {
-  stroke: var(--ids-chart-color-21);
-}
-.ids-axis-chart .markers [part=marker],
-.ids-axis-chart .marker-lines [part=line] {
-  outline: none;
-}
-
-.ids-chart-container.selectable .ids-axis-chart .markers [part=marker],
-.ids-chart-container.selectable .ids-axis-chart .marker-lines [part=line] {
-  cursor: var(--ids-cursor-pointer);
-}
-.ids-chart-container.selectable .ids-axis-chart .markers [part=marker].selected, .ids-chart-container.selectable .ids-axis-chart .markers [part=marker][selected],
-.ids-chart-container.selectable .ids-axis-chart .marker-lines [part=line].selected,
-.ids-chart-container.selectable .ids-axis-chart .marker-lines [part=line][selected] {
-  opacity: 1;
-}
-.ids-chart-container.selectable .ids-axis-chart .markers [part=marker].not-selected,
-.ids-chart-container.selectable .ids-axis-chart .marker-lines [part=line].not-selected {
-  opacity: 0.35;
-}
-
-@keyframes animate-line {
-  to {
-    stroke-dashoffset: 0;
-  }
-}

package/components/ids-list-box/ids-list-box.css

@@ -1,63 +0,0 @@
-/* Ids Dropdown List Component */
-:root {
-  display: block;
-  overflow-x: hidden;
-  overflow-y: auto;
-  max-height: var(--ids-input-width-md);
-  scroll-behavior: smooth;
-  min-width: calc(var(--ids-input-width-xs) - 2px);
-  max-width: calc(var(--ids-input-width-md) - 2px);
-  width: var(--ids-input-width-full);
-}
-
-:host([size=xs]),
-:host([size=xs]) ::slotted(ids-list-box-option) {
-  max-width: calc(var(--ids-input-width-xs) - 2px);
-}
-
-:host([size=sm]),
-:host([size=sm]) ::slotted(ids-list-box-option) {
-  max-width: calc(var(--ids-input-width-sm) - 2px);
-}
-
-:host([size=md]),
-:host([size=md]) ::slotted(ids-list-box-option) {
-  max-width: calc(var(--ids-input-width-md) - 2px);
-}
-
-:host([size=mm]),
-:host([size=mm]) ::slotted(ids-list-box-option) {
-  max-width: calc(var(--ids-input-width-mm) - 2px);
-}
-
-:host([size=lg]),
-:host([size=lg]) ::slotted(ids-list-box-option) {
-  max-width: calc(var(--ids-input-width-lg) - 2px);
-}
-
-:host([size=full]),
-:host([size=full]) ::slotted(ids-list-box-option) {
-  max-width: var(--ids-input-width-full);
-}
-
-:host([compact]) ::slotted(ids-list-box-option),
-:host([field-height=xs]) ::slotted(ids-list-box-option) {
-  font-size: var(--ids-dropdown-font-size);
-  min-height: calc(var(--ids-input-height-xs) - 2px);
-  line-height: calc(var(--ids-input-height-xs) - 2px);
-}
-
-:host([field-height=sm]) ::slotted(ids-list-box-option) {
-  min-height: calc(var(--ids-input-height-sm) - 2px);
-  line-height: calc(var(--ids-input-height-sm) - 2px);
-}
-
-:host([field-height=md]) ::slotted(ids-list-box-option) {
-  min-height: calc(var(--ids-input-height-md) - 2px);
-  line-height: calc(var(--ids-input-height-md) - 2px);
-}
-
-:host([field-height=lg]) ::slotted(ids-list-box-option) {
-  min-height: calc(var(--ids-input-height-lg) - 2px);
-  line-height: calc(var(--ids-input-height-lg) - 2px);
-}

package/components/ids-list-builder/ids-list-builder.css

@@ -1,50 +0,0 @@
-.ids-list-builder {
-  display: flex;
-  flex-direction: column;
-  border: var(--ids-list-builder-border);
-  border-radius: var(--ids-list-builder-border-radius);
-}
-.ids-list-builder .ids-list-view-body div[part=list-item].is-editing > ids-text,
-.ids-list-builder .ids-list-view-body .list-item-content.is-editing > ids-text {
-  display: none;
-}
-.ids-list-builder .ids-list-view {
-  overflow: auto;
-  position: relative;
-}
-.ids-list-builder .ids-list-view ids-input::part(input) {
-  background-color: var(--ids-list-builder-input-background-color);
-  border-width: var(--ids-list-builder-input-border-width);
-  height: var(--ids-list-builder-input-height);
-  padding: var(--ids-list-builder-input-padding);
-}
-.ids-list-builder .ids-list-view ids-input::part(field-container) {
-  max-width: 98%;
-}
-.ids-list-builder .ids-list-view div[part=list-item] {
-  border: var(--ids-list-builder-item-border);
-  padding: var(--ids-list-builder-item-padding);
-  min-height: var(--ids-list-builder-item-min-height);
-  height: var(--ids-list-builder-item-height);
-  list-style-type: none;
-  box-sizing: border-box;
-  cursor: pointer;
-  position: relative;
-  width: 100%;
-}
-.ids-list-builder .ids-list-view div[part=list-item]:hover span::after {
-  position: absolute;
-  left: 0;
-  transform: translate(100%, -8%);
-  font-size: var(--ids-list-builder-item-drag-handle-font-size);
-  content: var(--ids-list-builder-item-drag-handle-content);
-  cursor: var(--ids-list-builder-item-drag-handle-cursor);
-}
-.ids-list-builder .ids-list-view div[part=list-item] ids-text::part(text) {
-  display: inline;
-  user-select: none;
-}
-.ids-list-builder .ids-list-view div[part=list-item].placeholder {
-  background-color: var(--ids-list-builder-item-placeholder-background-color);
-  opacity: var(--ids-list-builder-item-placeholder-opacity);
-}

package/components/ids-list-view/ids-list-view.css

@@ -1,122 +0,0 @@
-:host([selectable]) .ids-list-view .ids-list-view-body div[part=list-item],
-:host([selectable]) .ids-list-view .ids-list-view-body li {
-  cursor: var(--ids-cursor-pointer);
-}
-
-:host([no-margins]) .ids-list-view .ids-list-view-body div[part=list-item]:first-child,
-:host([no-margins]) .ids-list-view .ids-list-view-body li:first-child {
-  margin-block-start: var(--ids-spacing-none);
-}
-
-.ids-list-view {
-  height: 100%;
-  overflow: auto;
-  scroll-behavior: smooth;
-  position: relative;
-}
-.ids-list-view .ids-list-view-body {
-  margin: 0;
-  padding: 0;
-}
-.ids-list-view .ids-list-view-body:focus {
-  border-color: var(--ids-list-view-focus-border-color);
-}
-.ids-list-view .ids-list-view-body div[part=list-item],
-.ids-list-view .ids-list-view-body li {
-  background-color: var(--ids-list-view-item-background-color);
-  border: var(--ids-list-view-item-border);
-  border-top-color: var(--ids-list-view-item-border-top-color);
-  contain: content;
-  list-style-type: none;
-  padding: var(--ids-list-view-item-padding);
-}
-.ids-list-view .ids-list-view-body div[part=list-item]:first-child,
-.ids-list-view .ids-list-view-body li:first-child {
-  margin-block-start: var(--ids-spacing-sm);
-}
-.ids-list-view .ids-list-view-body div[part=list-item]:focus,
-.ids-list-view .ids-list-view-body li:focus {
-  border-color: var(--ids-list-view-item-focus-border-color);
-  box-shadow: var(--ids-list-view-item-focus-box-shadow);
-  outline: var(--ids-list-view-item-focus-outline);
-}
-.ids-list-view .ids-list-view-body div[part=list-item]:focus + div[part=list-item],
-.ids-list-view .ids-list-view-body li:focus + div[part=list-item] {
-  border-top-color: transparent;
-}
-.ids-list-view .ids-list-view-body div[part=list-item].sortable,
-.ids-list-view .ids-list-view-body li.sortable {
-  background-color: transparent;
-  border: none;
-  cursor: inherit;
-}
-.ids-list-view .ids-list-view-body div[part=list-item].sortable:first-child,
-.ids-list-view .ids-list-view-body li.sortable:first-child {
-  margin-block-start: var(--ids-spacing-none);
-}
-.ids-list-view .ids-list-view-body div[part=list-item][disabled],
-.ids-list-view .ids-list-view-body li[disabled] {
-  color: var(--ids-list-view-item-disabled-text-color);
-  cursor: var(--ids-cursor-default);
-  pointer-events: none;
-  user-select: none;
-}
-.ids-list-view .ids-list-view-body div[part=list-item][disabled]:focus,
-.ids-list-view .ids-list-view-body li[disabled]:focus {
-  border-color: var(--ids-list-view-item-disabled-focus-border-color);
-  border-top-color: var(--ids-list-view-item-disabled-focus-border-top-color);
-  box-shadow: var(--ids-list-view-item-disabled-focus-box-shadow);
-}
-.ids-list-view .ids-list-view-body div[part=list-item][disabled] ids-badge::part(badge),
-.ids-list-view .ids-list-view-body li[disabled] ids-badge::part(badge) {
-  background-color: var(--ids-list-view-item-disabled-badge-background-color);
-  border-color: var(--ids-list-view-item-disabled-badge-border-color);
-  color: var(--ids-list-view-item-disabled-badge-text-color);
-}
-.ids-list-view .ids-list-view-body div[part=list-item][disabled] ids-hyperlink::part(link),
-.ids-list-view .ids-list-view-body li[disabled] ids-hyperlink::part(link) {
-  color: var(--ids-list-view-item-disabled-link-text-color);
-}
-.ids-list-view .ids-list-view-body div[part=list-item][disabled] ids-image,
-.ids-list-view .ids-list-view-body li[disabled] ids-image {
-  opacity: var(--ids-list-view-item-disabled-image-opacity);
-}
-.ids-list-view.has-searchfield .ids-list-view-body div[part=list-item]:first-child,
-.ids-list-view.has-searchfield .ids-list-view-body li:first-child {
-  margin-block-start: var(--ids-spacing-none);
-}
-.ids-list-view.selectable-single .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable):hover, .ids-list-view.selectable-single .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[activated], .ids-list-view.selectable-single .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]),
-.ids-list-view.selectable-single .ids-list-view-body li:not([disabled]):not(.sortable):hover,
-.ids-list-view.selectable-single .ids-list-view-body li:not([disabled]):not(.sortable)[activated],
-.ids-list-view.selectable-single .ids-list-view-body li:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]), .ids-list-view.selectable-multiple .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable):hover, .ids-list-view.selectable-multiple .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[activated], .ids-list-view.selectable-multiple .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]),
-.ids-list-view.selectable-multiple .ids-list-view-body li:not([disabled]):not(.sortable):hover,
-.ids-list-view.selectable-multiple .ids-list-view-body li:not([disabled]):not(.sortable)[activated],
-.ids-list-view.selectable-multiple .ids-list-view-body li:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]), .ids-list-view.selectable-mixed .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable):hover, .ids-list-view.selectable-mixed .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[activated], .ids-list-view.selectable-mixed .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]),
-.ids-list-view.selectable-mixed .ids-list-view-body li:not([disabled]):not(.sortable):hover,
-.ids-list-view.selectable-mixed .ids-list-view-body li:not([disabled]):not(.sortable)[activated],
-.ids-list-view.selectable-mixed .ids-list-view-body li:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]) {
-  background-color: var(--ids-list-view-selectable-item-selected-background-color);
-}
-.ids-list-view.selectable-multiple .list-item-area, .ids-list-view.selectable-mixed .list-item-area {
-  display: flex;
-  align-items: center;
-}
-.ids-list-view.selectable-multiple .list-item-area .list-item-checkbox, .ids-list-view.selectable-mixed .list-item-area .list-item-checkbox {
-  padding-inline-end: var(--ids-spacing-3xl);
-  flex-grow: 0;
-  flex-shrink: 0;
-  max-height: var(--ids-spacing-xxl);
-  max-width: var(--ids-spacing-xxl);
-}
-.ids-list-view.selectable-multiple .list-item-area .list-item-checkbox[disabled]::part(checkmark), .ids-list-view.selectable-mixed .list-item-area .list-item-checkbox[disabled]::part(checkmark) {
-  background-color: transparent;
-}
-
-ids-swappable-item {
-  border: 1px solid transparent;
-  border-bottom-color: var(--ids-color-neutral-20);
-}
-
-ids-swappable-item[over] {
-  border: 1px dashed var(--ids-color-neutral-80);
-}