@quartzds/core-react 1.0.0-beta.12 → 1.0.0-beta.120

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 (58) hide show
  1. package/CHANGELOG.md +1567 -0
  2. package/README.md +12 -12
  3. package/lib/index.cjs +547 -0
  4. package/lib/index.d.cts +205 -0
  5. package/lib/index.d.ts +205 -3
  6. package/lib/index.js +475 -6
  7. package/lib/ssr/next.cjs +53 -0
  8. package/lib/ssr/next.d.cts +5 -0
  9. package/lib/ssr/next.d.ts +5 -0
  10. package/lib/ssr/next.js +22 -0
  11. package/lib/ssr/vite.cjs +53 -0
  12. package/lib/ssr/vite.d.cts +5 -0
  13. package/lib/ssr/vite.d.ts +5 -0
  14. package/lib/ssr/vite.js +22 -0
  15. package/lib/ssr/webpack.cjs +53 -0
  16. package/lib/ssr/webpack.d.cts +7 -0
  17. package/lib/ssr/webpack.d.ts +7 -0
  18. package/lib/ssr/webpack.js +22 -0
  19. package/package.json +32 -17
  20. package/styles/core.css +507 -0
  21. package/lib/generated/proxies.d.ts +0 -17
  22. package/lib/generated/proxies.d.ts.map +0 -1
  23. package/lib/generated/proxies.js +0 -35
  24. package/lib/generated/proxies.js.map +0 -1
  25. package/lib/generated/react-component-lib/createComponent.d.ts +0 -11
  26. package/lib/generated/react-component-lib/createComponent.d.ts.map +0 -1
  27. package/lib/generated/react-component-lib/createComponent.js +0 -68
  28. package/lib/generated/react-component-lib/createComponent.js.map +0 -1
  29. package/lib/generated/react-component-lib/createOverlayComponent.d.ts +0 -22
  30. package/lib/generated/react-component-lib/createOverlayComponent.d.ts.map +0 -1
  31. package/lib/generated/react-component-lib/createOverlayComponent.js +0 -96
  32. package/lib/generated/react-component-lib/createOverlayComponent.js.map +0 -1
  33. package/lib/generated/react-component-lib/index.d.ts +0 -3
  34. package/lib/generated/react-component-lib/index.d.ts.map +0 -1
  35. package/lib/generated/react-component-lib/index.js +0 -3
  36. package/lib/generated/react-component-lib/index.js.map +0 -1
  37. package/lib/generated/react-component-lib/interfaces.d.ts +0 -30
  38. package/lib/generated/react-component-lib/interfaces.d.ts.map +0 -1
  39. package/lib/generated/react-component-lib/interfaces.js +0 -2
  40. package/lib/generated/react-component-lib/interfaces.js.map +0 -1
  41. package/lib/generated/react-component-lib/utils/attachProps.d.ts +0 -17
  42. package/lib/generated/react-component-lib/utils/attachProps.d.ts.map +0 -1
  43. package/lib/generated/react-component-lib/utils/attachProps.js +0 -108
  44. package/lib/generated/react-component-lib/utils/attachProps.js.map +0 -1
  45. package/lib/generated/react-component-lib/utils/case.d.ts +0 -3
  46. package/lib/generated/react-component-lib/utils/case.d.ts.map +0 -1
  47. package/lib/generated/react-component-lib/utils/case.js +0 -7
  48. package/lib/generated/react-component-lib/utils/case.js.map +0 -1
  49. package/lib/generated/react-component-lib/utils/dev.d.ts +0 -3
  50. package/lib/generated/react-component-lib/utils/dev.d.ts.map +0 -1
  51. package/lib/generated/react-component-lib/utils/dev.js +0 -13
  52. package/lib/generated/react-component-lib/utils/dev.js.map +0 -1
  53. package/lib/generated/react-component-lib/utils/index.d.ts +0 -11
  54. package/lib/generated/react-component-lib/utils/index.d.ts.map +0 -1
  55. package/lib/generated/react-component-lib/utils/index.js +0 -32
  56. package/lib/generated/react-component-lib/utils/index.js.map +0 -1
  57. package/lib/index.d.ts.map +0 -1
  58. package/lib/index.js.map +0 -1
