@xsolla/xui-core 0.101.0 → 0.102.0

package/index.js.flow

@@ -14,7 +14,7 @@ declare var background: undefined: /* NO PRINT IMPLEMENTED: ObjectLiteralExpress
 ;declare var overlay: undefined: /* NO PRINT IMPLEMENTED: ObjectLiteralExpression */ any
 ;declare var layer: undefined: /* NO PRINT IMPLEMENTED: ObjectLiteralExpression */ any
 ;declare var control: undefined: /* NO PRINT IMPLEMENTED: ObjectLiteralExpression */ any
-;declare var darkTheme: undefined: /* NO PRINT IMPLEMENTED: ObjectLiteralExpression */ any
+;declare var xsollaDark: undefined: /* NO PRINT IMPLEMENTED: ObjectLiteralExpression */ any
 ;declare var colors: {
 dark: {
 background: {
@@ -122,42 +122,60 @@ bgDisable: string,
 border: string,
 borderHover: string,
 borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderDisable: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
+tertiary: string,
 disable: string,...
 },...
 },
+mono: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
-},...
+tertiary: string,...
 },...
 },
 brandExtra: {
@@ -165,80 +183,120 @@ primary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
-},...
+tertiary: string,...
 },...
 },
 alert: {
+bg: string,
+border: string,
 primary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
+tertiary: string,...
 },...
 },
-secondary: {
+input: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,
+placeholder: string,
+textDisable: string,...
+},
+focus: {
+bg: string,
+border: string,...
+},
+check: {
 bg: string,
 bgHover: string,
-bgPress: string,
 bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
 borderDisable: string,
+text: string,...
+},
+faint: {
+bg: string,
+bgHover: string,
+border: string,
+borderHover: string,...
+},
+switch: {
+bg: string,
+bgHover: string,...
+},
 text: {
 primary: string,
-secondary: string,
 disable: string,...
-},...
 },
-tertiary: {
+link: {
+primary: string,
+primaryHover: string,
+secondary: string,
+secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
 bg: string,
 bgHover: string,
 bgPress: string,
@@ -247,14 +305,109 @@ border: string,
 borderHover: string,
 borderPress: string,
 borderDisable: string,
-text: {
+text: string,
+textDisable: string,...
+},...
+},...
+},
+light: {
+background: {
 primary: string,
 secondary: string,
-disable: string,...
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
 },...
+},
+content: {
+primary: string,
+secondary: string,
+tertiary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},
+on: {
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+static: {
+light: string,
+dark: string,...
 },...
 },
