@interopio/groups-ui-react 2.6.1 → 2.7.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/useGDWindow.d.ts +2 -0
- package/dist/esm/useGDWindow.d.ts +2 -0
- package/dist/styles/fonts.css +2 -0
- package/dist/styles/groups.css +15 -11
- package/dist/styles/styles.css +679 -0
- package/dist/styles/themes.css +155 -0
- package/package.json +4 -4
|
@@ -0,0 +1,155 @@
|
|
|
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
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@interopio/groups-ui-react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.7.0",
|
|
4
4
|
"description": "React library for building a Web Group App for io.Connect Desktop.",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "interop.io",
|
|
@@ -28,17 +28,17 @@
|
|
|
28
28
|
"prepublishOnly": "npm run build",
|
|
29
29
|
"preversion": "npm run build",
|
|
30
30
|
"version": "npm run build",
|
|
31
|
-
"clean": ""
|
|
31
|
+
"clean": "rimraf ./node_modules/react && rimraf ./node_modules/react-dom && rimraf ./node_modules/@interopio/react-hooks"
|
|
32
32
|
},
|
|
33
33
|
"publishConfig": {
|
|
34
34
|
"access": "public"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@interopio/theme": "
|
|
37
|
+
"@interopio/theme": "2.1.32",
|
|
38
38
|
"callback-registry": "^2.7.2",
|
|
39
39
|
"color2k": "^2.0.0",
|
|
40
40
|
"overlayscrollbars": "^2.8.3",
|
|
41
|
-
"use-sync-external-store": "^1.
|
|
41
|
+
"use-sync-external-store": "^1.2.0"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"@interopio/react-hooks": "^3.0.2",
|