@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777534945 → 5.0.0-next.1-dev.1777543026

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 (144) hide show
  1. package/autocomplete/autocomplete-base-element.js +1 -1
  2. package/autocomplete/autocomplete.component.js +1 -1
  3. package/{autocomplete-base-element-CSCv_WVh.js → autocomplete-base-element-BiLyvcN-.js} +1 -1
  4. package/autocomplete.js +1 -1
  5. package/autocomplete.pure.js +1 -1
  6. package/core/styles/mixins/scrollbar.scss +0 -6
  7. package/core/styles/scrollbar.scss +19 -24
  8. package/core/styles/styles.js +2 -2
  9. package/core.css +0 -37
  10. package/core.js +2 -2
  11. package/custom-elements.json +66 -16
  12. package/development/autocomplete/autocomplete-base-element.js +1 -1
  13. package/development/autocomplete/autocomplete.component.js +1 -1
  14. package/development/{autocomplete-base-element-Bwkns3IL.js → autocomplete-base-element-BxBpn8_e.js} +2 -2
  15. package/development/autocomplete.js +1 -1
  16. package/development/autocomplete.pure.js +1 -1
  17. package/development/core/styles/styles.d.ts +1 -0
  18. package/development/core/styles/styles.d.ts.map +1 -1
  19. package/development/core/styles/styles.js +2 -2
  20. package/development/core.js +2 -2
  21. package/development/dialog/dialog-content/dialog-content.component.d.ts +1 -0
  22. package/development/dialog/dialog-content/dialog-content.component.d.ts.map +1 -1
  23. package/development/dialog/dialog-content/dialog-content.component.js +1 -1
  24. package/development/{dialog-content.component-B7Grxjk6.js → dialog-content.component-Bzt-PL6f.js} +10 -3
  25. package/development/dialog.js +1 -1
  26. package/development/dialog.pure.js +1 -1
  27. package/development/file-selector/common/file-selector-common.d.ts +1 -2
  28. package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
  29. package/development/file-selector/common/file-selector-common.js +2 -2
  30. package/development/file-selector/file-selector/file-selector.component.d.ts +1 -2
  31. package/development/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  32. package/development/file-selector/file-selector/file-selector.component.js +3 -6
  33. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  34. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  35. package/development/file-selector-common-BH_iIjcB.js +417 -0
  36. package/development/{file-selector-dropzone.component-DRUUWI1A.js → file-selector-dropzone.component-ZCanLwF-.js} +4 -8
  37. package/development/file-selector.js +3 -3
  38. package/development/file-selector.pure.js +3 -3
  39. package/development/map-container/map-container.component.d.ts.map +1 -1
  40. package/development/map-container/map-container.component.js +1 -1
  41. package/development/map-container.component-DoFCVBoh.js +180 -0
  42. package/development/map-container.js +1 -1
  43. package/development/map-container.pure.js +1 -1
  44. package/development/menu/menu/menu.component.d.ts.map +1 -1
  45. package/development/menu/menu/menu.component.js +1 -1
  46. package/development/menu.component-CDBUaD8s.js +369 -0
  47. package/development/menu.js +1 -1
  48. package/development/menu.pure.js +1 -1
  49. package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
  50. package/development/navigation/navigation/navigation.component.js +1 -1
  51. package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
  52. package/development/navigation/navigation-section/navigation-section.component.js +1 -1
  53. package/development/navigation-section.component-D3_XVwyt.js +350 -0
  54. package/development/navigation.component-Cco4llBt.js +319 -0
  55. package/development/navigation.js +2 -2
  56. package/development/navigation.pure.js +2 -2
  57. package/development/overlay/overlay.component.d.ts.map +1 -1
  58. package/development/overlay/overlay.component.js +1 -1
  59. package/development/overlay.component-DBzb0PdD.js +206 -0
  60. package/development/overlay.js +1 -1
  61. package/development/overlay.pure.js +1 -1
  62. package/development/popover/popover.component.d.ts +1 -0
  63. package/development/popover/popover.component.d.ts.map +1 -1
  64. package/development/popover/popover.component.js +1 -1
  65. package/development/popover.component-Dj0INQsI.js +564 -0
  66. package/development/popover.js +1 -1
  67. package/development/popover.pure.js +1 -1
  68. package/development/select/select.component.js +1 -1
  69. package/development/{select.component-C1Xfvvii.js → select.component-D_9pjl7T.js} +2 -2
  70. package/development/select.js +1 -1
  71. package/development/select.pure.js +1 -1
  72. package/development/sidebar/sidebar/sidebar.component.d.ts.map +1 -1
  73. package/development/sidebar/sidebar/sidebar.component.js +1 -1
  74. package/development/sidebar.component-CYLbI1Vp.js +356 -0
  75. package/development/sidebar.js +1 -1
  76. package/development/sidebar.pure.js +1 -1
  77. package/development/styles-B_IWjHc5.js +22 -0
  78. package/development/table/table-wrapper/table-wrapper.component.js +1 -1
  79. package/development/table-wrapper.component-D8IFPow6.js +119 -0
  80. package/development/table.js +1 -1
  81. package/development/table.pure.js +1 -1
  82. package/dialog/dialog-content/dialog-content.component.js +1 -1
  83. package/{dialog-content.component-are-UBx3.js → dialog-content.component-iRLHPKPb.js} +7 -2
  84. package/dialog.js +1 -1
  85. package/dialog.pure.js +1 -1
  86. package/file-selector/common/file-selector-common.js +2 -2
  87. package/file-selector/file-selector/file-selector.component.js +10 -13
  88. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  89. package/{file-selector-common-jpJmVqAw.js → file-selector-common-PcqPdsnN.js} +44 -38
  90. package/{file-selector-dropzone.component-DDRTu6p2.js → file-selector-dropzone.component-2XUfh1NC.js} +20 -24
  91. package/file-selector.js +5 -5
  92. package/file-selector.pure.js +4 -4
  93. package/map-container/map-container.component.js +1 -1
  94. package/{map-container.component-Btnl3n9d.js → map-container.component-5I5DW5dJ.js} +23 -16
  95. package/map-container.js +1 -1
  96. package/map-container.pure.js +1 -1
  97. package/menu/menu/menu.component.js +1 -1
  98. package/{menu.component-CpNMheMG.js → menu.component-Bd37u3Ps.js} +26 -22
  99. package/menu.js +1 -1
  100. package/menu.pure.js +1 -1
  101. package/navigation/navigation/navigation.component.js +1 -1
  102. package/navigation/navigation-section/navigation-section.component.js +1 -1
  103. package/{navigation-section.component-219JlVIe.js → navigation-section.component-B_0xi30L.js} +24 -20
  104. package/{navigation.component-gLrMCbh9.js → navigation.component-CmrLIeDB.js} +24 -20
  105. package/navigation.js +2 -2
  106. package/navigation.pure.js +2 -2
  107. package/off-brand-theme.css +33 -134
  108. package/overlay/overlay.component.js +1 -1
  109. package/overlay.component-D2jtCeeb.js +156 -0
  110. package/overlay.js +1 -1
  111. package/overlay.pure.js +1 -1
  112. package/package.json +2 -2
  113. package/popover/popover.component.js +1 -1
  114. package/{popover.component-DnY9obd7.js → popover.component-CiMeNnO-.js} +27 -24
  115. package/popover.js +1 -1
  116. package/popover.pure.js +1 -1
  117. package/safety-theme.css +33 -134
  118. package/scrollbar.css +33 -97
  119. package/select/select.component.js +1 -1
  120. package/{select.component-Bhvd_sUV.js → select.component-BXPU7X_X.js} +1 -1
  121. package/select.js +1 -1
  122. package/select.pure.js +1 -1
  123. package/sidebar/sidebar/sidebar.component.js +1 -1
  124. package/{sidebar.component-Dpf9jZ1P.js → sidebar.component-CeUPJaqy.js} +28 -21
  125. package/sidebar.js +1 -1
  126. package/sidebar.pure.js +1 -1
  127. package/standard-theme.css +33 -134
  128. package/styles-Cb4jdMeE.js +5 -0
  129. package/table/table-wrapper/table-wrapper.component.js +1 -1
  130. package/{table-wrapper.component-DGL8RaxF.js → table-wrapper.component-CZ90q3pY.js} +1 -1
  131. package/table.js +1 -1
  132. package/table.pure.js +1 -1
  133. package/development/file-selector-common-BwkZZzA0.js +0 -409
  134. package/development/map-container.component-BLF21LG7.js +0 -173
  135. package/development/menu.component-BpKGNICN.js +0 -365
  136. package/development/navigation-section.component-DumXFFfg.js +0 -346
  137. package/development/navigation.component-CpoBEP55.js +0 -315
  138. package/development/overlay.component-CC_quHYI.js +0 -206
  139. package/development/popover.component-DT-cfDqo.js +0 -561
  140. package/development/sidebar.component-DR2JGwnM.js +0 -349
  141. package/development/styles-6T7UvhxK.js +0 -18
  142. package/development/table-wrapper.component-CjMOENHV.js +0 -119
  143. package/overlay.component-B00EoAd5.js +0 -156
  144. package/styles-D5okOWF1.js +0 -5