-mono: {
+border: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+overlay: {
+mono: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+layer: {
+scrim: string,
+float: string,...
+},
+control: {
+brand: {
 primary: {
 bg: string,
 bgHover: string,
@@ -263,42 +416,2808 @@ bgDisable: string,
 border: string,
 borderHover: string,
 borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderDisable: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
+tertiary: string,
 disable: string,...
 },...
 },
+mono: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+brandExtra: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+alert: {
+bg: string,
+border: string,
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+input: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,
+placeholder: string,
+textDisable: string,...
+},
+focus: {
+bg: string,
+border: string,...
+},
+check: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
+},
+faint: {
+bg: string,
+bgHover: string,
+border: string,
+borderHover: string,...
+},
+switch: {
+bg: string,
+bgHover: string,...
+},
+text: {
+primary: string,
+disable: string,...
+},
+link: {
+primary: string,
+primaryHover: string,
+secondary: string,
+secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
+},...
+},...
+},
+"pentagram-dark": {
+background: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},...
+},
+content: {
+primary: string,
+secondary: string,
+tertiary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},
+on: {
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+static: {
+light: string,
+dark: string,...
+},...
+},
+border: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+overlay: {
+mono: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+layer: {
+scrim: string,
+float: string,...
+},
+control: {
+brand: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,
+disable: string,...
+},...
+},
+mono: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+brandExtra: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+alert: {
+bg: string,
+border: string,
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+input: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,
+placeholder: string,
+textDisable: string,...
+},
+focus: {
+bg: string,
+border: string,...
+},
+check: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
+},
+faint: {
+bg: string,
+bgHover: string,
+border: string,
+borderHover: string,...
+},
+switch: {
+bg: string,
+bgHover: string,...
+},
+text: {
+primary: string,
+disable: string,...
+},
+link: {
+primary: string,
+primaryHover: string,
+secondary: string,
+secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
+},...
+},...
+},
+"pentagram-light": {
+background: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},...
+},
+content: {
+primary: string,
+secondary: string,
+tertiary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},
+on: {
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+static: {
+light: string,
+dark: string,...
+},...
+},
+border: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+overlay: {
+mono: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+layer: {
+scrim: string,
+float: string,...
+},
+control: {
+brand: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,
+disable: string,...
+},...
+},
+mono: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+brandExtra: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+alert: {
+bg: string,
+border: string,
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+input: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,
+placeholder: string,
+textDisable: string,...
+},
+focus: {
+bg: string,
+border: string,...
+},
+check: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
+},
+faint: {
+bg: string,
+bgHover: string,
+border: string,
+borderHover: string,...
+},
+switch: {
+bg: string,
+bgHover: string,...
+},
+text: {
+primary: string,
+disable: string,...
+},
+link: {
+primary: string,
+primaryHover: string,
+secondary: string,
+secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
+},...
+},...
+},
+"xsolla-dark": {
+background: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},...
+},
+content: {
+primary: string,
+secondary: string,
+tertiary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},
+on: {
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+static: {
+light: string,
+dark: string,...
+},...
+},
+border: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+overlay: {
+mono: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+layer: {
+scrim: string,
+float: string,...
+},
+control: {
+brand: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,
+disable: string,...
+},...
+},
+mono: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+brandExtra: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+alert: {
+bg: string,
+border: string,
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+input: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,
+placeholder: string,
+textDisable: string,...
+},
+focus: {
+bg: string,
+border: string,...
+},
+check: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
+},
+faint: {
+bg: string,
+bgHover: string,
+border: string,
+borderHover: string,...
+},
+switch: {
+bg: string,
+bgHover: string,...
+},
+text: {
+primary: string,
+disable: string,...
+},
+link: {
+primary: string,
+primaryHover: string,
+secondary: string,
+secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
+},...
+},...
+},
+"xsolla-light": {
+background: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},...
+},
+content: {
+primary: string,
+secondary: string,
+tertiary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},
+on: {
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+static: {
+light: string,
+dark: string,...
+},...
+},
+border: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+overlay: {
+mono: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+layer: {
+scrim: string,
+float: string,...
+},
+control: {
+brand: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,
+disable: string,...
+},...
+},
+mono: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+brandExtra: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+alert: {
+bg: string,
+border: string,
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+input: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,
+placeholder: string,
+textDisable: string,...
+},
+focus: {
+bg: string,
+border: string,...
+},
+check: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
+},
+faint: {
+bg: string,
+bgHover: string,
+border: string,
+borderHover: string,...
+},
+switch: {
+bg: string,
+bgHover: string,...
+},
+text: {
+primary: string,
+disable: string,...
+},
+link: {
+primary: string,
+primaryHover: string,
+secondary: string,
+secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
+},...
+},...
+},
+xsollaDark: {
+background: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},...
+},
+content: {
+primary: string,
+secondary: string,
+tertiary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},
+on: {
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+static: {
+light: string,
+dark: string,...
+},...
+},
+border: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+overlay: {
+mono: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+layer: {
+scrim: string,
+float: string,...
+},
+control: {
+brand: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,
+disable: string,...
+},...
+},
+mono: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+brandExtra: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+alert: {
+bg: string,
+border: string,
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+input: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,
+placeholder: string,
+textDisable: string,...
+},
+focus: {
+bg: string,
+border: string,...
+},
+check: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
+},
+faint: {
+bg: string,
+bgHover: string,
+border: string,
+borderHover: string,...
+},
+switch: {
+bg: string,
+bgHover: string,...
+},
+text: {
+primary: string,
+disable: string,...
+},
+link: {
+primary: string,
+primaryHover: string,
+secondary: string,
+secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
+},...
+},...
+},
+xsollaLight: {
+background: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},...
+},
+content: {
+primary: string,
+secondary: string,
+tertiary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},
+on: {
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+static: {
+light: string,
+dark: string,...
+},...
+},
+border: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+overlay: {
+mono: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+layer: {
+scrim: string,
+float: string,...
+},
+control: {
+brand: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,
+disable: string,...
+},...
+},
+mono: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+brandExtra: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+alert: {
+bg: string,
+border: string,
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+input: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,
+placeholder: string,
+textDisable: string,...
+},
+focus: {
+bg: string,
+border: string,...
+},
+check: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
+},
+faint: {
+bg: string,
+bgHover: string,
+border: string,
+borderHover: string,...
+},
+switch: {
+bg: string,
+bgHover: string,...
+},
+text: {
+primary: string,
+disable: string,...
+},
+link: {
+primary: string,
+primaryHover: string,
+secondary: string,
+secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
+},...
+},...
+},
+"ltg-dark": {
+background: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},...
+},
+content: {
+primary: string,
+secondary: string,
+tertiary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},
+on: {
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+static: {
+light: string,
+dark: string,...
+},...
+},
+border: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+overlay: {
+mono: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+layer: {
+scrim: string,
+float: string,...
+},
+control: {
+brand: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,
+disable: string,...
+},...
+},
+mono: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+brandExtra: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+alert: {
+bg: string,
+border: string,
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+input: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,
+placeholder: string,
+textDisable: string,...
+},
+focus: {
+bg: string,
+border: string,...
+},
+check: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
+},
+faint: {
+bg: string,
+bgHover: string,
+border: string,
+borderHover: string,...
+},
+switch: {
+bg: string,
+bgHover: string,...
+},
+text: {
+primary: string,
+disable: string,...
+},
+link: {
+primary: string,
+primaryHover: string,
+secondary: string,
+secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
+},...
+},...
+},...
+};declare type ThemeColors = typeof xsollaDark;declare var spacing: {
+xs: number,
+s: number,
+m: number,
+l: number,
+xl: number,...
+};declare var radius: {
+button: number,
+card: number,
+input: number,
+tagSmall: number,
+tagLarge: number,
+avatarSmall: number,
+avatarLarge: number,
+avatarCircle: number,...
+};declare var shadow: {
+active: string,
+surface: string,
+surfaceHover: string,
+popover: string,
+modal: string,...
+};declare var fonts: {
+primary: string,...
+};declare var typography: {
+button: {
+fontFamily: string,
+fontWeight: string,...
+},...
+};declare var isWeb: boolean;declare var isNative: boolean;declare var isIOS: boolean;declare var isAndroid: boolean;declare type ThemeMode = "dark"
+| "light"
+| "pentagram-dark"
+| "pentagram-light"
+| "xsolla-dark"
+| "xsolla-light"
+| "xsollaDark"
+| "xsollaLight"
+| "ltg-dark";declare var themeConfig: (
+mode?: ThemeMode) => {
+colors: {
+background: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},...
+},
+content: {
+primary: string,
+secondary: string,
+tertiary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},
+on: {
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+static: {
+light: string,
+dark: string,...
+},...
+},
+border: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+overlay: {
+mono: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+layer: {
+scrim: string,
+float: string,...
+},
+control: {
+brand: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,
+disable: string,...
+},...
+},
+mono: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+brandExtra: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+alert: {
+bg: string,
+border: string,
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+input: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,
+placeholder: string,
+textDisable: string,...
+},
+focus: {
+bg: string,
+border: string,...
+},
+check: {
+bg: string,
+bgHover: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
+},
+faint: {
+bg: string,
+bgHover: string,
+border: string,
+borderHover: string,...
+},
+switch: {
+bg: string,
+bgHover: string,...
+},
+text: {
+primary: string,
+disable: string,...
+},
+link: {
+primary: string,
+primaryHover: string,
+secondary: string,
+secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
+},...
+},...
+}
+| {
+background: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},...
+},
+content: {
+primary: string,
+secondary: string,
+tertiary: string,
+inverse: string,
+brand: {
+primary: string,
+secondary: string,...
+},
+brandExtra: {
+primary: string,
+secondary: string,...
+},
+success: {
+primary: string,
+secondary: string,...
+},
+warning: {
+primary: string,
+secondary: string,...
+},
+alert: {
+primary: string,
+secondary: string,...
+},
+neutral: {
+primary: string,
+secondary: string,...
+},
+on: {
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+static: {
+light: string,
+dark: string,...
+},...
+},
+border: {
+primary: string,
+secondary: string,
+inverse: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+overlay: {
+mono: string,
+brand: string,
+brandExtra: string,
+success: string,
+warning: string,
+alert: string,
+neutral: string,...
+},
+layer: {
+scrim: string,
+float: string,...
+},
+control: {
+brand: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,
+disable: string,...
+},...
+},
+mono: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+brandExtra: {
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+tertiary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+text: {
+primary: string,
+secondary: string,
+tertiary: string,...
+},...
+},
+alert: {
+bg: string,
+border: string,
+primary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
+secondary: {
+bg: string,
+bgHover: string,
+bgPress: string,
+border: string,
+borderHover: string,
+borderPress: string,...
+},
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
-},...
+tertiary: string,...
 },...
 },
 input: {
@@ -309,16 +3228,21 @@ border: string,
 borderHover: string,
 borderDisable: string,
 text: string,
-textDisable: string,
-placeholder: string,...
+placeholder: string,
+textDisable: string,...
 },
 focus: {
-bg: string,...
+bg: string,
+border: string,...
 },
 check: {
 bg: string,
 bgHover: string,
-bgDisable: string,...
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
 },
 faint: {
 bg: string,
@@ -330,16 +3254,8 @@ switch: {
 bg: string,
 bgHover: string,...
 },
-segmented: {
-bg: string,
-bgHover: string,
-bgActive: string,
-textActive: string,...
-},
 text: {
 primary: string,
-secondary: string,
-faint: string,
 disable: string,...
 },
 link: {
@@ -347,10 +3263,32 @@ primary: string,
 primaryHover: string,
 secondary: string,
 secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
 },...
 },...
