@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.
- package/dist/cjs/GroupWrapper.d.ts +2 -1
- package/dist/cjs/defaultComponents/buttons/StandardButton.d.ts +4 -0
- package/dist/cjs/defaultComponents/utils/common.d.ts +3 -0
- package/dist/cjs/defaultComponents/utils/useDragMove.d.ts +6 -0
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.js +207 -92
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/tests/buttons/BaseButton.test.d.ts +1 -0
- package/dist/cjs/tests/buttons/CloneButton.test.d.ts +1 -0
- package/dist/cjs/tests/buttons/CloseButton.test.d.ts +1 -0
- package/dist/cjs/tests/buttons/CustomButton.test.d.ts +1 -0
- package/dist/cjs/tests/buttons/ExtractButton.test.d.ts +1 -0
- package/dist/cjs/tests/buttons/FeedbackButton.test.d.ts +1 -0
- package/dist/cjs/tests/buttons/LockButtons.test.d.ts +1 -0
- package/dist/cjs/tests/buttons/MaximizeButton.test.d.ts +1 -0
- package/dist/cjs/tests/buttons/MinimizeButton.test.d.ts +1 -0
- package/dist/cjs/tests/buttons/OverflowButton.test.d.ts +1 -0
- package/dist/cjs/tests/buttons/RestoreButton.test.d.ts +1 -0
- package/dist/cjs/tests/buttons/StickyButton.test.d.ts +1 -0
- package/dist/cjs/tests/buttons/UnlockButton.test.d.ts +1 -0
- package/dist/cjs/tests/captionEditor/CaptionEditor.test.d.ts +1 -0
- package/dist/cjs/tests/channelSelector/BaseChannelSelector.test.d.ts +1 -0
- package/dist/cjs/tests/flatCaptionBar/FlatCaptionBar.test.d.ts +1 -0
- package/dist/cjs/tests/groupCaptionBar/GroupCaptionBar.test.d.ts +1 -0
- package/dist/cjs/tests/htmlButtonBar/HtmlButtonBar.test.d.ts +1 -0
- package/dist/cjs/tests/popups/TabOverflowPopup.test.d.ts +1 -0
- package/dist/cjs/tests/tabs/Tab.test.d.ts +1 -0
- package/dist/cjs/types/api.d.ts +12 -1
- package/dist/cjs/types/defaultComponents.d.ts +10 -2
- package/dist/cjs/types/internal.d.ts +48 -45
- package/dist/cjs/webGroupsManager.d.ts +6 -1
- package/dist/esm/GroupWrapper.d.ts +2 -1
- package/dist/esm/defaultComponents/buttons/StandardButton.d.ts +4 -0
- package/dist/esm/defaultComponents/utils/common.d.ts +3 -0
- package/dist/esm/defaultComponents/utils/useDragMove.d.ts +6 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +207 -93
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/tests/buttons/BaseButton.test.d.ts +1 -0
- package/dist/esm/tests/buttons/CloneButton.test.d.ts +1 -0
- package/dist/esm/tests/buttons/CloseButton.test.d.ts +1 -0
- package/dist/esm/tests/buttons/CustomButton.test.d.ts +1 -0
- package/dist/esm/tests/buttons/ExtractButton.test.d.ts +1 -0
- package/dist/esm/tests/buttons/FeedbackButton.test.d.ts +1 -0
- package/dist/esm/tests/buttons/LockButtons.test.d.ts +1 -0
- package/dist/esm/tests/buttons/MaximizeButton.test.d.ts +1 -0
- package/dist/esm/tests/buttons/MinimizeButton.test.d.ts +1 -0
- package/dist/esm/tests/buttons/OverflowButton.test.d.ts +1 -0
- package/dist/esm/tests/buttons/RestoreButton.test.d.ts +1 -0
- package/dist/esm/tests/buttons/StickyButton.test.d.ts +1 -0
- package/dist/esm/tests/buttons/UnlockButton.test.d.ts +1 -0
- package/dist/esm/tests/captionEditor/CaptionEditor.test.d.ts +1 -0
- package/dist/esm/tests/channelSelector/BaseChannelSelector.test.d.ts +1 -0
- package/dist/esm/tests/flatCaptionBar/FlatCaptionBar.test.d.ts +1 -0
- package/dist/esm/tests/groupCaptionBar/GroupCaptionBar.test.d.ts +1 -0
- package/dist/esm/tests/htmlButtonBar/HtmlButtonBar.test.d.ts +1 -0
- package/dist/esm/tests/popups/TabOverflowPopup.test.d.ts +1 -0
- package/dist/esm/tests/tabs/Tab.test.d.ts +1 -0
- package/dist/esm/types/api.d.ts +12 -1
- package/dist/esm/types/defaultComponents.d.ts +10 -2
- package/dist/esm/types/internal.d.ts +48 -45
- package/dist/esm/webGroupsManager.d.ts +6 -1
- package/dist/styles/groups.css +156 -76
- package/dist/styles/vars.css +865 -78
- package/package.json +36 -28
- package/dist/cjs/useGDWindow.d.ts +0 -2
- package/dist/esm/useGDWindow.d.ts +0 -2
- package/dist/styles/fonts.css +0 -2
- package/dist/styles/styles.css +0 -679
- package/dist/styles/themes.css +0 -155
package/dist/styles/themes.css
DELETED
|
@@ -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
|
-
}
|