package/standard-theme.css CHANGED
@@ -2358,10 +2358,6 @@ sbb-dialog:has(> sbb-dialog-title[visual-level="5"]) > sbb-dialog-close-button,
2358
2358
  sbb-dialog:has(> sbb-dialog-title) > sbb-dialog-content, sbb-dialog:is(:state(has-intermediate-element),[state--has-intermediate-element]):has(> * > sbb-dialog-title) > * > sbb-dialog-content {
2359
2359
  padding-block-start: var(--sbb-spacing-fixed-1x);
2360
2360
  }
2361
- sbb-dialog[negative] > sbb-dialog-content, sbb-dialog[negative]:is(:state(has-intermediate-element),[state--has-intermediate-element]) > * > sbb-dialog-content {
2362
- --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
2363
- --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
2364
- }
2365
2361
 
2366
2362
  sbb-dialog:has(> sbb-dialog-close-button) > sbb-dialog-title, sbb-dialog:is(:state(has-intermediate-element),[state--has-intermediate-element]):has(> * > sbb-dialog-close-button) > * > sbb-dialog-title {
2367
2363
  padding-inline-end: 0;
@@ -2449,7 +2445,6 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
2449
2445
  color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
2450
2446
  color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
2451
2447
  );
2452
- --sbb-scrollbar-track-color: transparent;
2453
2448
  }
