@interopio/groups-ui-react 2.7.0 → 3.0.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 (70) hide show
  1. package/dist/cjs/GroupWrapper.d.ts +2 -1
  2. package/dist/cjs/defaultComponents/buttons/StandardButton.d.ts +4 -0
  3. package/dist/cjs/defaultComponents/utils/common.d.ts +3 -0
  4. package/dist/cjs/defaultComponents/utils/useDragMove.d.ts +6 -0
  5. package/dist/cjs/index.d.ts +2 -1
  6. package/dist/cjs/index.js +207 -92
  7. package/dist/cjs/index.js.map +1 -1
  8. package/dist/cjs/tests/buttons/BaseButton.test.d.ts +1 -0
  9. package/dist/cjs/tests/buttons/CloneButton.test.d.ts +1 -0
  10. package/dist/cjs/tests/buttons/CloseButton.test.d.ts +1 -0
  11. package/dist/cjs/tests/buttons/CustomButton.test.d.ts +1 -0
  12. package/dist/cjs/tests/buttons/ExtractButton.test.d.ts +1 -0
  13. package/dist/cjs/tests/buttons/FeedbackButton.test.d.ts +1 -0
  14. package/dist/cjs/tests/buttons/LockButtons.test.d.ts +1 -0
  15. package/dist/cjs/tests/buttons/MaximizeButton.test.d.ts +1 -0
  16. package/dist/cjs/tests/buttons/MinimizeButton.test.d.ts +1 -0
  17. package/dist/cjs/tests/buttons/OverflowButton.test.d.ts +1 -0
  18. package/dist/cjs/tests/buttons/RestoreButton.test.d.ts +1 -0
  19. package/dist/cjs/tests/buttons/StickyButton.test.d.ts +1 -0
  20. package/dist/cjs/tests/buttons/UnlockButton.test.d.ts +1 -0
  21. package/dist/cjs/tests/captionEditor/CaptionEditor.test.d.ts +1 -0
  22. package/dist/cjs/tests/channelSelector/BaseChannelSelector.test.d.ts +1 -0
  23. package/dist/cjs/tests/flatCaptionBar/FlatCaptionBar.test.d.ts +1 -0
  24. package/dist/cjs/tests/groupCaptionBar/GroupCaptionBar.test.d.ts +1 -0
  25. package/dist/cjs/tests/htmlButtonBar/HtmlButtonBar.test.d.ts +1 -0
  26. package/dist/cjs/tests/popups/TabOverflowPopup.test.d.ts +1 -0
  27. package/dist/cjs/tests/tabs/Tab.test.d.ts +1 -0
  28. package/dist/cjs/types/api.d.ts +12 -1
  29. package/dist/cjs/types/defaultComponents.d.ts +10 -2
  30. package/dist/cjs/types/internal.d.ts +48 -45
  31. package/dist/cjs/webGroupsManager.d.ts +6 -1
  32. package/dist/esm/GroupWrapper.d.ts +2 -1
  33. package/dist/esm/defaultComponents/buttons/StandardButton.d.ts +4 -0
  34. package/dist/esm/defaultComponents/utils/common.d.ts +3 -0
  35. package/dist/esm/defaultComponents/utils/useDragMove.d.ts +6 -0
  36. package/dist/esm/index.d.ts +2 -1
  37. package/dist/esm/index.js +207 -93
  38. package/dist/esm/index.js.map +1 -1
  39. package/dist/esm/tests/buttons/BaseButton.test.d.ts +1 -0
  40. package/dist/esm/tests/buttons/CloneButton.test.d.ts +1 -0
  41. package/dist/esm/tests/buttons/CloseButton.test.d.ts +1 -0
  42. package/dist/esm/tests/buttons/CustomButton.test.d.ts +1 -0
  43. package/dist/esm/tests/buttons/ExtractButton.test.d.ts +1 -0
  44. package/dist/esm/tests/buttons/FeedbackButton.test.d.ts +1 -0
  45. package/dist/esm/tests/buttons/LockButtons.test.d.ts +1 -0
  46. package/dist/esm/tests/buttons/MaximizeButton.test.d.ts +1 -0
  47. package/dist/esm/tests/buttons/MinimizeButton.test.d.ts +1 -0
  48. package/dist/esm/tests/buttons/OverflowButton.test.d.ts +1 -0
  49. package/dist/esm/tests/buttons/RestoreButton.test.d.ts +1 -0
  50. package/dist/esm/tests/buttons/StickyButton.test.d.ts +1 -0
  51. package/dist/esm/tests/buttons/UnlockButton.test.d.ts +1 -0
  52. package/dist/esm/tests/captionEditor/CaptionEditor.test.d.ts +1 -0
  53. package/dist/esm/tests/channelSelector/BaseChannelSelector.test.d.ts +1 -0
  54. package/dist/esm/tests/flatCaptionBar/FlatCaptionBar.test.d.ts +1 -0
  55. package/dist/esm/tests/groupCaptionBar/GroupCaptionBar.test.d.ts +1 -0
  56. package/dist/esm/tests/htmlButtonBar/HtmlButtonBar.test.d.ts +1 -0
  57. package/dist/esm/tests/popups/TabOverflowPopup.test.d.ts +1 -0
  58. package/dist/esm/tests/tabs/Tab.test.d.ts +1 -0
  59. package/dist/esm/types/api.d.ts +12 -1
  60. package/dist/esm/types/defaultComponents.d.ts +10 -2
  61. package/dist/esm/types/internal.d.ts +48 -45
  62. package/dist/esm/webGroupsManager.d.ts +6 -1
  63. package/dist/styles/groups.css +156 -76
  64. package/dist/styles/vars.css +865 -78
  65. package/package.json +36 -28
  66. package/dist/cjs/useGDWindow.d.ts +0 -2
  67. package/dist/esm/useGDWindow.d.ts +0 -2
  68. package/dist/styles/fonts.css +0 -2
  69. package/dist/styles/styles.css +0 -679
  70. package/dist/styles/themes.css +0 -155