-},
-light: {
+}
+| {
 background: {
 primary: string,
 secondary: string,
@@ -456,183 +3394,124 @@ bgDisable: string,
 border: string,
 borderHover: string,
 borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderDisable: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
+tertiary: string,
 disable: string,...
 },...
-},...
 },
-brandExtra: {
+mono: {
 primary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
-},...
+tertiary: string,...
 },...
 },
-alert: {
+brandExtra: {
 primary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
-},...
+tertiary: string,...
 },...
 },
-mono: {
+alert: {
+bg: string,
+border: string,
 primary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
-},...
+tertiary: string,...
 },...
 },
 input: {
@@ -643,16 +3522,21 @@ border: string,
 borderHover: string,
 borderDisable: string,
 text: string,
-textDisable: string,
-placeholder: string,...
+placeholder: string,
+textDisable: string,...
 },
 focus: {
-bg: string,...
+bg: string,
+border: string,...
 },
 check: {
 bg: string,
 bgHover: string,
-bgDisable: string,...
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
 },
 faint: {
 bg: string,
@@ -664,16 +3548,8 @@ switch: {
 bg: string,
 bgHover: string,...
 },
-segmented: {
-bg: string,
-bgHover: string,
-bgActive: string,
-textActive: string,...
-},
 text: {
 primary: string,
-secondary: string,
-faint: string,
 disable: string,...
 },
 link: {
@@ -681,40 +3557,32 @@ primary: string,
 primaryHover: string,
 secondary: string,
 secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
 },...
 },...