2454
2449
  :is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar {
2455
2450
  width: var(--sbb-scrollbar-width);
@@ -2490,40 +2485,8 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
2490
2485
  padding-block-end: 0.34375rem;
2491
2486
  }
2492
2487
  :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea) {
2493
- --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
2494
- --sbb-scrollbar-thumb-width: 0.125rem;
2495
- --sbb-scrollbar-thumb-width-hover: 0.25rem;
2496
- --sbb-scrollbar-width-firefox: thin;
2497
2488
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
2498
2489
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
2499
- --sbb-scrollbar-track-color: transparent;
2500
- }
2501
- :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar {
2502
- width: var(--sbb-scrollbar-width);
2503
- height: var(--sbb-scrollbar-width);
2504
- background-color: var(--sbb-scrollbar-track-color, transparent);
2505
- }
2506
- :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-corner {
2507
- background-color: var(--sbb-scrollbar-track-color, transparent);
2508
- }
2509
- :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-thumb {
2510
- background-color: var(--sbb-scrollbar-color, currentcolor);
2511
- border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
2512
- border-radius: var(--sbb-border-radius-4x);
2513
- background-clip: padding-box;
2514
- }
2515
- :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-thumb:hover {
2516
- background-color: var(--sbb-scrollbar-color-hover, currentcolor);
2517
- border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
2518
- }
2519
- :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-button, :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar-corner {
2520
- display: none;
2521
- }
2522
- @supports not selector(::-webkit-scrollbar) {
2523
- :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea) {
2524
- scrollbar-width: var(--sbb-scrollbar-width-firefox);
2525
- scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
2526
- }
2527
2490
  }