@@ -0,0 +1,53 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+
30
+ // src/ssr/webpack.ts
31
+ var webpack_exports = {};
32
+ __export(webpack_exports, {
33
+ default: () => QuartzSSRWebpackPlugin
34
+ });
35
+ module.exports = __toCommonJS(webpack_exports);
36
+ var import_webpack = require("@stencil/ssr/webpack");
37
+
38
+ // src/ssr/shared.ts
39
+ var shared_default = {
40
+ from: "@quartzds/core-react",
41
+ module: import("@quartzds/core-react"),
42
+ hydrateModule: import("@quartzds/core/hydrate")
43
+ };
44
+
45
+ // src/ssr/webpack.ts
46
+ var QuartzSSRWebpackPlugin = class extends import_webpack.StencilSSRWebpackPlugin {
47
+ constructor(pluginOptions) {
48
+ super({
49
+ ...shared_default,
50
+ ...pluginOptions
51
+ });
52
+ }
53
+ };
@@ -0,0 +1,7 @@
1
+ import { StencilSSRWebpackPlugin } from '@stencil/ssr/webpack';
2
+
3
+ declare class QuartzSSRWebpackPlugin extends StencilSSRWebpackPlugin {
4
+ constructor(pluginOptions: ConstructorParameters<typeof StencilSSRWebpackPlugin>[0]);
5
+ }
6
+
7
+ export { QuartzSSRWebpackPlugin as default };
@@ -0,0 +1,7 @@
1
+ import { StencilSSRWebpackPlugin } from '@stencil/ssr/webpack';
2
+
3
+ declare class QuartzSSRWebpackPlugin extends StencilSSRWebpackPlugin {
4
+ constructor(pluginOptions: ConstructorParameters<typeof StencilSSRWebpackPlugin>[0]);
5
+ }
6
+
7
+ export { QuartzSSRWebpackPlugin as default };
@@ -0,0 +1,22 @@
1
+ // src/ssr/webpack.ts
2
+ import { StencilSSRWebpackPlugin } from "@stencil/ssr/webpack";
3
+
4
+ // src/ssr/shared.ts
5
+ var shared_default = {
6
+ from: "@quartzds/core-react",
7
+ module: import("@quartzds/core-react"),
8
+ hydrateModule: import("@quartzds/core/hydrate")
9
+ };
10
+
11
+ // src/ssr/webpack.ts
12
+ var QuartzSSRWebpackPlugin = class extends StencilSSRWebpackPlugin {
13
+ constructor(pluginOptions) {
14
+ super({
15
+ ...shared_default,
16
+ ...pluginOptions
17
+ });
18
+ }
19
+ };
20
+ export {
21
+ QuartzSSRWebpackPlugin as default
22
+ };
package/package.json CHANGED
@@ -1,41 +1,47 @@
1
1
  {
2
2
  "name": "@quartzds/core-react",
3
- "version": "1.0.0-beta.12",
3
+ "version": "1.0.0-beta.120",
4
4
  "description": "React wrapper for @quartzds/core",
5
5
  "homepage": "https://github.com/quartzds/core-foundations/tree/main/packages/react",
6
6
  "bugs": {
7
7
  "url": "https://github.com/quartzds/core-foundations/issues"
8
8
  },
9
9
  "repository": "https://github.com/quartzds/core-foundations",
10
- "license": "LGPL-2.1-only",
10
+ "license": "Apache-2.0",
11
+ "type": "module",
11
12
  "exports": {
12
13
  ".": {
13
- "types": "./lib/index.d.ts",
14
- "import": "./lib/index.js"
14
+ "require": "./lib/index.cjs",
15
+ "default": "./lib/index.js"
15
16
  },
17
+ "./ssr/*": {
18
+ "require": "./lib/ssr/*.cjs",
19
+ "default": "./lib/ssr/*.js"
20
+ },
21
+ "./styles/*": "./styles/*",
22
+ "./CHANGELOG.md": "./CHANGELOG.md",
16
23
  "./package.json": "./package.json"
17
24
  },
18
- "main": "./lib/index.js",
19
- "types": "./lib/index.d.ts",
25
+ "main": "./lib/index.cjs",
20
26
  "files": [
21
- "lib/**"
27
+ "lib/**",
28
+ "styles/**",
29
+ "CHANGELOG.md"
22
30
  ],
23
- "scripts": {
24
- "clean": "rimraf lib/"
25
- },
26
31
  "dependencies": {
27
- "@quartzds/core": "1.0.0-beta.13"
28
- },
29
- "devDependencies": {
30
- "@types/react": "18.2.14",
31
- "@types/react-dom": "18.2.6",
32
- "rimraf": "5.0.1"
32
+ "@quartzds/core": "1.0.0-beta.121",
33
+ "@stencil/core": "^4.37.0",
34
+ "@stencil/react-output-target": "^1.2.0",
35
+ "@stencil/ssr": "^0.1.1"
33
36
  },
34
37
  "peerDependencies": {
35
38
  "@types/react": ">=17.0.0",
36
39
  "@types/react-dom": ">=17.0.0",
40
+ "next": "^13.0.0 || ^14.0.0 || ^15.0.0",
37
41
  "react": ">=17.0.0",
38
- "react-dom": ">=17.0.0"
42
+ "react-dom": ">=17.0.0",
43
+ "vite": "^6.0.0",
44
+ "webpack": "^5.0.0"
39
45
  },
40
46
  "peerDependenciesMeta": {
41
47
  "@types/react": {
@@ -43,6 +49,15 @@
43
49
  },
44
50
  "@types/react-dom": {
45
51
  "optional": true
52
+ },
53
+ "next": {
54
+ "optional": true
55
+ },
56
+ "vite": {
57
+ "optional": true
58
+ },
59
+ "webpack": {
60
+ "optional": true
46
61
  }
47
62
  },
48
63
  "engines": {
@@ -0,0 +1,507 @@
1
+ /**
2
+ * SPDX-FileCopyrightText: © 2024 Schneider Electric
3
+ *
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+
7
+ [dir='rtl'] {
8
+ --qds-direction-factor: -1;
9
+ }
10
+
11
+ :is(
12
+ [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
13
+ [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
14
+ )
15
+ figure {
16
+ display: flex;
17
+ flex-direction: column;
18
+ gap: var(--qds-figure-gap);
19
+ }
20
+
21
+ :is(
22
+ [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
23
+ [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
24
+ )
25
+ figcaption {
26
+ color: var(--qds-theme-figure-caption);
27
+ font: var(--qds-figure-caption);
28
+ }
29
+
30
+ :is(
31
+ [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
32
+ [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
33
+ )
34
+ :is(li, p, pre) {
35
+ color: var(--qds-theme-text-standard);
36
+ }
37
+
38
+ :is(
39
+ [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
40
+ [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
41
+ )
42
+ :is(li, p) {
43
+ font: var(--qds-text-standard);
44
+ }
45
+
46
+ :is(
47
+ [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
48
+ [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
49
+ )
50
+ :is(li, p)
51
+ strong {
52
+ font: var(--qds-text-emphasized);
53
+ }
54
+
55
+ :is(
56
+ [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
57
+ [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
58
+ )
59
+ pre {
60
+ font: var(--qds-code-standard);
61
+ }
62
+
63
+ :is(
64
+ [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
65
+ [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
66
+ )
67
+ pre
68
+ strong {
69
+ font: var(--qds-code-emphasized);
70
+ }
71
+
72
+ :is(
73
+ [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
74
+ [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
75
+ )
76
+ :is(menu, ol, ul) {
77
+ padding-inline-start: var(--qds-list-item-standard-padding-indent-step);
78
+ }
79
+
80
+ :is(
81
+ [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
82
+ [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
83
+ )
84
+ :is(li, p, span).qds-subdued {
85
+ color: var(--qds-theme-text-subdued);
86
+ font: var(--qds-text-subdued);
87
+ }
88
+
89
+ :is(
90
+ .qds-accessory-section,
91
+ .qds-accessory,
92
+ .qds-controls-jumbo,
93
+ .qds-controls-large,
94
+ .qds-controls-small,
95
+ .qds-controls,
96
+ .qds-main-section,
97
+ .qds-main-subsection,
98
+ .qds-main,
99
+ .qds-navigation-section,
100
+ .qds-navigation-subsection,
101
+ .qds-navigation,
102
+ .qds-panel-section,
103
+ .qds-panel-subsection,
104
+ .qds-panel,
105
+ .qds-popup-section,
106
+ .qds-popup-subsection,
107
+ .qds-popup
108
+ )
109
+ :is(blockquote, figure, input, menu, ol, p, pre, ul) {
110
+ margin: 0;
111
+ }
112
+
113
+ .qds-accessory-section,
114
+ .qds-accessory,
115
+ .qds-controls-jumbo,
116
+ .qds-controls-large,
117
+ .qds-controls-small,
118
+ .qds-controls,
119
+ .qds-main-section,
120
+ .qds-main-subsection,
121
+ .qds-main,
122
+ .qds-navigation-section,
123
+ .qds-navigation-subsection,
124
+ .qds-navigation,
125
+ .qds-panel-section,
126
+ .qds-panel-subsection,
127
+ .qds-panel,
128
+ .qds-popup-section,
129
+ .qds-popup-subsection,
130
+ .qds-popup {
131
+ align-items: flex-start;
132
+ display: flex;
133
+ flex-direction: column;
134
+ }
135
+
136
+ :is(
137
+ [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
138
+ [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
139
+ )
140
+ :is(
141
+ .qds-accessory,
142
+ .qds-main-subsection,
143
+ .qds-main,
144
+ .qds-navigation-subsection,
145
+ .qds-navigation,
146
+ .qds-panel-subsection,
147
+ .qds-panel,
148
+ .qds-popup-subsection,
149
+ .qds-popup
150
+ ).qds-subdued {
151
+ background-color: transparent;
152
+ }
153
+
154
+ :is(
155
+ [class^='qds-']:not([class^='qds-platform-'], [class^='qds-theme-']),
156
+ [class*=' qds-']:not([class*=' qds-platform-'], [class*=' qds-theme-'])
157
+ )
158
+ :is(.qds-panel, .qds-navigation, .qds-popup, .qds-accessory).qds-subdued {
159
+ box-shadow: none;
160
+ }
161
+
162
+ .qds-main {
163
+ background-color: var(--qds-theme-main-background);
164
+ padding-block: var(--qds-main-padding-vertical);
165
+ padding-inline: var(--qds-main-padding-horizontal);
166
+ }
167
+
168
+ .qds-main,
169
+ .qds-main .qds-unrelated {
170
+ gap: var(--qds-main-gap-children-unrelated);
171
+ }
172
+
173
+ .qds-main.qds-related,
174
+ .qds-main .qds-related {
175
+ gap: var(--qds-main-gap-children-related);
176
+ }
177
+
178
+ .qds-main-section {
179
+ padding-block-start: var(--qds-main-section-padding-top);
180
+ }
181
+
182
+ .qds-main-section,
183
+ .qds-main-section .qds-unrelated {
184
+ gap: var(--qds-main-section-gap-children-unrelated);
185
+ }
186
+
187
+ .qds-main-section.qds-related,
188
+ .qds-main-section .qds-related {
189
+ gap: var(--qds-main-section-gap-children-related);
190
+ }
191
+
192
+ .qds-main-subsection {
193
+ background-color: var(--qds-theme-main-subsection-standard-background);
194
+ border-radius: var(--qds-main-subsection-border-radius);
195
+ padding: var(--qds-main-subsection-padding-top)
196
+ var(--qds-main-subsection-padding-end)
197
+ var(--qds-main-subsection-padding-bottom)
198
+ var(--qds-main-subsection-padding-start);
199
+ }
200
+
201
+ .qds-main-subsection,
202
+ .qds-main-subsection .qds-unrelated {
203
+ gap: var(--qds-main-subsection-gap-children-unrelated);
204
+ }
205
+
206
+ .qds-main-subsection.qds-emphasized {
207
+ box-shadow: var(--qds-theme-main-subsection-emphasized);
208
+ }
209
+
210
+ .qds-main-subsection.qds-related,
211
+ .qds-main-subsection .qds-related {
212
+ gap: var(--qds-main-subsection-gap-children-related);
213
+ }
214
+
215
+ .qds-navigation {
216
+ background-color: var(--qds-theme-navigation-background);
217
+ border-radius: var(--qds-navigation-border-radius);
218
+ box-shadow: var(--qds-theme-navigation-elevation);
219
+ padding: var(--qds-navigation-padding);
220
+ }
221
+
222
+ .qds-navigation,
223
+ .qds-navigation .qds-unrelated {
224
+ gap: var(--qds-navigation-gap-children-unrelated);
225
+ }
226
+
227
+ .qds-navigation.qds-related,
228
+ .qds-navigation .qds-related {
229
+ gap: var(--qds-navigation-gap-children-related);
230
+ }
231
+
232
+ .qds-navigation-section {
233
+ padding: var(--qds-navigation-section-padding);
234
+ }
235
+
236
+ .qds-navigation-section,
237
+ .qds-navigation-section .qds-unrelated {
238
+ gap: var(--qds-navigation-section-gap-children-unrelated);
239
+ }
240
+
241
+ .qds-navigation-section.qds-related,
242
+ .qds-navigation-section .qds-related {
243
+ gap: var(--qds-navigation-section-gap-children-related);
244
+ }
245
+
246
+ .qds-navigation-subsection {
247
+ background-color: var(--qds-theme-navigation-subsection-standard-background);
248
+ border-radius: var(--qds-navigation-subsection-border-radius);
249
+ padding: var(--qds-navigation-subsection-padding);
250
+ }
251
+
252
+ .qds-navigation-subsection,
253
+ .qds-navigation-subsection .qds-unrelated {
254
+ gap: var(--qds-navigation-subsection-gap-children-unrelated);
255
+ }
256
+
257
+ .qds-navigation-subsection.qds-emphasized {
258
+ box-shadow: var(--qds-theme-navigation-subsection-emphasized);
259
+ }
260
+
261
+ .qds-navigation-subsection.qds-related,
262
+ .qds-navigation-subsection .qds-related {
263
+ gap: var(--qds-navigation-subsection-gap-children-related);
264
+ }
265
+
266
+ .qds-panel {
267
+ background-color: var(--qds-theme-panel-background);
268
+ border-radius: var(--qds-panel-border-radius);
269
+ box-shadow: var(--qds-theme-panel-elevation);
270
+ padding: var(--qds-panel-padding);
271
+ }
272
+
273
+ .qds-panel,
274
+ .qds-panel .qds-unrelated {
275
+ gap: var(--qds-panel-gap-children-unrelated);
276
+ }
277
+
278
+ .qds-panel.qds-related,
279
+ .qds-panel .qds-related {
280
+ gap: var(--qds-panel-gap-children-related);
281
+ }
282
+
283
+ .qds-panel-section {
284
+ padding-block-start: var(--qds-panel-section-padding-top);
285
+ }
286
+
287
+ .qds-panel-section,
288
+ .qds-panel-section .qds-unrelated {
289
+ gap: var(--qds-panel-section-gap-children-unrelated);
290
+ }
291
+
292
+ .qds-panel-section.qds-related,
293
+ .qds-panel-section .qds-related {
294
+ gap: var(--qds-panel-section-gap-children-related);
295
+ }
296
+
297
+ .qds-panel-subsection {
298
+ background-color: var(--qds-theme-panel-subsection-standard-background);
299
+ border-radius: var(--qds-panel-subsection-border-radius);
300
+ padding: var(--qds-panel-subsection-padding);
301
+ }
302
+
303
+ .qds-panel-subsection,
304
+ .qds-panel-subsection .qds-unrelated {
305
+ gap: var(--qds-panel-subsection-gap-children-unrelated);
306
+ }
307
+
308
+ .qds-panel-subsection.qds-emphasized {
309
+ box-shadow: var(--qds-theme-panel-subsection-emphasized);
310
+ }
311
+
312
+ .qds-panel-subsection.qds-related,
313
+ .qds-panel-subsection .qds-related {
314
+ gap: var(--qds-panel-subsection-gap-children-related);
315
+ }
316
+
317
+ .qds-popup {
318
+ background-color: var(--qds-theme-popup-background);
319
+ border-radius: var(--qds-popup-border-radius);
320
+ box-shadow: var(--qds-popup-elevation);
321
+ padding: var(--qds-popup-padding-top) var(--qds-popup-padding-end)
322
+ var(--qds-popup-padding-bottom) var(--qds-popup-padding-start);
323
+ }
324
+
325
+ .qds-popup,
326
+ .qds-popup .qds-unrelated {
327
+ gap: var(--qds-popup-gap-children-unrelated);
328
+ }
329
+
330
+ .qds-popup.qds-related,
331
+ .qds-popup .qds-related {
332
+ gap: var(--qds-popup-gap-children-related);
333
+ }
334
+
335
+ .qds-popup-section,
336
+ .qds-popup-section .qds-unrelated {
337
+ gap: var(--qds-popup-section-gap-children-unrelated);
338
+ }
339
+
340
+ .qds-popup-section.qds-related,
341
+ .qds-popup-section .qds-related {
342
+ gap: var(--qds-popup-section-gap-children-related);
343
+ }
344
+
345
+ .qds-popup-subsection {
346
+ background-color: var(--qds-theme-popup-subsection-standard-background);
347
+ border-radius: var(--qds-popup-subsection-border-radius);
348
+ padding: var(--qds-popup-subsection-padding);
349
+ }
350
+
351
+ .qds-popup-subsection,
352
+ .qds-popup-subsection .qds-unrelated {
353
+ gap: var(--qds-popup-subsection-gap-children-unrelated);
354
+ }
355
+
356
+ .qds-popup-subsection.qds-emphasized {
357
+ box-shadow: var(--qds-theme-popup-subsection-emphasized);
358
+ }
359
+
360
+ .qds-popup-subsection.qds-related,
361
+ .qds-popup-subsection .qds-related {
362
+ gap: var(--qds-popup-subsection-gap-children-related);
363
+ }
364
+
365
+ .qds-accessory {
366
+ background-color: var(--qds-theme-accessory-background);
367
+ border-radius: var(--qds-accessory-border-radius);
368
+ box-shadow: var(--qds-accessory-elevation);
369
+ padding: var(--qds-accessory-padding-top) var(--qds-accessory-padding-end)
370
+ var(--qds-accessory-padding-bottom) var(--qds-accessory-padding-start);
371
+ }
372
+
373
+ .qds-accessory,
374
+ .qds-accessory .qds-unrelated {
375
+ gap: var(--qds-accessory-gap-children-unrelated);
376
+ }
377
+
378
+ .qds-accessory.qds-related,
379
+ .qds-accessory .qds-related {
380
+ gap: var(--qds-accessory-gap-children-related);
381
+ }
382
+
383
+ .qds-accessory-section {
384
+ border-radius: var(--qds-accessory-section-border-radius);
385
+ }
386
+
387
+ .qds-accessory-section,
388
+ .qds-accessory-section .qds-unrelated {
389
+ gap: var(--qds-accessory-section-gap-children-unrelated);
390
+ }
391
+
392
+ .qds-accessory-section.qds-related,
393
+ .qds-accessory-section .qds-related {
394
+ gap: var(--qds-accessory-section-gap-children-related);
395
+ }
396
+
397
+ .qds-controls-small,
398
+ .qds-controls-small .qds-unrelated {
399
+ gap: var(--qds-control-small-gap-siblings-unrelated);
400
+ }
401
+
402
+ .qds-controls-small.qds-related,
403
+ .qds-controls-small .qds-related {
404
+ gap: var(--qds-control-small-gap-siblings-related);
405
+ }
406
+
407
+ .qds-controls,
408
+ .qds-controls .qds-unrelated {
409
+ gap: var(--qds-control-standard-gap-siblings-unrelated);
410
+ }
411
+
412
+ .qds-controls.qds-related,
413
+ .qds-controls .qds-related {
414
+ gap: var(--qds-control-standard-gap-siblings-related);
415
+ }
416
+
417
+ .qds-controls-large,
418
+ .qds-controls-large .qds-unrelated {
419
+ gap: var(--qds-control-large-gap-siblings-unrelated);
420
+ }
421
+
422
+ .qds-controls-large.qds-related,
423
+ .qds-controls-large .qds-related {
424
+ gap: var(--qds-control-large-gap-siblings-related);
425
+ }
426
+
427
+ .qds-controls-jumbo,
428
+ .qds-controls-jumbo .qds-unrelated {
429
+ gap: var(--qds-control-jumbo-gap-siblings-unrelated);
430
+ }
431
+
432
+ .qds-controls-jumbo.qds-related,
433
+ .qds-controls-jumbo .qds-related {
434
+ gap: var(--qds-control-jumbo-gap-siblings-related);
435
+ }
436
+
437
+ .qds-interactive {
438
+ cursor: pointer;
439
+ user-select: none;
440
+ }
441
+
442
+ :is(
443
+ .qds-main-subsection,
444
+ .qds-navigation-subsection,
445
+ .qds-panel-subsection,
446
+ .qds-popup-subsection
447
+ ).qds-interactive:hover {
448
+ background-color: var(--qds-theme-interactive-background-hover);
449
+ text-decoration: none;
450
+ }
451
+
452
+ :is(
453
+ .qds-main-subsection,
454
+ .qds-navigation-subsection,
455
+ .qds-panel-subsection,
456
+ .qds-popup-subsection
457
+ ).qds-interactive:active {
458
+ background-color: var(--qds-theme-interactive-background-selected);
459
+ text-decoration: none;
460
+ }
461
+
462
+ .qds-control-group-inline {
463
+ display: flex;
464
+ }
465
+
466
+ .qds-control-group-inline > :first-child:not(:only-child) {
467
+ --qds-control-border-radius-top-right: 0px;
468
+ --qds-control-border-radius-bottom-right: 0px;
469
+ --qds-control-border-width-inline-end: 0px;
470
+ }
471
+
472
+ .qds-control-group-inline > :not(:first-child, :last-child) {
473
+ --qds-control-border-radius-top-left: 0px;
474
+ --qds-control-border-radius-top-right: 0px;
475
+ --qds-control-border-radius-bottom-right: 0px;
476
+ --qds-control-border-radius-bottom-left: 0px;
477
+ --qds-control-border-width-inline-end: 0px;
478
+ }
479
+
480
+ .qds-control-group-inline > :last-child:not(:only-child) {
481
+ --qds-control-border-radius-top-left: 0px;
482
+ --qds-control-border-radius-bottom-left: 0px;
483
+ }
484
+
485
+ .qds-control-group-block {
486
+ display: flex;
487
+ flex-direction: column;
488
+ }
489
+
490
+ .qds-control-group-block > :first-child:not(:only-child) {
491
+ --qds-control-border-radius-bottom-left: 0px;
492
+ --qds-control-border-radius-bottom-right: 0px;
493
+ --qds-control-border-width-block-end: 0px;
494
+ }
495
+
496
+ .qds-control-group-block > :not(:first-child, :last-child) {
497
+ --qds-control-border-radius-top-left: 0px;
498
+ --qds-control-border-radius-top-right: 0px;
499
+ --qds-control-border-radius-bottom-right: 0px;
500
+ --qds-control-border-radius-bottom-left: 0px;
501
+ --qds-control-border-width-block-end: 0px;
502
+ }
503
+
504
+ .qds-control-group-block > :last-child:not(:only-child) {
505
+ --qds-control-border-radius-top-left: 0px;
506
+ --qds-control-border-radius-top-right: 0px;
507
+ }
@@ -1,17 +0,0 @@
1
- import type { JSX } from '@quartzds/core/components';
2
- export declare const QdsButton: import("react").ForwardRefExoticComponent<JSX.QdsButton & Omit<import("react").HTMLAttributes<HTMLQdsButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsButtonElement>>;
3
- export declare const QdsCheckbox: import("react").ForwardRefExoticComponent<JSX.QdsCheckbox & Omit<import("react").HTMLAttributes<HTMLQdsCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsCheckboxElement>>;
4
- export declare const QdsDialog: import("react").ForwardRefExoticComponent<JSX.QdsDialog & Omit<import("react").HTMLAttributes<HTMLQdsDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsDialogElement>>;
5
- export declare const QdsDivider: import("react").ForwardRefExoticComponent<JSX.QdsDivider & Omit<import("react").HTMLAttributes<HTMLQdsDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsDividerElement>>;
6
- export declare const QdsDropdown: import("react").ForwardRefExoticComponent<JSX.QdsDropdown & Omit<import("react").HTMLAttributes<HTMLQdsDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsDropdownElement>>;
7
- export declare const QdsFormMessage: import("react").ForwardRefExoticComponent<JSX.QdsFormMessage & Omit<import("react").HTMLAttributes<HTMLQdsFormMessageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsFormMessageElement>>;
8
- export declare const QdsIcon: import("react").ForwardRefExoticComponent<JSX.QdsIcon & Omit<import("react").HTMLAttributes<HTMLQdsIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsIconElement>>;
9
- export declare const QdsInlineLink: import("react").ForwardRefExoticComponent<JSX.QdsInlineLink & Omit<import("react").HTMLAttributes<HTMLQdsInlineLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsInlineLinkElement>>;
10
- export declare const QdsInput: import("react").ForwardRefExoticComponent<JSX.QdsInput & Omit<import("react").HTMLAttributes<HTMLQdsInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsInputElement>>;
11
- export declare const QdsLabel: import("react").ForwardRefExoticComponent<JSX.QdsLabel & Omit<import("react").HTMLAttributes<HTMLQdsLabelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsLabelElement>>;
12
- export declare const QdsRadio: import("react").ForwardRefExoticComponent<JSX.QdsRadio & Omit<import("react").HTMLAttributes<HTMLQdsRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsRadioElement>>;
13
- export declare const QdsSwitch: import("react").ForwardRefExoticComponent<JSX.QdsSwitch & Omit<import("react").HTMLAttributes<HTMLQdsSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsSwitchElement>>;
14
- export declare const QdsTextarea: import("react").ForwardRefExoticComponent<JSX.QdsTextarea & Omit<import("react").HTMLAttributes<HTMLQdsTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsTextareaElement>>;
15
- export declare const QdsTitle: import("react").ForwardRefExoticComponent<JSX.QdsTitle & Omit<import("react").HTMLAttributes<HTMLQdsTitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsTitleElement>>;
16
- export declare const QdsTooltip: import("react").ForwardRefExoticComponent<JSX.QdsTooltip & Omit<import("react").HTMLAttributes<HTMLQdsTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLQdsTooltipElement>>;
17
- //# sourceMappingURL=proxies.d.ts.map