-},...
-};declare type ThemeColors = typeof darkTheme;declare var spacing: {
-xs: number,
-s: number,
-m: number,
-l: number,
-xl: number,...
-};declare var radius: {
-button: number,
-card: number,
-input: number,
-tagSmall: number,
-tagLarge: number,
-avatarSmall: number,
-avatarLarge: number,
-avatarCircle: number,...
-};declare var shadow: {
-active: string,
-surface: string,
-surfaceHover: string,
-popover: string,
-modal: string,...
-};declare var fonts: {
-primary: string,...
-};declare var typography: {
-button: {
-fontFamily: string,
-fontWeight: string,...
-},...
-};declare var isWeb: boolean;declare var isNative: boolean;declare var isIOS: boolean;declare var isAndroid: boolean;declare type ThemeMode = "dark" | "light";declare var themeConfig: (
-mode?: ThemeMode) => {
-colors: {
+}
+| {
 background: {
 primary: string,
 secondary: string,
@@ -820,183 +3688,124 @@ bgDisable: string,
 border: string,
 borderHover: string,
 borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderDisable: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
+tertiary: string,
 disable: string,...
 },...
-},...
 },
-brandExtra: {
+mono: {
 primary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
-},...
+tertiary: string,...
 },...
 },
-alert: {
+brandExtra: {
 primary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
-},...
+tertiary: string,...
 },...
 },