2528
2491
  :is(sbb-form-field, sbb-timetable-form-field):has(:is(:is(input, textarea, select):user-invalid,
2529
2492
  :is(:state(interacted),[state--interacted]):invalid,
@@ -3307,6 +3270,29 @@ sup {
3307
3270
  }
3308
3271
  }
3309
3272
 
3273
+ :is(.sbb-scrollbar,
3274
+ .sbb-scrollbar-negative,
3275
+ .sbb-scrollbar-thick,
3276
+ .sbb-scrollbar-thick-negative,
3277
+ .sbb-scrollbar-track-visible,
3278
+ .sbb-scrollbar-negative-track-visible,
3279
+ .sbb-scrollbar-thick-track-visible,
3280
+ .sbb-scrollbar-thick-negative-track-visible) {
3281
+ --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
3282
+ --sbb-scrollbar-thumb-width: 0.125rem;
3283
+ --sbb-scrollbar-thumb-width-hover: 0.25rem;
3284
+ --sbb-scrollbar-width-firefox: thin;
3285
+ --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
3286
+ --sbb-scrollbar-color: light-dark(
3287
+ color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
3288
+ color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
3289
+ );
3290
+ --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
3291
+ --sbb-scrollbar-color-hover: light-dark(
3292
+ color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
3293
+ color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
3294
+ );
3295
+ }
3310
3296
  :is(.sbb-scrollbar,
3311
3297
  .sbb-scrollbar-negative,
3312
3298
  .sbb-scrollbar-thick,
@@ -3384,115 +3370,28 @@ sup {
3384
3370
  }
3385
3371
  }
3386
3372
 
3387
- .sbb-scrollbar {
3388
- --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
3389
- --sbb-scrollbar-thumb-width: 0.125rem;
3390
- --sbb-scrollbar-thumb-width-hover: 0.25rem;
3391
- --sbb-scrollbar-width-firefox: thin;
3392
- --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
3393
- --sbb-scrollbar-color: light-dark(
3394
- color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
3395
- color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
3396
- );
3397
- --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
3398
- --sbb-scrollbar-color-hover: light-dark(
3399
- color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
3400
- color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
3401
- );
3402
- --sbb-scrollbar-track-color: transparent;
3403
- }
3404
-
3405
- .sbb-scrollbar-negative {
3406
- --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
3407
- --sbb-scrollbar-thumb-width: 0.125rem;
3408
- --sbb-scrollbar-thumb-width-hover: 0.25rem;
3409
- --sbb-scrollbar-width-firefox: thin;
3373
+ :is(.sbb-scrollbar-negative,
3374
+ .sbb-scrollbar-thick-negative,
3375
+ .sbb-scrollbar-negative-track-visible,
3376
+ .sbb-scrollbar-thick-negative-track-visible) {
3410
3377
  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
3411
3378
  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
3412
- --sbb-scrollbar-track-color: transparent;
3413
- }
3414
-
3415
- .sbb-scrollbar-thick {
3416
- --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
3417
- --sbb-scrollbar-thumb-width: 0.5rem;
3418
- --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
3419
- --sbb-scrollbar-width-firefox: auto;
3420
- --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
3421
- --sbb-scrollbar-color: light-dark(
3422
- color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
3423
- color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
3424
- );
3425
- --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
3426
- --sbb-scrollbar-color-hover: light-dark(
3427
- color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
3428
- color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
3429
- );
3430
- --sbb-scrollbar-track-color: transparent;
3431
3379
  }
3432
3380
 
3433
- .sbb-scrollbar-thick-negative {
3434
- --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
3381
+ :is(.sbb-scrollbar-thick-negative,
3382
+ .sbb-scrollbar-thick,
3383
+ .sbb-scrollbar-thick-track-visible,
3384
+ .sbb-scrollbar-thick-negative-track-visible) {
3435
3385
  --sbb-scrollbar-thumb-width: 0.5rem;
3436
3386
  --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
3437
3387
  --sbb-scrollbar-width-firefox: auto;
3438
- --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
3439
- --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
3440
- --sbb-scrollbar-track-color: transparent;
3441
3388
  }
3442
3389
 
3443
- .sbb-scrollbar-track-visible {
3444
- --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
3445
- --sbb-scrollbar-thumb-width: 0.125rem;
3446
- --sbb-scrollbar-thumb-width-hover: 0.25rem;
3447
- --sbb-scrollbar-width-firefox: thin;
3448
- --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
3449
- --sbb-scrollbar-color: light-dark(
3450
- color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
3451
- color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
3452
- );
3453
- --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
3454
- --sbb-scrollbar-color-hover: light-dark(
3455
- color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
3456
- color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
3457
- );
3458
- --sbb-scrollbar-track-color: var(--sbb-background-color-4);
3459
- }
3460
-
3461
- .sbb-scrollbar-negative-track-visible {
3462
- --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
3463
- --sbb-scrollbar-thumb-width: 0.125rem;
3464
- --sbb-scrollbar-thumb-width-hover: 0.25rem;
3465
- --sbb-scrollbar-width-firefox: thin;
3466
- --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
3467
- --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
3468
- --sbb-scrollbar-track-color: var(--sbb-background-color-4-negative);
3469
- }
3470
-
3471
- .sbb-scrollbar-thick-track-visible {
3472
- --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
3473
- --sbb-scrollbar-thumb-width: 0.5rem;
3474
- --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
3475
- --sbb-scrollbar-width-firefox: auto;
3476
- --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
3477
- --sbb-scrollbar-color: light-dark(
3478
- color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
3479
- color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
3480
- );
3481
- --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
3482
- --sbb-scrollbar-color-hover: light-dark(
3483
- color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
3484
- color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
3485
- );
3390
+ :is(.sbb-scrollbar-track-visible, .sbb-scrollbar-thick-track-visible) {
3486
3391
  --sbb-scrollbar-track-color: var(--sbb-background-color-4);
3487
3392
  }
3488
3393
 
3489
- .sbb-scrollbar-thick-negative-track-visible {
3490
- --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
3491
- --sbb-scrollbar-thumb-width: 0.5rem;
3492
- --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
3493
- --sbb-scrollbar-width-firefox: auto;
3494
- --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
3495
- --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
3394
+ :is(.sbb-scrollbar-negative-track-visible, .sbb-scrollbar-thick-negative-track-visible) {
3496
3395
  --sbb-scrollbar-track-color: var(--sbb-background-color-4-negative);
3497
3396
  }
3498
3397
 
package/styles-Cb4jdMeE.js ADDED
@@ -0,0 +1,5 @@
1
+ import { unsafeCSS as e } from "lit";
2
+ //#region src/elements/core/styles/box-sizing.scss?inline
3
+ var t = "*,:before,:after{box-sizing:border-box}", n = ":host{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) )}:host::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}:host::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}:host::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}:host::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}:host::-webkit-scrollbar-button,:host::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){:host{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}", r = ".sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", i = ":is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible){--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) )}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-button,:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){:is(.sbb-scrollbar,.sbb-scrollbar-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-negative,.sbb-scrollbar-track-visible,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible){scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}:is(.sbb-scrollbar-negative,.sbb-scrollbar-thick-negative,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-negative-track-visible){--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent)}:is(.sbb-scrollbar-thick-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible){--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto}:is(.sbb-scrollbar-track-visible,.sbb-scrollbar-thick-track-visible){--sbb-scrollbar-track-color: var(--sbb-background-color-4)}:is(.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-negative-track-visible){--sbb-scrollbar-track-color: var(--sbb-background-color-4-negative)}", a = e(t), o = e(n), s = e(r), c = e(i);
4
+ //#endregion
5
+ export { c as i, o as n, s as r, a as t };
package/table/table-wrapper/table-wrapper.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../table-wrapper.component-DGL8RaxF.js";
1
+ import { t as e } from "../../table-wrapper.component-CZ90q3pY.js";
2
2
  export { e as SbbTableWrapperElement };
package/{table-wrapper.component-DGL8RaxF.js → table-wrapper.component-CZ90q3pY.js} RENAMED
@@ -4,7 +4,7 @@ import { property as a } from "lit/decorators.js";
4
4
  import { SbbElement as o, SbbNegativeMixin as s, forceType as c, hostScrollbarStyles as l } from "./core.js";
5
5
  import { ResizeController as u } from "@lit-labs/observers/resize-controller.js";
6
6
  //#region src/elements/table/table-wrapper/table-wrapper.scss?inline
7
- var d = ":host{display:block;overflow:auto;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: var(--sbb-background-color-4)}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}::slotted(.sbb-table){width:100%}:host([negative]){--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color: var(--sbb-background-color-4-negative)}", f = (() => {
7
+ var d = ":host{display:block;overflow:auto;--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-track-color: var(--sbb-background-color-4)}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}::slotted(.sbb-table){width:100%}:host([negative]){--sbb-scrollbar-track-color: var(--sbb-background-color-4-negative)}", f = (() => {
8
8
  let f = s(o), p, m = [], h = [];
9
9
  return class extends f {
10
10
  static {
package/table.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./table-wrapper.component-DGL8RaxF.js";
1
+ import { t as e } from "./table-wrapper.component-CZ90q3pY.js";
2
2
  import "./table.pure.js";
3
3
  //#region src/elements/table.ts
4
4
  e.define();
package/table.pure.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "./table-wrapper.component-DGL8RaxF.js";
1
+ import { t as e } from "./table-wrapper.component-CZ90q3pY.js";
2
2
  export { e as SbbTableWrapperElement };