@saasquatch/mint-components 1.15.0-2 → 1.15.0-21

package/dist/types/components.d.ts

@@ -27,6 +27,7 @@ import { LeaderboardRankViewProps } from "./components/sqm-leaderboard-rank/sqm-
 import { CopyTextViewProps } from "./components/views/copy-text-view";
 import { NameFieldsViewProps } from "./components/sqm-name-fields/sqm-name-fields-view";
 import { NavigationMenuViewProps } from "./components/sqm-navigation-menu/sqm-navigation-menu-view";
+import { NavigationSidebarViewProps } from "./components/sqm-navigation-sidebar/sqm-navigation-sidebar-view";
 import { NavigationSidebarItemViewProps } from "./components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item-view";
 import { UsePagination } from "./components/sqm-pagination/usePagination";
 import { PasswordFieldViewDemoProps } from "./components/sqm-password-field/sqm-password-field";
@@ -340,6 +341,7 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["left", "right", "center"]
           * @uiEnumNames ["Left", "Right", "Center"]
+          * @uiGroup Style
          */
         "alignment"?: "left" | "right" | "center";
         /**
@@ -347,10 +349,26 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<BigStatViewProps>;
+        /**
+          * Font size of the description text in pixels
+          * @uiName Description font size
+          * @uiGroup Style
+         */
+        "descriptionFontSize"?: number;
+        /**
+          * Color of the description text
+          * @uiName Description text color
+          * @uiWidget color
+          * @uiType string
+          * @format color
+          * @uiGroup Style
+         */
+        "descriptionTextColor"?: string;
         /**
           * Controls the order of the stat value & description column
           * @uiName Flex reverse
-          * @default
+          * @default 
+          * @uiGroup Style
          */
         "flexReverse"?: boolean;
         /**
@@ -359,6 +377,30 @@ export namespace Components {
           * @uiWidget programSelector
          */
         "programId"?: string;
+        /**
+          * Font size of the stat text in pixels
+          * @uiName Stat font size
+          * @uiType string
+          * @uiGroup Style
+         */
+        "statFontSize"?: number;
+        /**
+          * Font weight of the stat text
+          * @uiName Stat font weight
+          * @uiGroup Style
+          * @uiEnum [100, 200, 300, 400, 500, 600, 700, 800, 900]
+          * @uiEnumNames ["Thin", "Extra Light", "Light", "Normal", "Medium", "Semi Bold", "Bold", "Extra Bold", "Heavy"]
+         */
+        "statFontWeight"?: number;
+        /**
+          * Color of the stat text
+          * @uiName Stat text color
+          * @uiWidget color
+          * @uiType string
+          * @format color
+          * @uiGroup Style
+         */
+        "statTextColor"?: string;
         /**
           * Select what type of stat to display. Manual paths are also supported.
           * @uiWidget statTypeSelectWidget
@@ -489,14 +531,47 @@ export namespace Components {
         "contextName": string;
     }
     interface SqmCouponCode {
+        /**
+          * Background color of share link container
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "backgroundColor"?: string;
+        /**
+          * Border color of share link container (default is set to 1px solid transparent)
+          * @uiName Border color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "borderColor"?: string;
+        /**
+          * The border radius on the share link container (in pixels)
+          * @uiName Border Radius
+          * @uiType number
+          * @uiGroup Style
+         */
+        "borderRadius"?: string;
         /**
           * Set the copy button style and placement.
           * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * The type of the button (primary or secondary) that will be used to copy the link.
+          * @uiName Button Type
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonType"?: "primary" | "secondary";
         /**
           * Display this message when the coupon code has been cancelled.
           * @uiWidget textArea
@@ -569,8 +644,17 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiGroup Style
          */
         "textAlign"?: "left" | "center" | "right";
+        /**
+          * Color of the text and copy icon
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -583,6 +667,18 @@ export namespace Components {
         "tooltiptext": string;
     }
     interface SqmDividedLayout {
+        /**
+          * Background color of the divider
+          * @uiName Divider Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * Color of the divider (defaults to default text color if none is set)
+          * @uiName Divider Background Color
+          * @uiWidget color
+         */
+        "borderColor"?: string;
         /**
           * Overrides max-width of content area
           * @uiName Content Area Width
@@ -597,7 +693,7 @@ export namespace Components {
          */
         "direction": "row" | "column";
         /**
-          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * @undocumented Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
           * @uiName Border style
          */
         "dividerStyle": string;