-mono: {
+alert: {
+bg: string,
+border: string,
 primary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
-},...
+tertiary: string,...
 },...
 },
 input: {
@@ -1007,16 +3816,21 @@ border: string,
 borderHover: string,
 borderDisable: string,
 text: string,
-textDisable: string,
-placeholder: string,...
+placeholder: string,
+textDisable: string,...
 },
 focus: {
-bg: string,...
+bg: string,
+border: string,...
 },
 check: {
 bg: string,
 bgHover: string,
-bgDisable: string,...
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
 },
 faint: {
 bg: string,
@@ -1028,16 +3842,8 @@ switch: {
 bg: string,
 bgHover: string,...
 },
-segmented: {
-bg: string,
-bgHover: string,
-bgActive: string,
-textActive: string,...
-},
 text: {
 primary: string,
-secondary: string,
-faint: string,
 disable: string,...
 },
 link: {
@@ -1045,9 +3851,32 @@ primary: string,
 primaryHover: string,
 secondary: string,
 secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
 },...
 },...
-} | {
+}
+| {
 background: {
 primary: string,
 secondary: string,
@@ -1153,183 +3982,124 @@ bgDisable: string,
 border: string,
 borderHover: string,
 borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderDisable: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
+tertiary: string,
 disable: string,...
 },...
-},...
 },
-brandExtra: {
+mono: {
 primary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
-},...
+tertiary: string,...
 },...
 },
-alert: {
+brandExtra: {
 primary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
-},...
+tertiary: string,...
 },...
 },
