@wise/dynamic-flow-client-internal 5.20.0 → 5.21.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.
- package/build/main.css +41 -7
- package/build/main.js +124 -114
- package/build/main.mjs +102 -92
- package/build/tsconfig.types.tsbuildinfo +1 -1
- package/package.json +3 -3
package/build/main.css
CHANGED
|
@@ -52,6 +52,37 @@
|
|
|
52
52
|
width: 66.66%;
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
|
+
/* container queries (when .df-prefer-container-queries is set on a parent) */
|
|
56
|
+
.df-prefer-container-queries .df-box-renderer.df-box-renderer-border {
|
|
57
|
+
padding: var(--size-16);
|
|
58
|
+
}
|
|
59
|
+
.df-prefer-container-queries .df-box-renderer.df-box-renderer-width-xs,
|
|
60
|
+
.df-prefer-container-queries .df-box-renderer.df-box-renderer-width-sm,
|
|
61
|
+
.df-prefer-container-queries .df-box-renderer.df-box-renderer-width-md,
|
|
62
|
+
.df-prefer-container-queries .df-box-renderer.df-box-renderer-width-lg {
|
|
63
|
+
width: 100%;
|
|
64
|
+
}
|
|
65
|
+
@container (min-width: 480px) {
|
|
66
|
+
.df-prefer-container-queries .df-box-renderer.df-box-renderer-border {
|
|
67
|
+
padding: var(--size-24);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.df-prefer-container-queries .df-box-renderer.df-box-renderer-width-xs {
|
|
71
|
+
width: 33.33%;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.df-prefer-container-queries .df-box-renderer.df-box-renderer-width-sm {
|
|
75
|
+
width: 50%;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.df-prefer-container-queries .df-box-renderer.df-box-renderer-width-md {
|
|
79
|
+
width: 66.66%;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.df-prefer-container-queries .df-box-renderer.df-box-renderer-width-lg {
|
|
83
|
+
width: 83.33%;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
55
86
|
.df-columns-renderer-container {
|
|
56
87
|
display: flex;
|
|
57
88
|
gap: var(--size-4);
|
|
@@ -137,13 +168,6 @@
|
|
|
137
168
|
width: 300px;
|
|
138
169
|
}
|
|
139
170
|
}
|
|
140
|
-
/**
|
|
141
|
-
* This speficies the container for container queries about width.
|
|
142
|
-
* We don't use it by default, but integrations can specify it using the className prop in the DF component.
|
|
143
|
-
*/
|
|
144
|
-
.df-prefer-container-queries {
|
|
145
|
-
container-type: inline-size;
|
|
146
|
-
}
|
|
147
171
|
/* narrow container */
|
|
148
172
|
@container (max-width: 576px) {
|
|
149
173
|
.df-image.xs img.df-reserve-space {
|
|
@@ -162,6 +186,9 @@
|
|
|
162
186
|
width: 300px;
|
|
163
187
|
}
|
|
164
188
|
}
|
|
189
|
+
.df-markdown> :last-child {
|
|
190
|
+
margin-bottom: 0px;
|
|
191
|
+
}
|
|
165
192
|
.df-media-layout-avatar {
|
|
166
193
|
display: flex;
|
|
167
194
|
}
|
|
@@ -230,6 +257,13 @@
|
|
|
230
257
|
margin-left: auto;
|
|
231
258
|
margin-right: auto;
|
|
232
259
|
}
|
|
260
|
+
/**
|
|
261
|
+
* This specifies the container for container queries about width.
|
|
262
|
+
* We don't use it by default, but integrations can specify it using the className prop in the DF component.
|
|
263
|
+
*/
|
|
264
|
+
.df-prefer-container-queries {
|
|
265
|
+
container-type: inline-size;
|
|
266
|
+
}
|
|
233
267
|
.df-context-menu {
|
|
234
268
|
position: fixed;
|
|
235
269
|
z-index: 10;
|