@@ -936,6 +1032,7 @@ export namespace Components {
           * @uiName Background color
           * @uiWidget color
           * @format color
+          * @uiGroup Style
          */
         "backgroundColor"?: string;
         /**
@@ -951,6 +1048,15 @@ export namespace Components {
           * @uiName Button text
          */
         "buttonText"?: string;
+        /**
+          * The type of the button (primary or secondary) that will be used to copy the link.
+          * @uiName Button Type
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Description
           * @uiWidget textArea
@@ -965,11 +1071,13 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["top", "bottom"]
           * @uiEnumNames ["Top", "Bottom"]
+          * @uiGroup Style
          */
         "imageMobilePos": "top" | "bottom";
         /**
           * @uiName Image percentage
           * @uiType number
+          * @uiGroup Style
          */
         "imagePercentage": number;
         /**
@@ -977,6 +1085,7 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiGroup Style
          */
         "imagePos": "left" | "center" | "right";
         /**
@@ -990,16 +1099,19 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["overlay", "columns"]
           * @uiEnumNames ["Overlay", "Two-column"]
+          * @uiGroup Style
          */
         "layout": "overlay" | "columns";
         /**
           * @uiName Overlay color
           * @uiWidget color
           * @format color
+          * @uiGroup Style
          */
         "overlayColor"?: string;
         /**
           * @uiName Overlay opacity
+          * @uiGroup Style
          */
         "overlayOpacity": string;
         /**
@@ -1007,6 +1119,7 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiGroup Style
          */
         "paddingImage": Spacing;
         /**
@@ -1014,12 +1127,14 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiGroup Style
          */
         "paddingText": Spacing;
         /**
           * @uiName Text color
           * @uiWidget color
           * @format color
+          * @uiGroup Style
          */
         "textColor"?: string;
     }
