react-ui-suite 1.1.8 → 1.1.9
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.
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
height: 100%;
|
|
5
5
|
position: relative;
|
|
6
6
|
--rui-tab-border: 1px;
|
|
7
|
+
--rui-tab-panel-radius: 15px;
|
|
7
8
|
--rui-tab-radius: 10px;
|
|
8
9
|
--rui-tab-min-main: 32px;
|
|
9
10
|
}
|
|
@@ -254,6 +255,7 @@
|
|
|
254
255
|
.rui-tab-group__panel {
|
|
255
256
|
padding: 5px;
|
|
256
257
|
flex: 1;
|
|
258
|
+
border: var(--rui-tab-border) solid var(--rui-color-border);
|
|
257
259
|
background-color: var(--rui-color-surface);
|
|
258
260
|
min-width: 0;
|
|
259
261
|
min-height: 0;
|
|
@@ -277,3 +279,55 @@
|
|
|
277
279
|
[data-theme="dark"] .rui-tab-group__panel {
|
|
278
280
|
background-color: var(--rui-color-surface-muted);
|
|
279
281
|
}
|
|
282
|
+
|
|
283
|
+
.rui-tab-group[data-position="top"] .rui-tab-group__panel {
|
|
284
|
+
border-bottom-left-radius: var(--rui-tab-panel-radius);
|
|
285
|
+
border-bottom-right-radius: var(--rui-tab-panel-radius);
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
.rui-tab-group[data-position="bottom"] .rui-tab-group__panel {
|
|
289
|
+
border-top-left-radius: var(--rui-tab-panel-radius);
|
|
290
|
+
border-top-right-radius: var(--rui-tab-panel-radius);
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
.rui-tab-group[data-position="left"] .rui-tab-group__panel {
|
|
294
|
+
border-top-right-radius: var(--rui-tab-panel-radius);
|
|
295
|
+
border-bottom-right-radius: var(--rui-tab-panel-radius);
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
.rui-tab-group[data-position="right"] .rui-tab-group__panel {
|
|
299
|
+
border-top-left-radius: var(--rui-tab-panel-radius);
|
|
300
|
+
border-bottom-left-radius: var(--rui-tab-panel-radius);
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.rui-tab-group[data-position="top"][data-fill="partial"]:not([data-align="start"]) .rui-tab-group__panel {
|
|
304
|
+
border-top-left-radius: var(--rui-tab-panel-radius);
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
.rui-tab-group[data-position="top"][data-fill="partial"]:not([data-align="end"]) .rui-tab-group__panel {
|
|
308
|
+
border-top-right-radius: var(--rui-tab-panel-radius);
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
.rui-tab-group[data-position="bottom"][data-fill="partial"]:not([data-align="start"]) .rui-tab-group__panel {
|
|
312
|
+
border-bottom-left-radius: var(--rui-tab-panel-radius);
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
.rui-tab-group[data-position="bottom"][data-fill="partial"]:not([data-align="end"]) .rui-tab-group__panel {
|
|
316
|
+
border-bottom-right-radius: var(--rui-tab-panel-radius);
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
.rui-tab-group[data-position="left"][data-fill="partial"]:not([data-align="start"]) .rui-tab-group__panel {
|
|
320
|
+
border-top-left-radius: var(--rui-tab-panel-radius);
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
.rui-tab-group[data-position="left"][data-fill="partial"]:not([data-align="end"]) .rui-tab-group__panel {
|
|
324
|
+
border-bottom-left-radius: var(--rui-tab-panel-radius);
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
.rui-tab-group[data-position="right"][data-fill="partial"]:not([data-align="start"]) .rui-tab-group__panel {
|
|
328
|
+
border-top-right-radius: var(--rui-tab-panel-radius);
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
.rui-tab-group[data-position="right"][data-fill="partial"]:not([data-align="end"]) .rui-tab-group__panel {
|
|
332
|
+
border-bottom-right-radius: var(--rui-tab-panel-radius);
|
|
333
|
+
}
|
package/dist/index.js
CHANGED
|
@@ -4025,7 +4025,7 @@ function StackedList({ items, dense, className, ...rest }) {
|
|
|
4025
4025
|
|
|
4026
4026
|
// components/TabGroup/TabGroup.tsx
|
|
4027
4027
|
import React21 from "react";
|
|
4028
|
-
import "./TabGroup-
|
|
4028
|
+
import "./TabGroup-SZROL6VQ.css";
|
|
4029
4029
|
import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
4030
4030
|
function TabGroup({
|
|
4031
4031
|
align = "start",
|