aidos-ui 3.0.30 → 3.0.31
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/Tabs.d.ts +3 -1
- package/dist/Tabs.js +3 -1
- package/dist/Tabs.js.map +1 -1
- package/package.json +1 -1
- package/src/Tabs.tsx +4 -2
- package/src/docs/searchIndex.ts +1 -1
- package/src/pages/Tabs.mdx +59 -0
package/dist/Tabs.d.ts
CHANGED
|
@@ -15,7 +15,9 @@ export interface TabsProps extends RowProps {
|
|
|
15
15
|
labelSize?: Size;
|
|
16
16
|
bare?: boolean;
|
|
17
17
|
tabPadding?: Padding;
|
|
18
|
-
tabJSStyle?: JSStyle
|
|
18
|
+
tabJSStyle?: JSStyle | ((data: {
|
|
19
|
+
selected: boolean;
|
|
20
|
+
}) => JSStyle);
|
|
19
21
|
labelRenderer?: (label: string) => ReactNode;
|
|
20
22
|
}
|
|
21
23
|
export declare function Tabs({ tabs, gap, padding, tabPadding, labelSize, jss, tabJSStyle, labelRenderer, ["aria-controls"]: ariaControls, ...otherProps }: TabsProps): import("react/jsx-runtime").JSX.Element;
|
package/dist/Tabs.js
CHANGED
|
@@ -32,7 +32,9 @@ export function Tabs({ tabs, gap = "none", padding = "none", tabPadding = "mediu
|
|
|
32
32
|
},
|
|
33
33
|
},
|
|
34
34
|
getPadding(tabPadding),
|
|
35
|
-
tabJSStyle
|
|
35
|
+
typeof tabJSStyle === "function"
|
|
36
|
+
? tabJSStyle({ selected })
|
|
37
|
+
: tabJSStyle,
|
|
36
38
|
], children: [addOnPosition === "start" && addOn, _jsx(Text, { size: labelSize, color: selected ? "primary" : "secondary", children: labelRenderer ? labelRenderer(label) : label }), addOnPosition === "end" && addOn] }, label));
|
|
37
39
|
}) }));
|
|
38
40
|
}
|
package/dist/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAA0B,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,GAAG,GAAG,MAAM,EACZ,OAAO,GAAG,MAAM,EAChB,UAAU,GAAG,QAAQ,EACrB,SAAS,GAAG,OAAO,EACnB,GAAG,EACH,UAAU,EACV,aAAa,EACb,CAAC,eAAe,CAAC,EAAE,YAAY,EAC/B,GAAG,UAAU,EACH;IACV,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,KAAC,GAAG,IACF,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,KACL,UAAU,YAEb,IAAI,CAAC,GAAG,CACP,CAAC,EACC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,aAAa,GAAG,OAAO,GACxB,EAAE,EAAE;YACH,MAAM,aAAa,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;YAE3D,OAAO,CACL,MAAC,aAAa,qBACG,YAAY,EAC3B,IAAI,EAAC,KAAK,mBACK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAE5C,IAAI,QACJ,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACxC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,KAAK,EACzB,GAAG,EAAE;oBACH;wBACE,cAAc,EAAE,MAAM;wBACtB,YAAY,EAAE,QAAQ;4BACpB,CAAC,CAAC,aAAa,MAAM,CAAC,aAAa,CAAC,EAAE;4BACtC,CAAC,CAAC,uBAAuB;wBAC3B,cAAc,EAAE;4BACd,SAAS,EAAE,aAAa;yBACzB;wBACD,cAAc,EAAE;4BACd,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBACjD;wBACD,aAAa,EAAE;4BACb,oBAAoB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBAClD;wBACD,QAAQ,EAAE;4BACR,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;yBAChD;wBACD,eAAe,EAAE;4BACf,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;yBAChD;qBACF;oBACD,UAAU,CAAC,UAAU,CAAC;oBACtB,UAAU;
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAC;AACtC,OAAO,EAA0B,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,GAAG,GAAG,MAAM,EACZ,OAAO,GAAG,MAAM,EAChB,UAAU,GAAG,QAAQ,EACrB,SAAS,GAAG,OAAO,EACnB,GAAG,EACH,UAAU,EACV,aAAa,EACb,CAAC,eAAe,CAAC,EAAE,YAAY,EAC/B,GAAG,UAAU,EACH;IACV,MAAM,IAAI,GAAG,aAAa,EAAE,CAAC;IAE7B,OAAO,CACL,KAAC,GAAG,IACF,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,KACL,UAAU,YAEb,IAAI,CAAC,GAAG,CACP,CAAC,EACC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,aAAa,GAAG,OAAO,GACxB,EAAE,EAAE;YACH,MAAM,aAAa,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;YAE3D,OAAO,CACL,MAAC,aAAa,qBACG,YAAY,EAC3B,IAAI,EAAC,KAAK,mBACK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAE5C,IAAI,QACJ,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACxC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,KAAK,EACzB,GAAG,EAAE;oBACH;wBACE,cAAc,EAAE,MAAM;wBACtB,YAAY,EAAE,QAAQ;4BACpB,CAAC,CAAC,aAAa,MAAM,CAAC,aAAa,CAAC,EAAE;4BACtC,CAAC,CAAC,uBAAuB;wBAC3B,cAAc,EAAE;4BACd,SAAS,EAAE,aAAa;yBACzB;wBACD,cAAc,EAAE;4BACd,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBACjD;wBACD,aAAa,EAAE;4BACb,oBAAoB,EAAE,MAAM,CAAC,mBAAmB,CAAC;yBAClD;wBACD,QAAQ,EAAE;4BACR,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;yBAChD;wBACD,eAAe,EAAE;4BACf,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;yBAChD;qBACF;oBACD,UAAU,CAAC,UAAU,CAAC;oBACtB,OAAO,UAAU,KAAK,UAAU;wBAC9B,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC;wBAC1B,CAAC,CAAC,UAAU;iBACf,aAEA,aAAa,KAAK,OAAO,IAAI,KAAK,EACnC,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,YAC7D,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GACxC,EACN,aAAa,KAAK,KAAK,IAAI,KAAK,KAtC5B,KAAK,CAuCI,CACjB,CAAC;QACJ,CAAC,CACF,GACG,CACP,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
package/src/Tabs.tsx
CHANGED
|
@@ -21,7 +21,7 @@ export interface TabsProps extends RowProps {
|
|
|
21
21
|
labelSize?: Size;
|
|
22
22
|
bare?: boolean;
|
|
23
23
|
tabPadding?: Padding;
|
|
24
|
-
tabJSStyle?: JSStyle;
|
|
24
|
+
tabJSStyle?: JSStyle | ((data: { selected: boolean }) => JSStyle);
|
|
25
25
|
labelRenderer?: (label: string) => ReactNode;
|
|
26
26
|
}
|
|
27
27
|
|
|
@@ -93,7 +93,9 @@ export function Tabs({
|
|
|
93
93
|
},
|
|
94
94
|
},
|
|
95
95
|
getPadding(tabPadding),
|
|
96
|
-
tabJSStyle
|
|
96
|
+
typeof tabJSStyle === "function"
|
|
97
|
+
? tabJSStyle({ selected })
|
|
98
|
+
: tabJSStyle,
|
|
97
99
|
]}
|
|
98
100
|
>
|
|
99
101
|
{addOnPosition === "start" && addOn}
|