aidos-ui 5.0.9 → 5.0.10
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.d.ts +2 -2
- package/dist/index.js +9 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -458,7 +458,7 @@ interface ListProps extends BaseListProps {
|
|
|
458
458
|
}
|
|
459
459
|
declare function List({ ariaLabel, jss, gap, autofocus, navigation, ...otherProps }: ListProps): react_jsx_runtime.JSX.Element;
|
|
460
460
|
|
|
461
|
-
interface ListButtonItemProps extends Omit<BaseListItemProps, "children" | "onClick"> {
|
|
461
|
+
interface ListButtonItemProps extends Omit<BaseListItemProps, "children" | "onClick" | "headlineColor" | "bodyColor"> {
|
|
462
462
|
color?: InteractableColor;
|
|
463
463
|
onClick: () => void;
|
|
464
464
|
headline: string;
|
|
@@ -488,7 +488,7 @@ interface ListItemProps extends Omit<BaseListItemProps, "children"> {
|
|
|
488
488
|
}
|
|
489
489
|
declare const ListItem: React__default.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React__default.RefAttributes<HTMLLIElement>>;
|
|
490
490
|
|
|
491
|
-
interface ListLinkItemProps extends Omit<BaseListItemProps, "children" | "onClick"> {
|
|
491
|
+
interface ListLinkItemProps extends Omit<BaseListItemProps, "children" | "onClick" | "headlineColor" | "bodyColor"> {
|
|
492
492
|
color?: InteractableColor;
|
|
493
493
|
children?: void;
|
|
494
494
|
onClick?: () => void;
|
package/dist/index.js
CHANGED
|
@@ -1221,6 +1221,7 @@ var getInteractableListItemJSS = ({
|
|
|
1221
1221
|
var interactableListItemContentJSS = {
|
|
1222
1222
|
overflow: "hidden",
|
|
1223
1223
|
flexGrow: 1,
|
|
1224
|
+
color: "inherit",
|
|
1224
1225
|
textDecoration: "none",
|
|
1225
1226
|
":focus-visible": {
|
|
1226
1227
|
outline: "none"
|
|
@@ -1380,6 +1381,7 @@ var BaseListAddOn = React35.forwardRef(function BaseListAddOn2({ jss, ...otherPr
|
|
|
1380
1381
|
minWidth: 34,
|
|
1381
1382
|
height: 34,
|
|
1382
1383
|
flexShrink: 0,
|
|
1384
|
+
alignSelf: "center",
|
|
1383
1385
|
marginInlineEnd: cssVar("--spacing-m"),
|
|
1384
1386
|
alignItems: "center",
|
|
1385
1387
|
justifyContent: "center"
|
|
@@ -1511,7 +1513,7 @@ var BaseListItem = React35.forwardRef(function BaseListItem2({
|
|
|
1511
1513
|
headlineAddOn,
|
|
1512
1514
|
body,
|
|
1513
1515
|
bodySize,
|
|
1514
|
-
bodyColor: disabled ?
|
|
1516
|
+
bodyColor: disabled || selected ? contentColor : bodyColor,
|
|
1515
1517
|
bodyEllipsis,
|
|
1516
1518
|
grow: true,
|
|
1517
1519
|
shrink: false
|
|
@@ -3316,17 +3318,18 @@ var ListButtonItem = React35.forwardRef(function ListButtonItem2({
|
|
|
3316
3318
|
selected,
|
|
3317
3319
|
...otherProps
|
|
3318
3320
|
}, ref) {
|
|
3321
|
+
const glyphColor = getGlyphColor(color, disabled, true);
|
|
3319
3322
|
return /* @__PURE__ */ jsx(
|
|
3320
3323
|
BaseListItem,
|
|
3321
3324
|
{
|
|
3322
3325
|
disabled,
|
|
3323
3326
|
padding: "none",
|
|
3324
3327
|
gap,
|
|
3325
|
-
headlineColor: getGlyphColor(color, disabled, true),
|
|
3326
|
-
bodyColor: getGlyphColor(color, disabled, true),
|
|
3327
3328
|
selected,
|
|
3328
3329
|
"aria-selected": selected,
|
|
3329
3330
|
...otherProps,
|
|
3331
|
+
headlineColor: glyphColor,
|
|
3332
|
+
bodyColor: glyphColor,
|
|
3330
3333
|
jss: [
|
|
3331
3334
|
getInteractableListItemJSS({
|
|
3332
3335
|
selected,
|
|
@@ -3392,6 +3395,7 @@ var ListLinkItem = React35.forwardRef(function ListLinkItem2({
|
|
|
3392
3395
|
target,
|
|
3393
3396
|
...otherProps
|
|
3394
3397
|
}, ref) {
|
|
3398
|
+
const glyphColor = getGlyphColor(color, disabled, true);
|
|
3395
3399
|
return /* @__PURE__ */ jsx(
|
|
3396
3400
|
BaseListItem,
|
|
3397
3401
|
{
|
|
@@ -3399,10 +3403,10 @@ var ListLinkItem = React35.forwardRef(function ListLinkItem2({
|
|
|
3399
3403
|
"aria-selected": selected,
|
|
3400
3404
|
padding: "none",
|
|
3401
3405
|
gap,
|
|
3402
|
-
headlineColor: getGlyphColor(color, disabled, true),
|
|
3403
|
-
bodyColor: getGlyphColor(color, disabled, true),
|
|
3404
3406
|
selected,
|
|
3405
3407
|
...otherProps,
|
|
3408
|
+
headlineColor: glyphColor,
|
|
3409
|
+
bodyColor: glyphColor,
|
|
3406
3410
|
jss: [
|
|
3407
3411
|
getInteractableListItemJSS({
|
|
3408
3412
|
selected,
|