@@ -1441,6 +1556,26 @@ export namespace Components {
           * @uiName Unknown user text
          */
         "anonymousUser": string;
+        /**
+          * Changes the background color of the leaderboard.
+          * @uiName Background Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "background"?: string;
+        /**
+          * Changes the border color of the table rows.
+          * @uiName Border Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "borderColor"?: string;
+        /**
+          * Leaderboard border radius in pixels.
+          * @uiName Border Radius
+          * @uiGroup Style
+         */
+        "borderRadius"?: number;
         /**
           * @undocumented 
           * @uiType object
@@ -1509,10 +1644,31 @@ export namespace Components {
           * @uiName Stats column heading
          */
         "statsheading": string;
+        /**
+          * Text color of the leaderboard.
+          * @uiName Text Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
         /**
           * @uiName User column heading
          */
         "usersheading": string;
+        /**
+          * Changes the background color of the viewing user row in the leaderboard.
+          * @uiName Viewing User Highlight Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "viewingUserHighlightColor"?: string;
+        /**
+          * Changes the text color of the viewing user row in the leaderboard.
+          * @uiName Viewing User Text Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "viewingUserHighlightTextColor"?: string;
         /**
           * @uiName Viewing user text
          */
@@ -1655,8 +1811,47 @@ export namespace Components {
         "menuLabel": string;
     }
     interface SqmNavigationSidebar {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<NavigationSidebarViewProps>;
+        /**
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "mobileMenuColor"?: string;
     }
     interface SqmNavigationSidebarItem {
+        /**
+          * Background color of the nav item
+          * @uiName Background Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "backgroundColor"?: string;
+        /**
+          * Background color of the nav item when focused
+          * @uiName Background Focused Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "backgroundFocusedColor"?: string;
+        /**
+          * Background color of the nav item when hovered
+          * @uiName Background Hover Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "backgroundHoverColor"?: string;
+        /**
+          * Border radius (in number of pixels)
+          * @uiName Border Radius
+          * @uiGroup Style
+         */
+        "borderRadius"?: number;
         /**
           * @undocumented 
           * @uiType object
@@ -1665,19 +1860,57 @@ export namespace Components {
         /**
           * Options available at https://shoelace.style/components/icon
           * @uiName Icon
+          * @uiGroup Style
          */
         "icon": string;
         /**
           * @uiName Label
          */
         "label": string;
+        /**
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "padding"?: Spacing;
         /**
           * @uiName Navigation path
           * @uiWidget pageSelect
          */
         "path": string;
+        /**
+          * Text color of the nav item
+          * @uiName Text Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
+        /**
+          * Text color of the nav item when items is focused
+          * @uiName Text Focused Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "textFocusedColor"?: string;
+        /**
+          * Text color of the nav item when hovered
+          * @uiName Text Hover Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "textHoverColor"?: string;
     }
     interface SqmPagination {
+        /**
+          * The type of the button (primary or secondary) that will be used to copy the link.
+          * @uiName Button Type
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonType"?: "primary" | "secondary";
         /**
           * @undocumented 
           * @uiType object
@@ -2224,6 +2457,12 @@ export namespace Components {
         "successAlertText": string;
     }
     interface SqmPortalFrame {
+        /**
+          * @uiName Background color
+          * @uiWidget color
+          * @uiType string
+         */
+        "backgroundColor": string;
         /**
           * @undocumented 
           * @uiType object
@@ -2961,7 +3200,13 @@ export namespace Components {
           * @uiWidget color
           * @format color
          */
-        "backgroundColor": string;
+        "backgroundColor"?: string;
+        /**
+          * Amount in pixels
+          * @uiName Border radius
+          * @type number
+         */
+        "borderRadius"?: number;
         /**
           * @uiName Description
           * @uiWidget textArea
@@ -2976,6 +3221,18 @@ export namespace Components {
           * @uiName Icon
          */
         "icon"?: string;
+        /**
+          * @uiName Icon Background color
+          * @uiWidget color
+          * @format color
+         */
+        "iconBackgroundColor"?: string;
+        /**
+          * @uiName Icon color
+          * @uiWidget color
+          * @format color
+         */
+        "iconColor"?: string;
         /**
           * Displayed in place of an icon
           * @uiName Image URL
@@ -2988,7 +3245,7 @@ export namespace Components {
           * @uiWidget color
           * @format color
          */
-        "textColor": string;
+        "textColor"?: string;
     }
     interface SqmProgramMenu {
     }
@@ -3041,6 +3298,19 @@ export namespace Components {
           * @uiType string
          */
         "backgroundColor": string;
+        /**
+          * Border color of share link container (default is set to 1px solid transparent)
+          * @uiName Border color
+          * @uiWidget color
+          * @format color
+         */
+        "borderColor"?: string;
+        /**
+          * The border radius on the share link container (in pixels)
+          * @uiName Border Radius
+          * @uiType number
+         */
+        "borderRadius"?: number;
         /**
           * @uiName Hide border
           * @uiType boolean
@@ -3079,6 +3349,13 @@ export namespace Components {
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
         "paddingTop": string;
+        /**
+          * Color of the text and copy icon
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+         */
+        "textColor"?: string;
         /**
           * @uiName Vertical alignment
           * @uiType string
@@ -3088,14 +3365,47 @@ export namespace Components {
         "verticalAlignment": "start" | "center" | "end";
     }
     interface SqmReferralCode {
+        /**
+          * Background color of share link container
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "backgroundColor"?: string;
+        /**
+          * Border color of share link container (default is set to 1px solid transparent)
+          * @uiName Border color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "borderColor"?: string;
+        /**
+          * The border radius on the share link container (in pixels)
+          * @uiName Border Radius
+          * @uiType number
+          * @uiGroup Style
+         */
+        "borderRadius"?: string;
         /**
           * Set the copy button style and placement
           * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * The type of the button (primary or secondary) that will be used to copy the link.
+          * @uiName Button Type
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Copy button label
          */
@@ -3127,8 +3437,17 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiGroup Style
          */
         "textAlign": "left" | "center" | "right";
+        /**
+          * Color of the text and copy icon
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -3163,6 +3482,12 @@ export namespace Components {
           * @uiWidget programSelector
          */
         "programId"?: string;
+        /**
+          * @uiName Text Color
+          * @uiType string
+          * @uiWidget color
+         */
+        "textColor"?: string;
         /**
           * @uiName Title Text
          */
@@ -3964,11 +4289,18 @@ export namespace Components {
           * @uiName Button background color
           * @uiWidget color
           * @format color
+          * @uiGroup Style
          */
         "backgroundcolor"?: string;
+        /**
+          * @uiName Border
+          * @uiGroup Style
+         */
+        "border"?: string;
         /**
           * Configure border radius with pixel amount
           * @uiName Border radius
+          * @uiGroup Style
          */
         "borderradius"?: number;
         /**
@@ -3982,11 +4314,13 @@ export namespace Components {
         "disabled"?: boolean;
         /**
           * @uiName Hide icon
+          * @uiGroup Style
           * @default
          */
         "hideicon"?: boolean;
         /**
           * @uiName Hide text
+          * @uiGroup Style
           * @default
          */
         "hidetext"?: boolean;
@@ -4024,6 +4358,7 @@ export namespace Components {
     | "unknown";
         /**
           * @uiName Display pill
+          * @uiGroup Style
          */
         "pill"?: boolean;
         /**
@@ -4047,21 +4382,24 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["small", "medium", "large" ]
           * @uiEnumNames ["Small", "Medium", "Large"]
+          * @uiGroup Style
          */
         "size"?: "small" | "medium" | "large";
         /**
           * @uiName Button text color
           * @uiWidget color
           * @format color
+          * @uiGroup Style
          */
         "textcolor"?: string;
         /**
           * @uiType string
           * @uiName Button style
-          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * @uiEnum ["primary", "secondary", "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Secondary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
         "type"?: | "primary"
+    | "secondary"
     | "success"
     | "info"
     | "warning"
@@ -4080,14 +4418,47 @@ export namespace Components {
         "unsupportedPlatformText"?: string;
     }
     interface SqmShareCode {
+        /**
+          * Background color of share link container
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "backgroundColor"?: string;
+        /**
+          * Border color of share link container (default is set to 1px solid transparent)
+          * @uiName Border color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "borderColor"?: string;
+        /**
+          * The border radius on the share link container (in pixels)
+          * @uiName Border Radius
+          * @uiType number
+          * @uiGroup Style
+         */
+        "borderRadius"?: string;
         /**
           * Set the copy button style and placement
           * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * The type of the button (primary or secondary) that will be used to copy the link.
+          * @uiName Button Type
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Copy button label
          */
@@ -4109,8 +4480,17 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiGroup Style
          */
         "textAlign": "left" | "center" | "right";
+        /**
+          * Color of the text and copy icon
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -4123,14 +4503,47 @@ export namespace Components {
         "tooltiptext": string;
     }
     interface SqmShareLink {
+        /**
+          * Background color of share link container
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "backgroundColor"?: string;
+        /**
+          * Border color of share link container (default is set to 1px solid transparent)
+          * @uiName Border color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "borderColor"?: string;
+        /**
+          * The border radius on the share link container (in pixels)
+          * @uiName Border Radius
+          * @uiType number
+          * @uiGroup Style
+         */
+        "borderRadius"?: string;
         /**
           * Set the copy button style and placement
-          * @uiName Style
+          * @uiName Button style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * The type of the button (primary or secondary) that will be used to copy the link.
+          * @uiName Button Type
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Copy button label
          */
@@ -4152,8 +4565,17 @@ export namespace Components {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiGroup Style
          */
         "textAlign"?: "left" | "center" | "right";
+        /**
+          * Color of the text and copy icon
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -4167,12 +4589,34 @@ export namespace Components {
     }
     interface SqmStatContainer {
         /**
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
+          * @uiType string
+          * @uiEnum ["left", "right", "center"]
+          * @uiEnumNames ["Left", "Right", "Center"]
+         */
+        "alignment"?: "left" | "right" | "center";
+        /**
+          * @undocumented 
           * @uiName Display
           * @uiType string
           * @uiEnum ["grid", "flex"]
           * @uiEnumNames ["Grid", "Flex"]
          */
         "display": "grid" | "flex";
+        /**
+          * @uiName Gap
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "gap": Spacing;
+        /**
+          * Hide the seperating border between stats
+          * @uiName Hide border
+          * @uiType boolean
+         */
+        "hideBorder"?: boolean;
         /**
           * @uiName Space between stats
           * @uiType string
@@ -4214,13 +4658,46 @@ export namespace Components {
           * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
         "placement"?: "left" | "right" | "bottom" | "top";
+        /**
+          * Tab text color
+          * @uiName Text color
+          * @uiType string
+          * @uiWidget color
+         */
+        "textColor"?: string;
     }
     interface SqmTaskCard {
+        /**
+          * @uiName Card Background color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Border color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "borderColor"?: string;
+        /**
+          * @uiName Border radius
+          * @uiType number
+          * @uiGroup Style
+         */
+        "borderRadius"?: number;
         /**
           * @uiName Button link
           * @uiGroup Button
          */
         "buttonLink": string;
+        /**
+          * @uiName Button Style
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonStyle"?: "primary" | "secondary";
         /**
           * @uiName Button text
           * @uiGroup Button
@@ -4363,6 +4840,12 @@ export namespace Components {
           * @default
          */
         "steps": boolean;
+        /**
+          * @uiName Text color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
     }
     interface SqmTaxAndCash {
         /**
@@ -5596,6 +6079,18 @@ export namespace Components {
         "verificationReviewInternalHeader": string;
     }
     interface SqmText {
+        /**
+          * Font size in pixels
+          * @uiName Font Size
+          * @uiType number
+         */
+        "fontSize"?: number;
+        /**
+          * @uiName Text Color
+          * @uiWidget color
+          * @format color
+         */
+        "textColor"?: string;
     }
     interface SqmTextSpan {
         /**
@@ -5631,11 +6126,25 @@ export namespace Components {
           * @uiEnumNames ["Gift", "Circle"]
          */
         "icon": "gift" | "circle";
+        /**
+          * Color of timeline
+          * @uiName Line color
+          * @uiWidget color
+          * @format color
+         */
+        "lineColor"?: string;
         /**
           * @uiName Reward amount
          */
         "reward": string;
         "setIcon": (value: "gift" | "circle") => Promise<void>;
+        /**
+          * Color of the text and copy icon
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+         */
+        "textColor"?: string;
         /**
           * @uiName Reward unit
          */
@@ -7084,6 +7593,7 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["left", "right", "center"]
           * @uiEnumNames ["Left", "Right", "Center"]
+          * @uiGroup Style
          */
         "alignment"?: "left" | "right" | "center";
         /**
@@ -7091,10 +7601,26 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<BigStatViewProps>;
+        /**
+          * Font size of the description text in pixels
+          * @uiName Description font size
+          * @uiGroup Style
+         */
+        "descriptionFontSize"?: number;
+        /**
+          * Color of the description text
+          * @uiName Description text color
+          * @uiWidget color
+          * @uiType string
+          * @format color
+          * @uiGroup Style
+         */
+        "descriptionTextColor"?: string;
         /**
           * Controls the order of the stat value & description column
           * @uiName Flex reverse
-          * @default
+          * @default 
+          * @uiGroup Style
          */
         "flexReverse"?: boolean;
         /**
@@ -7103,6 +7629,30 @@ declare namespace LocalJSX {
           * @uiWidget programSelector
          */
         "programId"?: string;
+        /**
+          * Font size of the stat text in pixels
+          * @uiName Stat font size
+          * @uiType string
+          * @uiGroup Style
+         */
+        "statFontSize"?: number;
+        /**
+          * Font weight of the stat text
+          * @uiName Stat font weight
+          * @uiGroup Style
+          * @uiEnum [100, 200, 300, 400, 500, 600, 700, 800, 900]
+          * @uiEnumNames ["Thin", "Extra Light", "Light", "Normal", "Medium", "Semi Bold", "Bold", "Extra Bold", "Heavy"]
+         */
+        "statFontWeight"?: number;
+        /**
+          * Color of the stat text
+          * @uiName Stat text color
+          * @uiWidget color
+          * @uiType string
+          * @format color
+          * @uiGroup Style
+         */
+        "statTextColor"?: string;
         /**
           * Select what type of stat to display. Manual paths are also supported.
           * @uiWidget statTypeSelectWidget
@@ -7227,20 +7777,53 @@ declare namespace LocalJSX {
         /**
           * @uiName Verify code button text
          */
-        "verifyText"?: string;
-    }
-    interface SqmContextRouter {
-        "contextName"?: string;
-    }
-    interface SqmCouponCode {
+        "verifyText"?: string;
+    }
+    interface SqmContextRouter {
+        "contextName"?: string;
+    }
+    interface SqmCouponCode {
+        /**
+          * Background color of share link container
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "backgroundColor"?: string;
+        /**
+          * Border color of share link container (default is set to 1px solid transparent)
+          * @uiName Border color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "borderColor"?: string;
+        /**
+          * The border radius on the share link container (in pixels)
+          * @uiName Border Radius
+          * @uiType number
+          * @uiGroup Style
+         */
+        "borderRadius"?: string;
         /**
           * Set the copy button style and placement.
           * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * The type of the button (primary or secondary) that will be used to copy the link.
+          * @uiName Button Type
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonType"?: "primary" | "secondary";
         /**
           * Display this message when the coupon code has been cancelled.
           * @uiWidget textArea
@@ -7313,8 +7896,17 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiGroup Style
          */
         "textAlign"?: "left" | "center" | "right";
+        /**
+          * Color of the text and copy icon
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -7327,6 +7919,18 @@ declare namespace LocalJSX {
         "tooltiptext"?: string;
     }
     interface SqmDividedLayout {
+        /**
+          * Background color of the divider
+          * @uiName Divider Background Color
+          * @uiWidget color
+         */
+        "backgroundColor"?: string;
+        /**
+          * Color of the divider (defaults to default text color if none is set)
+          * @uiName Divider Background Color
+          * @uiWidget color
+         */
+        "borderColor"?: string;
         /**
           * Overrides max-width of content area
           * @uiName Content Area Width
@@ -7341,7 +7945,7 @@ declare namespace LocalJSX {
          */
         "direction"?: "row" | "column";
         /**
-          * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
+          * @undocumented Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
           * @uiName Border style
          */
         "dividerStyle"?: string;
@@ -7681,6 +8285,7 @@ declare namespace LocalJSX {
           * @uiName Background color
           * @uiWidget color
           * @format color
+          * @uiGroup Style
          */
         "backgroundColor"?: string;
         /**
@@ -7696,6 +8301,15 @@ declare namespace LocalJSX {
           * @uiName Button text
          */
         "buttonText"?: string;
+        /**
+          * The type of the button (primary or secondary) that will be used to copy the link.
+          * @uiName Button Type
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Description
           * @uiWidget textArea
@@ -7710,11 +8324,13 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["top", "bottom"]
           * @uiEnumNames ["Top", "Bottom"]
+          * @uiGroup Style
          */
         "imageMobilePos"?: "top" | "bottom";
         /**
           * @uiName Image percentage
           * @uiType number
+          * @uiGroup Style
          */
         "imagePercentage"?: number;
         /**
@@ -7722,6 +8338,7 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiGroup Style
          */
         "imagePos"?: "left" | "center" | "right";
         /**
@@ -7735,16 +8352,19 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["overlay", "columns"]
           * @uiEnumNames ["Overlay", "Two-column"]
+          * @uiGroup Style
          */
         "layout"?: "overlay" | "columns";
         /**
           * @uiName Overlay color
           * @uiWidget color
           * @format color
+          * @uiGroup Style
          */
         "overlayColor"?: string;
         /**
           * @uiName Overlay opacity
+          * @uiGroup Style
          */
         "overlayOpacity"?: string;
         /**
@@ -7752,6 +8372,7 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiGroup Style
          */
         "paddingImage"?: Spacing;
         /**
@@ -7759,12 +8380,14 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+          * @uiGroup Style
          */
         "paddingText"?: Spacing;
         /**
           * @uiName Text color
           * @uiWidget color
           * @format color
+          * @uiGroup Style
          */
         "textColor"?: string;
     }
@@ -8180,6 +8803,26 @@ declare namespace LocalJSX {
           * @uiName Unknown user text
          */
         "anonymousUser"?: string;
+        /**
+          * Changes the background color of the leaderboard.
+          * @uiName Background Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "background"?: string;
+        /**
+          * Changes the border color of the table rows.
+          * @uiName Border Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "borderColor"?: string;
+        /**
+          * Leaderboard border radius in pixels.
+          * @uiName Border Radius
+          * @uiGroup Style
+         */
+        "borderRadius"?: number;
         /**
           * @undocumented 
           * @uiType object
@@ -8248,10 +8891,31 @@ declare namespace LocalJSX {
           * @uiName Stats column heading
          */
         "statsheading"?: string;
+        /**
+          * Text color of the leaderboard.
+          * @uiName Text Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
         /**
           * @uiName User column heading
          */
         "usersheading"?: string;
+        /**
+          * Changes the background color of the viewing user row in the leaderboard.
+          * @uiName Viewing User Highlight Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "viewingUserHighlightColor"?: string;
+        /**
+          * Changes the text color of the viewing user row in the leaderboard.
+          * @uiName Viewing User Text Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "viewingUserHighlightTextColor"?: string;
         /**
           * @uiName Viewing user text
          */
@@ -8394,8 +9058,47 @@ declare namespace LocalJSX {
         "menuLabel"?: string;
     }
     interface SqmNavigationSidebar {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<NavigationSidebarViewProps>;
+        /**
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "mobileMenuColor"?: string;
     }
     interface SqmNavigationSidebarItem {
+        /**
+          * Background color of the nav item
+          * @uiName Background Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "backgroundColor"?: string;
+        /**
+          * Background color of the nav item when focused
+          * @uiName Background Focused Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "backgroundFocusedColor"?: string;
+        /**
+          * Background color of the nav item when hovered
+          * @uiName Background Hover Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "backgroundHoverColor"?: string;
+        /**
+          * Border radius (in number of pixels)
+          * @uiName Border Radius
+          * @uiGroup Style
+         */
+        "borderRadius"?: number;
         /**
           * @undocumented 
           * @uiType object
@@ -8404,19 +9107,57 @@ declare namespace LocalJSX {
         /**
           * Options available at https://shoelace.style/components/icon
           * @uiName Icon
+          * @uiGroup Style
          */
         "icon"?: string;
         /**
           * @uiName Label
          */
         "label"?: string;
+        /**
+          * @uiName Padding
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "padding"?: Spacing;
         /**
           * @uiName Navigation path
           * @uiWidget pageSelect
          */
         "path"?: string;
+        /**
+          * Text color of the nav item
+          * @uiName Text Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
+        /**
+          * Text color of the nav item when items is focused
+          * @uiName Text Focused Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "textFocusedColor"?: string;
+        /**
+          * Text color of the nav item when hovered
+          * @uiName Text Hover Color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "textHoverColor"?: string;
     }
     interface SqmPagination {
+        /**
+          * The type of the button (primary or secondary) that will be used to copy the link.
+          * @uiName Button Type
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonType"?: "primary" | "secondary";
         /**
           * @undocumented 
           * @uiType object
@@ -8963,6 +9704,12 @@ declare namespace LocalJSX {
         "successAlertText"?: string;
     }
     interface SqmPortalFrame {
+        /**
+          * @uiName Background color
+          * @uiWidget color
+          * @uiType string
+         */
+        "backgroundColor"?: string;
         /**
           * @undocumented 
           * @uiType object
@@ -9701,6 +10448,12 @@ declare namespace LocalJSX {
           * @format color
          */
         "backgroundColor"?: string;
+        /**
+          * Amount in pixels
+          * @uiName Border radius
+          * @type number
+         */
+        "borderRadius"?: number;
         /**
           * @uiName Description
           * @uiWidget textArea
@@ -9715,6 +10468,18 @@ declare namespace LocalJSX {
           * @uiName Icon
          */
         "icon"?: string;
+        /**
+          * @uiName Icon Background color
+          * @uiWidget color
+          * @format color
+         */
+        "iconBackgroundColor"?: string;
+        /**
+          * @uiName Icon color
+          * @uiWidget color
+          * @format color
+         */
+        "iconColor"?: string;
         /**
           * Displayed in place of an icon
           * @uiName Image URL
@@ -9780,6 +10545,19 @@ declare namespace LocalJSX {
           * @uiType string
          */
         "backgroundColor"?: string;
+        /**
+          * Border color of share link container (default is set to 1px solid transparent)
+          * @uiName Border color
+          * @uiWidget color
+          * @format color
+         */
+        "borderColor"?: string;
+        /**
+          * The border radius on the share link container (in pixels)
+          * @uiName Border Radius
+          * @uiType number
+         */
+        "borderRadius"?: number;
         /**
           * @uiName Hide border
           * @uiType boolean
@@ -9818,6 +10596,13 @@ declare namespace LocalJSX {
           * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
          */
         "paddingTop"?: string;
+        /**
+          * Color of the text and copy icon
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+         */
+        "textColor"?: string;
         /**
           * @uiName Vertical alignment
           * @uiType string
@@ -9827,14 +10612,47 @@ declare namespace LocalJSX {
         "verticalAlignment"?: "start" | "center" | "end";
     }
     interface SqmReferralCode {
+        /**
+          * Background color of share link container
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "backgroundColor"?: string;
+        /**
+          * Border color of share link container (default is set to 1px solid transparent)
+          * @uiName Border color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "borderColor"?: string;
+        /**
+          * The border radius on the share link container (in pixels)
+          * @uiName Border Radius
+          * @uiType number
+          * @uiGroup Style
+         */
+        "borderRadius"?: string;
         /**
           * Set the copy button style and placement
           * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * The type of the button (primary or secondary) that will be used to copy the link.
+          * @uiName Button Type
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Copy button label
          */
@@ -9866,8 +10684,17 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiGroup Style
          */
         "textAlign"?: "left" | "center" | "right";
+        /**
+          * Color of the text and copy icon
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -9902,6 +10729,12 @@ declare namespace LocalJSX {
           * @uiWidget programSelector
          */
         "programId"?: string;
+        /**
+          * @uiName Text Color
+          * @uiType string
+          * @uiWidget color
+         */
+        "textColor"?: string;
         /**
           * @uiName Title Text
          */
@@ -10679,11 +11512,18 @@ declare namespace LocalJSX {
           * @uiName Button background color
           * @uiWidget color
           * @format color
+          * @uiGroup Style
          */
         "backgroundcolor"?: string;
+        /**
+          * @uiName Border
+          * @uiGroup Style
+         */
+        "border"?: string;
         /**
           * Configure border radius with pixel amount
           * @uiName Border radius
+          * @uiGroup Style
          */
         "borderradius"?: number;
         /**
@@ -10697,11 +11537,13 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * @uiName Hide icon
+          * @uiGroup Style
           * @default
          */
         "hideicon"?: boolean;
         /**
           * @uiName Hide text
+          * @uiGroup Style
           * @default
          */
         "hidetext"?: boolean;
@@ -10739,6 +11581,7 @@ declare namespace LocalJSX {
     | "unknown";
         /**
           * @uiName Display pill
+          * @uiGroup Style
          */
         "pill"?: boolean;
         /**
@@ -10762,21 +11605,24 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["small", "medium", "large" ]
           * @uiEnumNames ["Small", "Medium", "Large"]
+          * @uiGroup Style
          */
         "size"?: "small" | "medium" | "large";
         /**
           * @uiName Button text color
           * @uiWidget color
           * @format color
+          * @uiGroup Style
          */
         "textcolor"?: string;
         /**
           * @uiType string
           * @uiName Button style
-          * @uiEnum ["primary" , "success", "info", "warning", "danger", "default", "text" ]
-          * @uiEnumNames ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
+          * @uiEnum ["primary", "secondary", "success", "info", "warning", "danger", "default", "text" ]
+          * @uiEnumNames ["Primary", "Secondary", "Success", "Info", "Warning", "Danger", "Default", "Text"]
          */
         "type"?: | "primary"
+    | "secondary"
     | "success"
     | "info"
     | "warning"
@@ -10795,14 +11641,47 @@ declare namespace LocalJSX {
         "unsupportedPlatformText"?: string;
     }
     interface SqmShareCode {
+        /**
+          * Background color of share link container
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "backgroundColor"?: string;
+        /**
+          * Border color of share link container (default is set to 1px solid transparent)
+          * @uiName Border color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "borderColor"?: string;
+        /**
+          * The border radius on the share link container (in pixels)
+          * @uiName Border Radius
+          * @uiType number
+          * @uiGroup Style
+         */
+        "borderRadius"?: string;
         /**
           * Set the copy button style and placement
           * @uiName Style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * The type of the button (primary or secondary) that will be used to copy the link.
+          * @uiName Button Type
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Copy button label
          */
@@ -10824,8 +11703,17 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiGroup Style
          */
         "textAlign"?: "left" | "center" | "right";
+        /**
+          * Color of the text and copy icon
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -10838,14 +11726,47 @@ declare namespace LocalJSX {
         "tooltiptext"?: string;
     }
     interface SqmShareLink {
+        /**
+          * Background color of share link container
+          * @uiName Background color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "backgroundColor"?: string;
+        /**
+          * Border color of share link container (default is set to 1px solid transparent)
+          * @uiName Border color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "borderColor"?: string;
+        /**
+          * The border radius on the share link container (in pixels)
+          * @uiName Border Radius
+          * @uiType number
+          * @uiGroup Style
+         */
+        "borderRadius"?: string;
         /**
           * Set the copy button style and placement
-          * @uiName Style
+          * @uiName Button style
           * @uiType string
           * @uiEnum ["icon", "button-outside", "button-below"]
           * @uiEnumNames ["Icon", "Button outside", "Button below"]
+          * @uiGroup Style
          */
         "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * The type of the button (primary or secondary) that will be used to copy the link.
+          * @uiName Button Type
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonType"?: "primary" | "secondary";
         /**
           * @uiName Copy button label
          */
@@ -10867,8 +11788,17 @@ declare namespace LocalJSX {
           * @uiType string
           * @uiEnum ["left", "center", "right"]
           * @uiEnumNames ["Left", "Center", "Right"]
+          * @uiGroup Style
          */
         "textAlign"?: "left" | "center" | "right";
+        /**
+          * Color of the text and copy icon
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
         /**
           * The number of milliseconds that the tooltip appears for
           * @uiName Tooltip lifespan
@@ -10882,12 +11812,34 @@ declare namespace LocalJSX {
     }
     interface SqmStatContainer {
         /**
+          * Controls the alignment of the flexbox
+          * @uiName Alignment
+          * @uiType string
+          * @uiEnum ["left", "right", "center"]
+          * @uiEnumNames ["Left", "Right", "Center"]
+         */
+        "alignment"?: "left" | "right" | "center";
+        /**
+          * @undocumented 
           * @uiName Display
           * @uiType string
           * @uiEnum ["grid", "flex"]
           * @uiEnumNames ["Grid", "Flex"]
          */
         "display"?: "grid" | "flex";
+        /**
+          * @uiName Gap
+          * @uiType string
+          * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+          * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+         */
+        "gap"?: Spacing;
+        /**
+          * Hide the seperating border between stats
+          * @uiName Hide border
+          * @uiType boolean
+         */
+        "hideBorder"?: boolean;
         /**
           * @uiName Space between stats
           * @uiType string
@@ -10929,13 +11881,46 @@ declare namespace LocalJSX {
           * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
          */
         "placement"?: "left" | "right" | "bottom" | "top";
+        /**
+          * Tab text color
+          * @uiName Text color
+          * @uiType string
+          * @uiWidget color
+         */
+        "textColor"?: string;
     }
     interface SqmTaskCard {
+        /**
+          * @uiName Card Background color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "backgroundColor"?: string;
+        /**
+          * @uiName Border color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "borderColor"?: string;
+        /**
+          * @uiName Border radius
+          * @uiType number
+          * @uiGroup Style
+         */
+        "borderRadius"?: number;
         /**
           * @uiName Button link
           * @uiGroup Button
          */
         "buttonLink"?: string;
+        /**
+          * @uiName Button Style
+          * @uiType string
+          * @uiEnum ["primary", "secondary"]
+          * @uiEnumNames ["Primary", "Secondary"]
+          * @uiGroup Style
+         */
+        "buttonStyle"?: "primary" | "secondary";
         /**
           * @uiName Button text
           * @uiGroup Button
@@ -11078,6 +12063,12 @@ declare namespace LocalJSX {
           * @default
          */
         "steps"?: boolean;
+        /**
+          * @uiName Text color
+          * @uiWidget color
+          * @uiGroup Style
+         */
+        "textColor"?: string;
     }
     interface SqmTaxAndCash {
         /**
@@ -12311,6 +13302,18 @@ declare namespace LocalJSX {
         "verificationReviewInternalHeader"?: string;
     }
     interface SqmText {
+        /**
+          * Font size in pixels
+          * @uiName Font Size
+          * @uiType number
+         */
+        "fontSize"?: number;
+        /**
+          * @uiName Text Color
+          * @uiWidget color
+          * @format color
+         */
+        "textColor"?: string;
     }
     interface SqmTextSpan {
         /**
@@ -12346,10 +13349,24 @@ declare namespace LocalJSX {
           * @uiEnumNames ["Gift", "Circle"]
          */
         "icon"?: "gift" | "circle";
+        /**
+          * Color of timeline
+          * @uiName Line color
+          * @uiWidget color
+          * @format color
+         */
+        "lineColor"?: string;
         /**
           * @uiName Reward amount
          */
         "reward"?: string;
+        /**
+          * Color of the text and copy icon
+          * @uiName Text color
+          * @uiWidget color
+          * @format color
+         */
+        "textColor"?: string;
         /**
           * @uiName Reward unit
          */