solace-ui-components 18.0.8 → 18.0.11
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.mts +16 -3
- package/dist/index.d.ts +16 -3
- package/dist/index.js +57 -57
- package/dist/index.js.map +1 -1
- package/dist/index.modern.mjs +57 -57
- package/dist/index.modern.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -651,8 +651,12 @@ interface SolaceTabsProps extends SolaceComponentProps {
|
|
|
651
651
|
* standard will render the default state.
|
|
652
652
|
*/
|
|
653
653
|
variant?: "fullWidth" | "scrollable" | "standard";
|
|
654
|
+
/**
|
|
655
|
+
* Location of the tab indicator, when set to top, it should render dividers between the tabs and border on top and bottom.
|
|
656
|
+
*/
|
|
657
|
+
indicatorLocation?: "top" | "bottom";
|
|
654
658
|
}
|
|
655
|
-
declare function SolaceTabs({ tabs, activeTabValue, onTabClick, size, variant }: SolaceTabsProps): JSX.Element;
|
|
659
|
+
declare function SolaceTabs({ tabs, activeTabValue, onTabClick, size, variant, indicatorLocation }: SolaceTabsProps): JSX.Element;
|
|
656
660
|
|
|
657
661
|
declare enum PANEL_POSITION {
|
|
658
662
|
LEFT = "left",
|
|
@@ -741,14 +745,23 @@ interface SolaceConfirmationDialogProps {
|
|
|
741
745
|
* currently supports block, contents, and flex
|
|
742
746
|
*/
|
|
743
747
|
contentLayout?: "block" | "contents" | "flex";
|
|
744
|
-
|
|
748
|
+
/**
|
|
749
|
+
* Determines the max-width of the dialog. Set to `false` to remove the max-width constraint,
|
|
750
|
+
* allowing the dialog to fill the full viewport width (minus margin).
|
|
751
|
+
*/
|
|
752
|
+
maxWidth?: Breakpoint | false;
|
|
753
|
+
/**
|
|
754
|
+
* If true, the dialog stretches to the full width allowed by maxWidth.
|
|
755
|
+
* @default false
|
|
756
|
+
*/
|
|
757
|
+
fullWidth?: boolean;
|
|
745
758
|
children?: ReactNode;
|
|
746
759
|
/**
|
|
747
760
|
* Footer content to be displayed at the bottom of the dialog
|
|
748
761
|
*/
|
|
749
762
|
footer?: ReactNode;
|
|
750
763
|
}
|
|
751
|
-
declare function SolaceConfirmationDialog({ title, contentText, actions, customAction, disableDefaultPadding, isOpen, maxWidth, contentLayout, linearProgressIndicator, children, footer }: SolaceConfirmationDialogProps): JSX.Element;
|
|
764
|
+
declare function SolaceConfirmationDialog({ title, contentText, actions, customAction, disableDefaultPadding, isOpen, maxWidth, fullWidth, contentLayout, linearProgressIndicator, children, footer }: SolaceConfirmationDialogProps): JSX.Element;
|
|
752
765
|
|
|
753
766
|
interface SolaceMenuItemProps extends SolaceComponentProps {
|
|
754
767
|
id?: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -651,8 +651,12 @@ interface SolaceTabsProps extends SolaceComponentProps {
|
|
|
651
651
|
* standard will render the default state.
|
|
652
652
|
*/
|
|
653
653
|
variant?: "fullWidth" | "scrollable" | "standard";
|
|
654
|
+
/**
|
|
655
|
+
* Location of the tab indicator, when set to top, it should render dividers between the tabs and border on top and bottom.
|
|
656
|
+
*/
|
|
657
|
+
indicatorLocation?: "top" | "bottom";
|
|
654
658
|
}
|
|
655
|
-
declare function SolaceTabs({ tabs, activeTabValue, onTabClick, size, variant }: SolaceTabsProps): JSX.Element;
|
|
659
|
+
declare function SolaceTabs({ tabs, activeTabValue, onTabClick, size, variant, indicatorLocation }: SolaceTabsProps): JSX.Element;
|
|
656
660
|
|
|
657
661
|
declare enum PANEL_POSITION {
|
|
658
662
|
LEFT = "left",
|
|
@@ -741,14 +745,23 @@ interface SolaceConfirmationDialogProps {
|
|
|
741
745
|
* currently supports block, contents, and flex
|
|
742
746
|
*/
|
|
743
747
|
contentLayout?: "block" | "contents" | "flex";
|
|
744
|
-
|
|
748
|
+
/**
|
|
749
|
+
* Determines the max-width of the dialog. Set to `false` to remove the max-width constraint,
|
|
750
|
+
* allowing the dialog to fill the full viewport width (minus margin).
|
|
751
|
+
*/
|
|
752
|
+
maxWidth?: Breakpoint | false;
|
|
753
|
+
/**
|
|
754
|
+
* If true, the dialog stretches to the full width allowed by maxWidth.
|
|
755
|
+
* @default false
|
|
756
|
+
*/
|
|
757
|
+
fullWidth?: boolean;
|
|
745
758
|
children?: ReactNode;
|
|
746
759
|
/**
|
|
747
760
|
* Footer content to be displayed at the bottom of the dialog
|
|
748
761
|
*/
|
|
749
762
|
footer?: ReactNode;
|
|
750
763
|
}
|
|
751
|
-
declare function SolaceConfirmationDialog({ title, contentText, actions, customAction, disableDefaultPadding, isOpen, maxWidth, contentLayout, linearProgressIndicator, children, footer }: SolaceConfirmationDialogProps): JSX.Element;
|
|
764
|
+
declare function SolaceConfirmationDialog({ title, contentText, actions, customAction, disableDefaultPadding, isOpen, maxWidth, fullWidth, contentLayout, linearProgressIndicator, children, footer }: SolaceConfirmationDialogProps): JSX.Element;
|
|
752
765
|
|
|
753
766
|
interface SolaceMenuItemProps extends SolaceComponentProps {
|
|
754
767
|
id?: string;
|