@aurora-ds/components 0.17.11 → 0.17.13
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/cjs/components/layout/grid/Grid.d.ts +2 -1
- package/dist/cjs/components/layout/grid/Grid.props.d.ts +4 -1
- package/dist/cjs/components/navigation/tabs/tab-item/TabItem.props.d.ts +5 -1
- package/dist/cjs/index.js +33 -13
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/layout/grid/Grid.d.ts +2 -1
- package/dist/esm/components/layout/grid/Grid.props.d.ts +4 -1
- package/dist/esm/components/navigation/tabs/tab-item/TabItem.props.d.ts +5 -1
- package/dist/esm/index.js +33 -13
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +10 -3
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -558,7 +558,7 @@ declare const Card: FC<CardProps>;
|
|
|
558
558
|
type GridProps = {
|
|
559
559
|
/** Grid children elements */
|
|
560
560
|
children: ReactNode;
|
|
561
|
-
/** Number of columns (number or CSS grid-template-columns value). */
|
|
561
|
+
/** Number of columns (number or CSS grid-template-columns value). Acts as max columns when minChildWidth is set. */
|
|
562
562
|
columns?: number | string;
|
|
563
563
|
/** Number of rows (number or CSS grid-template-rows value). */
|
|
564
564
|
rows?: number | string;
|
|
@@ -584,6 +584,8 @@ type GridProps = {
|
|
|
584
584
|
justifyContent?: CSSProperties['justifyContent'];
|
|
585
585
|
/** Padding inside the grid */
|
|
586
586
|
padding?: keyof Theme['spacing'];
|
|
587
|
+
/** Minimum width for each grid child. Enables responsive auto-fill behavior. */
|
|
588
|
+
minChildWidth?: CSSProperties['width'];
|
|
587
589
|
/** Accessibility label for screen readers */
|
|
588
590
|
ariaLabel?: string;
|
|
589
591
|
/** ID of element that labels this grid */
|
|
@@ -604,7 +606,8 @@ type GridProps = {
|
|
|
604
606
|
* **Usage:**
|
|
605
607
|
* - Use `columns` to define the number of columns or a custom grid-template-columns value
|
|
606
608
|
* - Use `rows` to define the number of rows or a custom grid-template-rows value
|
|
607
|
-
* -
|
|
609
|
+
* - Use `minChildWidth` for responsive auto-fill grids
|
|
610
|
+
* - Combine `columns` + `minChildWidth` for responsive grid with max columns limit
|
|
608
611
|
*/
|
|
609
612
|
declare const Grid: FC<GridProps>;
|
|
610
613
|
|
|
@@ -918,7 +921,11 @@ declare const Tabs: FC<TabsProps>;
|
|
|
918
921
|
|
|
919
922
|
type TabItemProps = {
|
|
920
923
|
/** Label of the tab */
|
|
921
|
-
label
|
|
924
|
+
label?: string;
|
|
925
|
+
/** Start icon of the tab */
|
|
926
|
+
startIcon?: string;
|
|
927
|
+
/** End icon of the tab */
|
|
928
|
+
endIcon?: string;
|
|
922
929
|
/** Optional value associated with the tab */
|
|
923
930
|
value?: string | number;
|
|
924
931
|
/** Whether the tab is active */
|