@@ -1,155 +0,0 @@
1
- :root {
2
- --bs-blue: #1c89ea;
3
- --bs-indigo: #6610f2;
4
- --bs-purple: #6f42c1;
5
- --bs-pink: #fd397a;
6
- --bs-red: #ff511f;
7
- --bs-orange: #fd7e14;
8
- --bs-yellow: #f9a825;
9
- --bs-green: #43a047;
10
- --bs-teal: #616161;
11
- --bs-cyan: #469eb9;
12
- --bs-white: #fff;
13
- --bs-gray: #6c757d;
14
- --bs-gray-dark: #343a40;
15
- --bs-gray-100: #f8f9fa;
16
- --bs-gray-200: #e9ecef;
17
- --bs-gray-300: #dee2e6;
18
- --bs-gray-400: #ced4da;
19
- --bs-gray-500: #adb5bd;
20
- --bs-gray-600: #6c757d;
21
- --bs-gray-700: #495057;
22
- --bs-gray-800: #343a40;
23
- --bs-gray-900: #212529;
24
- --bs-primary: #1c89ea;
25
- --bs-secondary: #616161;
26
- --bs-success: #43a047;
27
- --bs-info: #469eb9;
28
- --bs-warning: #f9a825;
29
- --bs-danger: #ff511f;
30
- --bs-light: #616161;
31
- --bs-dark: #616161;
32
- --bs-primary-rgb: 28, 137, 234;
33
- --bs-secondary-rgb: 97, 97, 97;
34
- --bs-success-rgb: 67, 160, 71;
35
- --bs-info-rgb: 70, 158, 185;
36
- --bs-warning-rgb: 249, 168, 37;
37
- --bs-danger-rgb: 255, 81, 31;
38
- --bs-light-rgb: 97, 97, 97;
39
- --bs-dark-rgb: 97, 97, 97;
40
- --bs-white-rgb: 255, 255, 255;
41
- --bs-black-rgb: 0, 0, 0;
42
- --bs-body-color-rgb: 33, 37, 41;
43
- --bs-body-bg-rgb: 255, 255, 255;
44
- --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
45
- "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
46
- "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
47
- "Noto Color Emoji";
48
- --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
49
- "Liberation Mono", "Courier New", monospace;
50
- --bs-gradient: linear-gradient(
51
- 180deg,
52
- rgba(255, 255, 255, 0.15),
53
- rgba(255, 255, 255, 0)
54
- );
55
- --bs-body-font-family: Montserrat, Helvetica Neue, Arial, sans-serif;
56
- --bs-body-font-size: 0.75rem;
57
- --bs-body-font-weight: 400;
58
- --bs-body-line-height: 1.5;
59
- --bs-body-color: #212529;
60
- --bs-body-bg: #fff;
61
- }
62
- :root {
63
- --t42-font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
64
- --t42-font-size: 0.75rem;
65
- --bs-gutter-x: 0.938rem;
66
- --primary: #1c89ea;
67
- --secondary: #616161;
68
- --success: #43a047;
69
- --info: #616161;
70
- --warning: #f9a825;
71
- --danger: #ff511f;
72
- --light: #616161;
73
- --dark: #616161;
74
- --white: #ffffff;
75
- }
76
- .dark {
77
- --t42-bg-light-base: 0, 0%;
78
- --t42-bg-light-l: 18%;
79
- --t42-bg-light: 45, 45, 45;
80
- --t42-bg-mid: 37, 37, 37;
81
- --t42-bg-dark: 30, 30, 30;
82
- --t42-content-color-base: 0, 0%;
83
- --t42-content-color: #bababa;
84
- --t42-content-color-l: 73%;
85
- --t42-content-color-muted: hsl(var(--t42-content-color-base), 63%);
86
- --t42-content-color-disabled: hsl(var(--t42-content-color-base), 43%);
87
- --t42-color-opacity-025: hsla(var(--t42-content-color-base), 100%, 0.025);
88
- --t42-color-opacity-05: hsla(var(--t42-content-color-base), 100%, 0.05);
89
- --t42-color-opacity-10: hsla(var(--t42-content-color-base), 100%, 0.1);
90
- --t42-color-opacity-20: hsla(var(--t42-content-color-base), 100%, 0.2);
91
- --t42-color-opacity-30: hsla(var(--t42-content-color-base), 100%, 0.3);
92
- --t42-link-color: hsl(var(--t42-content-color-base), 100%);
93
- --t42-shadow: 0 0 12px 0 hsla(var(--t42-content-color-base), 0%, 0.15);
94
- --t42-border: 0.0625rem solid var(--t42-color-opacity-10);
95
- --t42-logo-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzAuMSAxMTcuOCI+Cgk8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTY3LjcsNTMuMiwxMTYuOCwyLjNBNy45LDcuOSwwLDAsMCwxMTEuMiwwYTguMSw4LjEsMCwwLDAtNS43LDIuM2wtOS45LDEwYTEuOSwxLjksMCwwLDAsMCwyLjhsNyw3LjFhMi4xLDIuMSwwLDAsMCwyLjksMGw0LjMtNC4zYTEuOSwxLjksMCwwLDEsMi44LDBsMzkuNiwzOS42YTEuOSwxLjksMCwwLDEsMCwyLjhMMTEyLjYsOTkuOWExLjksMS45LDAsMCwxLTIuOCwwTDcwLjIsNjAuM2ExLjksMS45LDAsMCwxLDAtMi44bDQtNGEyLjEsMi4xLDAsMCwwLDAtMi45bC03LjEtN2ExLjksMS45LDAsMCwwLTIuOCwwbC05LjcsOS42YTgsOCwwLDAsMCwwLDExLjNsNTAuOSw1MC45YTguMiw4LjIsMCwwLDAsNS43LDIuNCw4LDgsMCwwLDAsNS42LTIuNGw1MC45LTUwLjlBNy45LDcuOSwwLDAsMCwxNjcuNyw1My4yWiIgLz4KCTxwYXRoIGZpbGw9IiMxYzg5ZWEiIGQ9Ik0yLjMsNjQuNWw1MC45LDUwLjlhOC4yLDguMiwwLDAsMCw1LjcsMi40LDgsOCwwLDAsMCw1LjYtMi40bDEwLTkuOWEyLjEsMi4xLDAsMCwwLDAtMi45bC03LjEtN2ExLjksMS45LDAsMCwwLTIuOCwwbC00LjMsNC4zYTEuOSwxLjksMCwwLDEtMi44LDBMMTcuOSw2MC4zYTEuOSwxLjksMCwwLDEsMC0yLjhMNTcuNSwxNy45YTEuOSwxLjksMCwwLDEsMi44LDBMOTkuOSw1Ny41YTEuOSwxLjksMCwwLDEsMCwyLjhsLTQsNGExLjksMS45LDAsMCwwLDAsMi44bDcsNy4xYTIuMSwyLjEsMCwwLDAsMi45LDBsOS42LTkuN2E3LjksNy45LDAsMCwwLDAtMTEuM0w2NC41LDIuM0E3LjksNy45LDAsMCwwLDU4LjksMGE4LjEsOC4xLDAsMCwwLTUuNywyLjNMMi4zLDUzLjJBOCw4LDAsMCwwLDIuMyw2NC41WiIgLz4KPC9zdmc+Cg==");
96
- --t42-icon-color: var(--t42-link-color);
97
- --t42-list-group-hover-bg-special: hsla(
98
- var(--t42-content-color-base),
99
- 100%,
100
- 0.065
101
- );
102
- --backdrop-filter: blur(5px) saturate(200%);
103
- --accordion-filter: invert(1) brightness(1);
104
- --filter-close: invert(1);
105
- --t42-body: rgb(var(--t42-bg-dark));
106
- --pink: rgb(0 170 200);
107
- --t42-link-hover-color: hsl(var(--t42-bg-light-base), 100%);
108
- --t42-link-hover-bg: var(--t42-color-opacity-05);
109
- --t42-link-active-bg: var(--t42-color-opacity-10);
110
- --t42-input-bg: rgb(var(--t42-bg-dark));
111
- --t42-input-disabled-bg: Hsla(var(--t42-content-color-base), 100%, 0.075);
112
- --t42-tooltip-bg: rgba(var(--t42-bg-dark), 0.85);
113
- --t42-modal-bg: rgba(var(--t42-bg-light), 0.75);
114
- --t42-table-active-bg: rgba(255, 255, 255, 0.1);
115
- --t42-select-indicator: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNFRUVFRUUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTIuNSA1LjVjLjQtLjQgMS0uNSAxLjYgMGwzLjkgMy43bDMuOS0zLjdjLjUtLjUgMS4xLS40IDEuNiAwYy40LjQuNCAxLjIgMCAxLjZjLS40LjQtNC43IDQuNS00LjcgNC41Yy0uMi4yLS41LjMtLjguM3MtLjYtLjEtLjgtLjNjMCAwLTQuMy00LjEtNC43LTQuNXMtLjQtMS4yIDAtMS42eiI+PC9wYXRoPjwvc3ZnPg==");
116
- }
117
- .light {
118
- --t42-bg-light-base: 0, 0%;
119
- --t42-bg-light-l: 100%;
120
- --t42-bg-light: 255, 255, 255;
121
- --t42-bg-mid: 250, 250, 250;
122
- --t42-bg-dark: 245, 245, 245;
123
- --t42-content-color-base: 0, 0%;
124
- --t42-content-color: #757575;
125
- --t42-content-color-l: 46%;
126
- --t42-content-color-muted: hsl(var(--t42-content-color-base), 66%);
127
- --t42-color-opacity-025: hsla(var(--t42-content-color-base), 0%, 0.025);
128
- --t42-color-opacity-05: hsla(var(--t42-content-color-base), 0%, 0.05);
129
- --t42-color-opacity-10: hsla(var(--t42-content-color-base), 0%, 0.075);
130
- --t42-color-opacity-30: hsla(var(--t42-content-color-base), 0%, 0.1);
131
- --t42-color-opacity-20: hsla(var(--t42-content-color-base), 0%, 0.2);
132
- --t42-link-color: hsl(var(--t42-content-color-base), 5%);
133
- --t42-shadow: 0 0 12px 0 hsla(var(--t42-content-color-base), 0%, 0.05);
134
- --t42-border: 0.0625rem solid var(--t42-color-opacity-10);
135
- --t42-logo-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzAuMSAxMTcuOCI+Cgk8cGF0aCBmaWxsPSIjNjA2MzY5IiBkPSJNMTY3LjcsNTMuMiwxMTYuOCwyLjNBNy45LDcuOSwwLDAsMCwxMTEuMiwwYTguMSw4LjEsMCwwLDAtNS43LDIuM2wtOS45LDEwYTEuOSwxLjksMCwwLDAsMCwyLjhsNyw3LjFhMi4xLDIuMSwwLDAsMCwyLjksMGw0LjMtNC4zYTEuOSwxLjksMCwwLDEsMi44LDBsMzkuNiwzOS42YTEuOSwxLjksMCwwLDEsMCwyLjhMMTEyLjYsOTkuOWExLjksMS45LDAsMCwxLTIuOCwwTDcwLjIsNjAuM2ExLjksMS45LDAsMCwxLDAtMi44bDQtNGEyLjEsMi4xLDAsMCwwLDAtMi45bC03LjEtN2ExLjksMS45LDAsMCwwLTIuOCwwbC05LjcsOS42YTgsOCwwLDAsMCwwLDExLjNsNTAuOSw1MC45YTguMiw4LjIsMCwwLDAsNS43LDIuNCw4LDgsMCwwLDAsNS42LTIuNGw1MC45LTUwLjlBNy45LDcuOSwwLDAsMCwxNjcuNyw1My4yWiIgLz4KCTxwYXRoIGZpbGw9IiMxYzg5ZWEiIGQ9Ik0yLjMsNjQuNWw1MC45LDUwLjlhOC4yLDguMiwwLDAsMCw1LjcsMi40LDgsOCwwLDAsMCw1LjYtMi40bDEwLTkuOWEyLjEsMi4xLDAsMCwwLDAtMi45bC03LjEtN2ExLjksMS45LDAsMCwwLTIuOCwwbC00LjMsNC4zYTEuOSwxLjksMCwwLDEtMi44LDBMMTcuOSw2MC4zYTEuOSwxLjksMCwwLDEsMC0yLjhMNTcuNSwxNy45YTEuOSwxLjksMCwwLDEsMi44LDBMOTkuOSw1Ny41YTEuOSwxLjksMCwwLDEsMCwyLjhsLTQsNGExLjksMS45LDAsMCwwLDAsMi44bDcsNy4xYTIuMSwyLjEsMCwwLDAsMi45LDBsOS42LTkuN2E3LjksNy45LDAsMCwwLDAtMTEuM0w2NC41LDIuM0E3LjksNy45LDAsMCwwLDU4LjksMGE4LjEsOC4xLDAsMCwwLTUuNywyLjNMMi4zLDUzLjJBOCw4LDAsMCwwLDIuMyw2NC41WiIgLz4KPC9zdmc+Cg==");
136
- --t42-icon-color: Hsl(var(--t42-content-color-base), 38%);
137
- --t42-list-group-hover-bg-special: hsla(
138
- var(--t42-content-color-base),
139
- 95%,
140
- 0.065
141
- );
142
- --backdrop-filter: blur(5px) saturate(200%);
143
- --accordion-filter: brightness(0%);
144
- --filter-close: invert(0);
145
- --t42-body: rgb(var(--t42-bg-mid));
146
- --t42-link-hover-color: hsl(var(--t42-bg-light-base), 0%);
147
- --t42-link-hover-bg: hsl(var(--t42-content-color-base), 95%);
148
- --t42-link-active-bg: hsl(var(--t42-content-color-base), 90%);
149
- --t42-input-bg: rgb(var(--t42-bg-light));
150
- --t42-input-disabled-bg: var(--t42-color-opacity-10);
151
- --t42-tooltip-bg: rgba(var(--t42-bg-light), 0.95);
152
- --t42-modal-bg: rgba(var(--t42-bg-light), 0.95);
153
- --t42-table-active-bg: rgba(0, 0, 0, 0.025);
154
- --t42-select-indicator: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM2MTYxNjEiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTIuNSA1LjVjLjQtLjQgMS0uNSAxLjYgMGwzLjkgMy43bDMuOS0zLjdjLjUtLjUgMS4xLS40IDEuNiAwYy40LjQuNCAxLjIgMCAxLjZjLS40LjQtNC43IDQuNS00LjcgNC41Yy0uMi4yLS41LjMtLjguM3MtLjYtLjEtLjgtLjNjMCAwLTQuMy00LjEtNC43LTQuNXMtLjQtMS4yIDAtMS42eiI+PC9wYXRoPjwvc3ZnPg==");
155
- }