aidos-ui 5.0.2 → 5.0.4
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/index.js +26 -16
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -283,14 +283,14 @@ function getMargin(margin) {
|
|
|
283
283
|
var lightTheme = {
|
|
284
284
|
/* Background */
|
|
285
285
|
["--overlay-background"]: "rgb(255, 255, 255)",
|
|
286
|
-
["--primary-background"]: "rgb(
|
|
287
|
-
["--secondary-background"]: "rgb(
|
|
288
|
-
["--divider"]: "rgb(
|
|
286
|
+
["--primary-background"]: "rgb(247, 248, 251)",
|
|
287
|
+
["--secondary-background"]: "rgb(240, 242, 246)",
|
|
288
|
+
["--divider"]: "rgb(216, 219, 226)",
|
|
289
289
|
["--strong-divider"]: "rgb(100, 100, 100)",
|
|
290
|
-
["--pressed-background"]: "rgb(
|
|
291
|
-
["--hovered-background"]: "rgb(
|
|
292
|
-
["--selected-background"]: "rgb(
|
|
293
|
-
["--nav-bar"]: "rgb(
|
|
290
|
+
["--pressed-background"]: "rgb(224, 227, 234)",
|
|
291
|
+
["--hovered-background"]: "rgb(235, 238, 244)",
|
|
292
|
+
["--selected-background"]: "rgb(228, 232, 240)",
|
|
293
|
+
["--nav-bar"]: "rgb(242, 244, 248)",
|
|
294
294
|
["--material-aurora"]: "radial-gradient(120% 90% at 0% 10%, rgba(66, 184, 131, 0.04), transparent 58%), radial-gradient(110% 100% at 100% 90%, rgba(70, 132, 255, 0.055), transparent 62%), linear-gradient(145deg, rgba(248, 249, 252, 0.96), rgba(236, 240, 245, 0.92))",
|
|
295
295
|
["--material-dawn"]: "radial-gradient(110% 90% at 10% 100%, rgba(255, 162, 105, 0.13), transparent 60%), radial-gradient(100% 85% at 90% 0%, rgba(120, 166, 255, 0.09), transparent 60%), linear-gradient(145deg, rgba(252, 248, 246, 0.96), rgba(244, 238, 242, 0.92))",
|
|
296
296
|
["--material-mist"]: "radial-gradient(120% 100% at 50% 0%, rgba(255, 255, 255, 0.55), transparent 65%), linear-gradient(145deg, rgba(247, 248, 250, 0.82), rgba(235, 237, 241, 0.78))",
|
|
@@ -346,15 +346,15 @@ var lightTheme = {
|
|
|
346
346
|
};
|
|
347
347
|
var darkTheme = {
|
|
348
348
|
/* Background */
|
|
349
|
-
["--overlay-background"]: "rgb(
|
|
350
|
-
["--primary-background"]: "rgb(
|
|
351
|
-
["--secondary-background"]: "rgb(
|
|
352
|
-
["--divider"]: "rgb(
|
|
349
|
+
["--overlay-background"]: "rgb(42, 45, 52)",
|
|
350
|
+
["--primary-background"]: "rgb(34, 36, 42)",
|
|
351
|
+
["--secondary-background"]: "rgb(47, 50, 58)",
|
|
352
|
+
["--divider"]: "rgb(61, 65, 75)",
|
|
353
353
|
["--strong-divider"]: "rgb(100, 100, 100)",
|
|
354
|
-
["--pressed-background"]: "rgb(
|
|
355
|
-
["--hovered-background"]: "rgb(
|
|
356
|
-
["--selected-background"]: "rgb(
|
|
357
|
-
["--nav-bar"]: "rgb(
|
|
354
|
+
["--pressed-background"]: "rgb(70, 75, 86)",
|
|
355
|
+
["--hovered-background"]: "rgb(48, 52, 61)",
|
|
356
|
+
["--selected-background"]: "rgb(56, 61, 72)",
|
|
357
|
+
["--nav-bar"]: "rgb(29, 31, 37)",
|
|
358
358
|
["--material-aurora"]: "radial-gradient(120% 90% at 0% 10%, rgba(45, 160, 112, 0.065), transparent 58%), radial-gradient(110% 100% at 100% 90%, rgba(66, 126, 245, 0.08), transparent 62%), linear-gradient(145deg, rgba(39, 41, 43, 0.96), rgba(27, 30, 33, 0.94))",
|
|
359
359
|
["--material-dawn"]: "radial-gradient(110% 90% at 10% 100%, rgba(255, 139, 92, 0.095), transparent 60%), radial-gradient(100% 85% at 90% 0%, rgba(104, 145, 235, 0.08), transparent 60%), linear-gradient(145deg, rgba(43, 38, 39, 0.96), rgba(30, 30, 36, 0.94))",
|
|
360
360
|
["--material-mist"]: "radial-gradient(120% 100% at 50% 0%, rgba(255, 255, 255, 0.025), transparent 65%), linear-gradient(145deg, rgba(48, 50, 53, 0.82), rgba(30, 32, 35, 0.8))",
|
|
@@ -3912,7 +3912,7 @@ function RootView({
|
|
|
3912
3912
|
flexShrink: 1,
|
|
3913
3913
|
flexBasis: "0%",
|
|
3914
3914
|
overflow: "auto",
|
|
3915
|
-
backgroundColor: cssVar("--
|
|
3915
|
+
backgroundColor: cssVar("--primary-background"),
|
|
3916
3916
|
minHeight: "600px"
|
|
3917
3917
|
},
|
|
3918
3918
|
children
|
|
@@ -4359,6 +4359,14 @@ var styles12 = {
|
|
|
4359
4359
|
flex: 1,
|
|
4360
4360
|
minWidth: 0
|
|
4361
4361
|
},
|
|
4362
|
+
floatingItem: {
|
|
4363
|
+
":focus-visible": {
|
|
4364
|
+
outlineOffset: -2
|
|
4365
|
+
}
|
|
4366
|
+
},
|
|
4367
|
+
floatingHorizontalItem: {
|
|
4368
|
+
minWidth: "auto"
|
|
4369
|
+
},
|
|
4362
4370
|
verticalItem: {
|
|
4363
4371
|
width: "100%"
|
|
4364
4372
|
}
|
|
@@ -4407,6 +4415,8 @@ function TabBar({
|
|
|
4407
4415
|
const tabJSS = [
|
|
4408
4416
|
styles12.item,
|
|
4409
4417
|
horizontal ? styles12.horizontalItem : styles12.verticalItem,
|
|
4418
|
+
variant === "floating" && styles12.floatingItem,
|
|
4419
|
+
variant === "floating" && horizontal && styles12.floatingHorizontalItem,
|
|
4410
4420
|
selected && {
|
|
4411
4421
|
backgroundColor: cssVar("--light-highlight")
|
|
4412
4422
|
},
|