@interopio/groups-ui-react 2.5.0 → 2.6.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 (42) hide show
  1. package/dist/cjs/index.js +133 -223
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +146 -236
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/styles/groups.css +17 -29
  6. package/dist/styles/vars.css +8 -5
  7. package/package.json +5 -4
  8. package/dist/GroupElementCreationWrapper.d.ts +0 -49
  9. package/dist/GroupWrapper.d.ts +0 -9
  10. package/dist/Portal.d.ts +0 -6
  11. package/dist/cjs/defaultComponents/channelSelector/multi/ColorRectangle.d.ts +0 -7
  12. package/dist/defaultComponents/BaseButton.d.ts +0 -4
  13. package/dist/defaultComponents/CloseButton.d.ts +0 -4
  14. package/dist/defaultComponents/ExtractButton.d.ts +0 -4
  15. package/dist/defaultComponents/MaximizeButton.d.ts +0 -4
  16. package/dist/defaultComponents/MinimizeButton.d.ts +0 -4
  17. package/dist/defaultComponents/RestoreButton.d.ts +0 -4
  18. package/dist/defaultComponents/Tab.d.ts +0 -4
  19. package/dist/defaultComponents/TabCaption.d.ts +0 -4
  20. package/dist/defaultComponents/TabCloseButton.d.ts +0 -4
  21. package/dist/defaultComponents/TabHeaderButtons.d.ts +0 -4
  22. package/dist/defaultComponents/channelSelector/BaseChannelSelector.d.ts +0 -4
  23. package/dist/defaultComponents/channelSelector/FrameChannelSelector.d.ts +0 -4
  24. package/dist/defaultComponents/channelSelector/TabChannelSelector.d.ts +0 -4
  25. package/dist/defaultComponents/channelSelector/utils.d.ts +0 -1
  26. package/dist/defaultComponents/frameCaptionBar/FrameButtons.d.ts +0 -4
  27. package/dist/defaultComponents/frameCaptionBar/FrameCaption.d.ts +0 -4
  28. package/dist/defaultComponents/frameCaptionBar/FrameCaptionBar.d.ts +0 -4
  29. package/dist/defaultComponents/frameCaptionBar/FrameMoveArea.d.ts +0 -4
  30. package/dist/defaultComponents/groupCaptionBar/GroupButtons.d.ts +0 -4
  31. package/dist/defaultComponents/groupCaptionBar/GroupCaption.d.ts +0 -4
  32. package/dist/defaultComponents/groupCaptionBar/GroupCaptionBar.d.ts +0 -4
  33. package/dist/defaultComponents/groupCaptionBar/GroupMoveArea.d.ts +0 -4
  34. package/dist/esm/defaultComponents/channelSelector/multi/ColorRectangle.d.ts +0 -7
  35. package/dist/index.d.ts +0 -27
  36. package/dist/index.js +0 -16
  37. package/dist/index.js.map +0 -1
  38. package/dist/styles/fonts.css +0 -2
  39. package/dist/styles/styles.css +0 -574
  40. package/dist/styles/themes.css +0 -155
  41. package/dist/types/internal.d.ts +0 -373
  42. package/dist/webGroupsManager.d.ts +0 -35
package/dist/styles/groups.css CHANGED
@@ -5,13 +5,7 @@
5
5
  box-sizing: border-box;
6
6
  transition-timing-function: cubic-bezier(0.45, 0, 0.15, 1);
7
7
  transition-duration: 240ms;
8
- transition-property: background-color;
9
- }
10
-
11
- *::before,
12
- *::after {
13
- transition-timing-function: cubic-bezier(0.45, 0, 0.15, 1);
14
- transition-duration: 240ms;
8
+ transition-property: background-color, color;
15
9
  }
16
10
 
17
11
  body {
@@ -558,7 +552,8 @@ input {
558
552
  height: calc(var(--t42-tab-bar-tab-close-button-size) + var(--t42-tab-bar-tab-close-button-padding) * 2);
559
553
  border-radius: 50%;
560
554
  background-color: var(--t42-tab-bar-tab-close-button-background);
561
- transition-property: fill, color;
555
+ transition-duration: 80ms;
556
+ transition-property: background-color, fill, color;
562
557
  }
563
558
 
564
559
  .t42-tab-close-button-content svg {
@@ -575,10 +570,6 @@ input {
575
570
  background-color: var(--t42-tab-bar-tab-close-button-bg-hover);
576
571
  }
577
572
 
578
- .t42-tab-close-button-content:hover::before {
579
- color: var(--t42-tab-bar-tab-text-hover);
580
- }
581
-
582
573
  .t42-tab-close-button-content:hover .t42-standard-button-image {
583
574
  fill: var(--t42-tab-bar-tab-text-hover);
584
575
  }
@@ -613,28 +604,24 @@ input {
613
604
  fill: var(--t42-tab-bar-selected-tab-text);
614
605
  }
615
606
 
607
+ .t42-channel-selector-content-light::before {
608
+ color: hsl(var(--io-white));
609
+ transition-property: color;
610
+ }
611
+
612
+ .t42-channel-selector-content-dark::before {
613
+ color: hsl(var(--io-black));
614
+ transition-property: color;
615
+ }
616
+
616
617
  .t42-channel-selector-direction {
617
- width: auto;
618
- min-width: var(--t42-tab-bar-tab-channels-width);
618
+ width: var(--t42-channel-selector-direction-width);
619
619
  height: var(--t42-channel-selector-direction-height);
620
620
  gap: var(--t42-channel-selector-direction-gap);
621
621
  }
622
622
 
623
623
  .t42-channel-selector-direction .icon {
624
624
  gap: var(--t42-channel-selector-direction-gap);
625
- width: var(--t42-channel-selector-direction-width);
626
- }
627
-
628
- .t42-channel-selector-content-light,
629
- .t42-channel-selector-content-light::before,
630
- .t42-channel-selector-content-light i::before {
631
- color: hsl(var(--io-white));
632
- }
633
-
634
- .t42-channel-selector-content-dark,
635
- .t42-channel-selector-content-dark::before,
636
- .t42-channel-selector-content-dark i::before {
637
- color: hsl(var(--io-black));
638
625
  }
639
626
 
640
627
  @keyframes approaching-edge-animation {
@@ -812,7 +799,8 @@ input {
812
799
 
813
800
  @container normal-tabs (max-width: 50px) {
814
801
  .t42-tab-channel-selector {
815
- --t42-tab-bar-tab-channels-size:0;
802
+ --t42-tab-bar-tab-channels-height:0;
803
+ --t42-tab-bar-tab-channels-width: 0;
816
804
  --t42-tab-bar-tab-channels-margin: 0;
817
805
  }
818
806
  }
@@ -835,7 +823,7 @@ input {
835
823
  }
836
824
 
837
825
  .t42-tabs-overflow .t42-tab {
838
- flex-shrink: 0;
826
+ min-width: var(--t42-tab-bar-tab-overflowable-min-width);
839
827
  }
840
828
 
841
829
  .t42-tabs-overflow .t42-tabs {