@underlayerdev/ui 0.6.6 → 0.8.0

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/fesm2022/underlayerdev-ui.mjs +625 -63
  2. package/fesm2022/underlayerdev-ui.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/styles/foundations.css +11 -30
  5. package/types/underlayerdev-ui.d.ts +260 -43
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@underlayerdev/ui",
3
- "version": "0.6.6",
3
+ "version": "0.8.0",
4
4
  "peerDependencies": {
5
5
  "@angular/cdk": "^22.0.0",
6
6
  "@angular/common": "^22.0.0",
package/styles/foundations.css CHANGED
@@ -401,42 +401,23 @@ a:active {
401
401
  }
402
402
  }
403
403
 
404
- .ul-scrollable::-webkit-scrollbar {
405
- width: 8px;
406
- height: 8px;
407
- }
408
- .ul-scrollable::-webkit-scrollbar-track {
409
- background: transparent;
410
- border-radius: 4px;
411
- }
412
- .ul-scrollable::-webkit-scrollbar-thumb {
413
- background: rgba(255, 255, 255, 0.1);
414
- border-radius: 4px;
415
- transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
416
- }
417
- .ul-scrollable::-webkit-scrollbar-thumb:hover {
418
- background: rgba(255, 255, 255, 0.2);
419
- }
420
404
  .ul-scrollable {
421
- scrollbar-width: thin;
422
- scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
423
- overflow: overlay;
405
+ scrollbar-width: none;
424
406
  -webkit-overflow-scrolling: touch;
425
407
  }
426
408
  .ul-scrollable::-webkit-scrollbar {
427
- opacity: 0;
428
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
429
- }
430
- .ul-scrollable:hover::-webkit-scrollbar {
431
- opacity: 1;
409
+ width: 0;
410
+ height: 0;
411
+ display: none;
432
412
  }
433
- .ul-scrollable {
434
- scrollbar-width: thin;
435
- scrollbar-color: transparent transparent;
436
- transition: scrollbar-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
413
+
414
+ .ul-selectable-row {
415
+ border: 2px solid rgba(255, 255, 255, 0.3);
416
+ background-color: transparent;
417
+ transition: border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
437
418
  }
438
- .ul-scrollable:hover {
439
- scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
419
+ .ul-selectable-row .ul-list-item--selected {
420
+ background-color: transparent;
440
421
  }
441
422
 
442
423
  .ul-row {