-mono: {
+alert: {
+bg: string,
+border: string,
 primary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 secondary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
-text: {
-primary: string,
-secondary: string,
-disable: string,...
-},...
+borderPress: string,...
 },
 tertiary: {
 bg: string,
 bgHover: string,
 bgPress: string,
-bgDisable: string,
 border: string,
 borderHover: string,
-borderPress: string,
-borderDisable: string,
+borderPress: string,...
+},
 text: {
 primary: string,
 secondary: string,
-disable: string,...
-},...
+tertiary: string,...
 },...
 },
 input: {
@@ -1340,16 +4110,21 @@ border: string,
 borderHover: string,
 borderDisable: string,
 text: string,
-textDisable: string,
-placeholder: string,...
+placeholder: string,
+textDisable: string,...
 },
 focus: {
-bg: string,...
+bg: string,
+border: string,...
 },
 check: {
 bg: string,
 bgHover: string,
-bgDisable: string,...
+bgDisable: string,
+border: string,
+borderHover: string,
+borderDisable: string,
+text: string,...
 },
 faint: {
 bg: string,
@@ -1361,16 +4136,8 @@ switch: {
 bg: string,
 bgHover: string,...
 },
-segmented: {
-bg: string,
-bgHover: string,
-bgActive: string,
-textActive: string,...
-},
 text: {
 primary: string,
-secondary: string,
-faint: string,
 disable: string,...
 },
 link: {
@@ -1378,6 +4145,28 @@ primary: string,
 primaryHover: string,
 secondary: string,
 secondaryHover: string,...
+},
+segmented: {
+bg: string,
+bgHover: string,
+bgActive: string,
+border: string,
+borderHover: string,
+borderActive: string,
+text: string,
+textDisable: string,...
+},
+toggleButton: {
+bg: string,
+bgHover: string,
+bgPress: string,
+bgDisable: string,
+border: string,
+borderHover: string,
+borderPress: string,
+borderDisable: string,
+text: string,
+textDisable: string,...
 },...
 },...
 },
@@ -1983,28 +4772,52 @@ paddingHorizontal: number,...
 segmented: (
 size: "xl" | "lg" | "md" | "sm") => {
 height: number,
+containerPadding: number,
+containerRadius: number,
+itemHeight: number,
+itemPaddingHorizontal: number,
+itemPaddingVertical: number,
+itemRadius: number,
 fontSize: number,
+lineHeight: number,
 iconSize: number,
-gap: number,
-padding: number,...
+gap: number,...
 } | {
 height: number,
+containerPadding: number,
+containerRadius: number,
+itemHeight: number,
+itemPaddingHorizontal: number,
+itemPaddingVertical: number,
+itemRadius: number,
 fontSize: number,
+lineHeight: number,
 iconSize: number,
-gap: number,
-padding: number,...
+gap: number,...
 } | {
 height: number,
+containerPadding: number,
+containerRadius: number,
+itemHeight: number,
+itemPaddingHorizontal: number,
+itemPaddingVertical: number,
+itemRadius: number,
 fontSize: number,
+lineHeight: number,
 iconSize: number,
-gap: number,
-padding: number,...
+gap: number,...
 } | {
 height: number,
+containerPadding: number,
+containerRadius: number,
+itemHeight: number,
+itemPaddingHorizontal: number,
+itemPaddingVertical: number,
+itemRadius: number,
 fontSize: number,
+lineHeight: number,
 iconSize: number,
-gap: number,
-padding: number,...
+gap: number,...
 },
 tabsSegmented: (
 size: "xl" | "lg" | "md" | "sm") => {
@@ -2379,6 +5192,44 @@ lineHeight: number,
 maxWidth: number,
 containerPadding: number,
 groupGap: number,...
+},
+toggleButtonGroup: (
+size: "xl" | "lg" | "md" | "sm") => {
+height: number,
+paddingHorizontal: number,
+fontSize: number,
+lineHeight: number,
+iconSize: number,
+gap: number,
+borderRadius: number,
+itemGap: number,...
+} | {
+height: number,
+paddingHorizontal: number,
+fontSize: number,
+lineHeight: number,
+iconSize: number,
+gap: number,
+borderRadius: number,
+itemGap: number,...
+} | {
+height: number,
+paddingHorizontal: number,
+fontSize: number,
+lineHeight: number,
+iconSize: number,
+gap: number,
+borderRadius: number,
+itemGap: number,...
+} | {
+height: number,
+paddingHorizontal: number,
+fontSize: number,
+lineHeight: number,
+iconSize: number,
+gap: number,
+borderRadius: number,
+itemGap: number,...
 },...
 },...
 };declare interface DesignSystemContextType {