@knime/kds-components 0.26.0 → 0.26.1

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.
Files changed (5) hide show
  1. package/dist/index.css +76 -76
  2. package/dist/index.js +2 -2
  3. package/dist/index.js.map +1 -1
  4. package/dist/src/containers/PreviewList/KdsPreviewList/KdsPreviewList.vue.d.ts.map +1 -1
  5. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -1339,100 +1339,100 @@ html.kds-legacy {
1339
1339
  padding: 0;
1340
1340
  }
1341
1341
 
1342
- .kds-preview-list[data-v-192cd67d] {
1342
+ .kds-preview-list {
1343
+ &[data-v-a11103f6] {
1343
1344
  display: flex;
1344
1345
  flex-direction: column;
1345
1346
  background: var(--kds-color-surface-muted);
1346
1347
  border-radius: var(--kds-border-radius-container-0-37x);
1347
1348
  box-shadow: var(--kds-fake-border-xs-muted);
1348
1349
  }
1349
- .kds-preview-list-title-row[data-v-192cd67d] {
1350
- display: flex;
1351
- gap: var(--kds-spacing-container-0-25x);
1352
- align-items: center;
1353
- min-height: calc(
1354
- var(--kds-dimension-component-height-1-25x) + 2 *
1355
- var(--kds-spacing-container-0-25x)
1356
- );
1357
- padding: var(--kds-spacing-container-0-25x);
1358
- padding-left: var(--kds-spacing-container-0-5x);
1359
- border-top-left-radius: var(--kds-border-radius-container-0-37x);
1360
- border-top-right-radius: var(--kds-border-radius-container-0-37x);
1350
+ .kds-preview-list-title-row[data-v-a11103f6] {
1351
+ display: flex;
1352
+ gap: var(--kds-spacing-container-0-25x);
1353
+ align-items: center;
1354
+ min-height: calc(
1355
+ var(--kds-dimension-component-height-1-25x) + 2 *
1356
+ var(--kds-spacing-container-0-25x)
1357
+ );
1358
+ padding: var(--kds-spacing-container-0-25x);
1359
+ padding-left: var(--kds-spacing-container-0-5x);
1360
+ border-top-left-radius: var(--kds-border-radius-container-0-37x);
1361
+ border-top-right-radius: var(--kds-border-radius-container-0-37x);
1361
1362
  }
1362
- .kds-preview-list-content[data-v-192cd67d] {
1363
- display: flex;
1364
- flex: 1 0 0;
1365
- flex-direction: column;
1366
- justify-content: center;
1367
- min-width: 0;
1363
+ .kds-preview-list-content[data-v-a11103f6] {
1364
+ display: flex;
1365
+ flex: 1 0 0;
1366
+ flex-direction: column;
1367
+ justify-content: center;
1368
+ min-width: 0;
1368
1369
  }
1369
- .kds-preview-list-headline[data-v-192cd67d] {
1370
- margin: 0;
1371
- overflow: hidden;
1372
- text-overflow: ellipsis;
1373
- font: var(--kds-font-base-interactive-small-strong);
1374
- color: var(--kds-color-text-and-icon-neutral);
1375
- white-space: nowrap;
1370
+ .kds-preview-list-headline[data-v-a11103f6] {
1371
+ margin: 0;
1372
+ overflow: hidden;
1373
+ text-overflow: ellipsis;
1374
+ font: var(--kds-font-base-interactive-small-strong);
1375
+ color: var(--kds-color-text-and-icon-neutral);
1376
+ white-space: nowrap;
1376
1377
  }
1377
- .kds-preview-list-body[data-v-192cd67d] {
1378
- display: flex;
1379
- flex-direction: column;
1380
- height: calc(
1381
- var(--kds-dimension-component-height-1-5x) * var(--a5f79e12) +
1382
- (var(--a5f79e12) - 1) * var(--kds-spacing-container-0-10x) +
1383
- var(--kds-spacing-container-0-25x) * 2
1384
- );
1385
- background: var(--kds-color-surface-default);
1378
+ .kds-preview-list-body[data-v-a11103f6] {
1379
+ display: flex;
1380
+ flex-direction: column;
1381
+ height: calc(
1382
+ var(--kds-dimension-component-height-1-5x) * var(--a76a77a8) +
1383
+ (var(--a76a77a8) - 1) * var(--kds-spacing-container-0-10x) +
1384
+ var(--kds-spacing-container-0-25x) * 2
1385
+ );
1386
+ background: var(--kds-color-surface-default);
1386
1387
  }
1387
1388
  .kds-preview-list-items {
1388
- &[data-v-192cd67d] {
1389
- display: flex;
1390
- flex: 1;
1391
- flex-direction: column;
1392
- gap: var(--kds-spacing-container-0-10x);
1393
- padding: var(--kds-spacing-container-0-25x);
1394
- margin: 0;
1395
- overflow-y: auto;
1396
- list-style: none;
1397
- }
1398
- &[data-v-192cd67d]:focus-visible {
1399
- outline: var(--kds-border-action-focused);
1400
- outline-offset: var(--kds-spacing-offset-focus);
1401
- border-radius: var(--kds-border-radius-container-0-31x);
1389
+ &[data-v-a11103f6] {
1390
+ display: flex;
1391
+ flex: 1;
1392
+ flex-direction: column;
1393
+ gap: var(--kds-spacing-container-0-10x);
1394
+ padding: var(--kds-spacing-container-0-25x);
1395
+ margin: 0;
1396
+ overflow-y: auto;
1397
+ list-style: none;
1398
+ }
1399
+ &[data-v-a11103f6]:focus-visible {
1400
+ outline: var(--kds-border-action-focused);
1401
+ outline-offset: var(--kds-spacing-offset-focus);
1402
+ border-radius: var(--kds-border-radius-container-0-31x);
1402
1403
  }
1403
1404
  }
1404
1405
  .kds-preview-list-item {
1405
- &[data-v-192cd67d] {
1406
- /* Items are non-interactive (preview only): no pointer cursor, no hover
1407
- highlight, but text remains selectable. */
1408
- cursor: text;
1409
- user-select: text;
1410
- }
1411
- &[data-v-192cd67d]:hover:not(.disabled),
1412
- &[data-v-192cd67d]:active:not(.disabled) {
1413
- background: transparent;
1406
+ &[data-v-a11103f6] {
1407
+ /* Items are non-interactive (preview only): no pointer cursor, no hover
1408
+ highlight, but text remains selectable. */
1409
+ cursor: text;
1410
+ user-select: text;
1414
1411
  }
1412
+ &[data-v-a11103f6]:hover:not(.disabled),
1413
+ &[data-v-a11103f6]:active:not(.disabled) {
1414
+ background: transparent;
1415
1415
  }
1416
- .kds-preview-list-empty[data-v-192cd67d],
1417
- .kds-preview-list-loading[data-v-192cd67d] {
1418
- display: flex;
1419
- flex: 1;
1420
- align-items: center;
1421
- justify-content: center;
1422
- margin: 0 auto;
1423
1416
  }
1424
- .kds-preview-list-show-hide[data-v-192cd67d] {
1425
- display: flex;
1426
- flex-direction: column;
1427
- align-items: stretch;
1428
- justify-content: center;
1429
- padding: var(--kds-spacing-container-0-25x);
1430
- border-top: var(--kds-border-base-subtle);
1431
- border-bottom-right-radius: var(--kds-border-radius-container-0-37x);
1432
- border-bottom-left-radius: var(--kds-border-radius-container-0-37x);
1417
+ .kds-preview-list-empty[data-v-a11103f6],
1418
+ .kds-preview-list-loading[data-v-a11103f6] {
1419
+ display: flex;
1420
+ flex: 1;
1421
+ align-items: center;
1422
+ justify-content: center;
1423
+ margin: 0 auto;
1424
+ }
1425
+ .kds-preview-list-show-hide {
1426
+ &[data-v-a11103f6] {
1427
+ padding: var(--kds-spacing-container-0-25x);
1428
+ border-top: var(--kds-border-base-subtle);
1429
+ border-bottom-right-radius: var(--kds-border-radius-container-0-37x);
1430
+ border-bottom-left-radius: var(--kds-border-radius-container-0-37x);
1431
+ }
1432
+ .kds-preview-list-toggle[data-v-a11103f6] {
1433
+ width: 100%;
1434
+ }
1433
1435
  }
1434
- .kds-preview-list-toggle[data-v-192cd67d] {
1435
- width: 100%;
1436
1436
  }
1437
1437
 
1438
1438
  .kds-label-wrapper[data-v-efe3313e] {
package/dist/index.js CHANGED
@@ -2964,7 +2964,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
2964
2964
  emits: ["update:expanded"],
2965
2965
  setup(__props) {
2966
2966
  useCssVars((_ctx) => ({
2967
- "a5f79e12": safeMaxVisibleItems.value
2967
+ "a76a77a8": safeMaxVisibleItems.value
2968
2968
  }));
2969
2969
  const props = createPropsRestProxy(__props, ["loading", "leadingIcon", "trailingButton", "emptyStateHeadline", "maxVisibleItems"]);
2970
2970
  const bodyId = `kds-preview-list-body-${useId()}`;
@@ -3049,7 +3049,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
3049
3049
  }
3050
3050
  });
3051
3051
 
3052
- const KdsPreviewList = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-192cd67d"]]);
3052
+ const KdsPreviewList = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-a11103f6"]]);
3053
3053
 
3054
3054
  const _hoisted_1$H = { class: "kds-label-wrapper" };
3055
3055
  const _hoisted_2$o = ["id", "for", "title"];