@xsolla/xui-core 0.219.0 → 0.221.0

package/index.mjs

@@ -131,6 +131,14 @@ var dark_default = {
     }
   },
   control: {
+    disable: {
+      bg: "rgba(178, 242, 255, 0.25)",
+      bgActive: "rgba(178, 242, 255, 0.4)",
+      border: "rgba(255, 255, 255, 0)",
+      borderActive: "rgba(255, 255, 255, 0)",
+      content: "rgba(255, 255, 255, 0.36)",
+      contentActive: "rgba(255, 255, 255, 0.6)"
+    },
     brand: {
       primary: {
         bg: "#80eaff",
@@ -566,6 +574,14 @@ var light_default = {
     }
   },
   control: {
+    disable: {
+      bg: "rgba(194, 196, 186, 0.8)",
+      bgActive: "rgba(65, 66, 62, 0.6)",
+      border: "rgba(0, 0, 0, 0)",
+      borderActive: "rgba(0, 0, 0, 0)",
+      content: "rgba(0, 0, 0, 0.4)",
+      contentActive: "rgba(255, 255, 255, 0.6)"
+    },
     brand: {
       primary: {
         bg: "#80eaff",
@@ -1001,6 +1017,14 @@ var ltg_dark_default = {
     }
   },
   control: {
+    disable: {
+      bg: "rgba(255, 255, 255, 0.25)",
+      bgActive: "rgba(255, 255, 255, 0.25)",
+      border: "rgba(255, 255, 255, 0)",
+      borderActive: "rgba(255, 255, 255, 0)",
+      content: "rgba(255, 255, 255, 0.36)",
+      contentActive: "rgba(255, 255, 255, 0.6)"
+    },
     brand: {
       primary: {
         bg: "#ffca43",
@@ -1436,6 +1460,14 @@ var ltg_light_default = {
     }
   },
   control: {
+    disable: {
+      bg: "#d3d3d3",
+      bgActive: "rgba(0, 0, 0, 0.25)",
+      border: "rgba(0, 0, 0, 0)",
+      borderActive: "rgba(0, 0, 0, 0)",
+      content: "#898b97",
+      contentActive: "#898b97"
+    },
     brand: {
       primary: {
         bg: "#c9eb6a",
@@ -1871,6 +1903,14 @@ var blueprints_default = {
     }
   },
   control: {
+    disable: {
+      bg: "#e8eced",
+      bgActive: "#e8eced",
+      border: "rgba(0, 0, 0, 0)",
+      borderActive: "rgba(0, 0, 0, 0)",
+      content: "rgba(0, 0, 0, 0.36)",
+      contentActive: "rgba(0, 0, 0, 0.36)"
+    },
     brand: {
       primary: {
         bg: "#80eaff",
@@ -2306,6 +2346,14 @@ var corpsite_dark_default = {
     }
   },
   control: {
+    disable: {
+      bg: "rgba(178, 242, 255, 0.25)",
+      bgActive: "rgba(178, 242, 255, 0.25)",
+      border: "rgba(178, 242, 255, 0)",
+      borderActive: "rgba(178, 242, 255, 0)",
+      content: "rgba(232, 236, 237, 0.2)",
+      contentActive: "rgba(232, 236, 237, 0.2)"
+    },
     brand: {
       primary: {
         bg: "#80eaff",
@@ -2741,6 +2789,14 @@ var corpsite_light_default = {
     }
   },
   control: {
+    disable: {
+      bg: "rgba(0, 0, 0, 0.2)",
+      bgActive: "rgba(0, 0, 0, 0.2)",
+      border: "rgba(221, 223, 216, 0)",
+      borderActive: "rgba(221, 223, 216, 0)",
+      content: "rgba(0, 0, 0, 0.2)",
+      contentActive: "rgba(0, 0, 0, 0.2)"
+    },
     brand: {
       primary: {
         bg: "#80eaff",
@@ -3113,6 +3169,45 @@ var radiusScale = {
   "400": 32,
   "999": 999
 };
+var controlSizeScale = {
+  "25": 6,
+  "50": 8,
+  "75": 10,
+  "100": 12,
+  "125": 14,
+  "150": 16,
+  "175": 18,
+  "200": 20,
+  "250": 24,
+  "300": 28,
+  "350": 32,
+  "400": 36,
+  "450": 40,
+  "500": 44,
+  "550": 48,
+  "650": 56,
+  "750": 64,
+  "850": 72,
+  "950": 80
+};
+var iconSizeScale = {
+  "50": 14,
+  "100": 16,
+  "150": 18,
+  "200": 20,
+  "250": 22,
+  "300": 24,
+  "400": 28,
+  "500": 32
+};
+var componentTypographyScale = {
+  "100": { fontSize: 10, lineHeight: 12 },
+  "200": { fontSize: 12, lineHeight: 14 },
+  "300": { fontSize: 14, lineHeight: 16 },
+  "400": { fontSize: 16, lineHeight: 18 },
+  "500": { fontSize: 18, lineHeight: 20 },
+  "600": { fontSize: 20, lineHeight: 22 }
+};
 var stroke = {
   "1": 1,
   "2": 2,
@@ -5332,6 +5427,38 @@ var table = {
   paginationPaddingHorizontal: 24
 };
 
+// src/theme/sizing/slider.ts
+var slider = (size) => {
+  const configs = {
+    xl: { trackHeight: spacingScale["50"] },
+    lg: { trackHeight: spacingScale["50"] },
+    md: { trackHeight: spacingScale["50"] },
+    sm: { trackHeight: spacingScale["50"] }
+  };
+  return configs[size];
+};
+
+// src/theme/sizing/tooltip.ts
+var tooltip = (size) => {
+  const configs = {
+    xl: { minHeight: 60 },
+    lg: { minHeight: 56 },
+    md: { minHeight: 52 },
+    sm: { minHeight: 32 }
+  };
+  return configs[size];
+};
+
+// src/theme/sizing/markdown.ts
+var markdown = () => ({
+  h1: { paddingTop: spacingScale["500"], paddingBottom: spacingScale["100"] },
+  h2: { paddingTop: spacingScale["400"], paddingBottom: spacingScale["100"] },
+  h3: { paddingTop: spacingScale["200"], paddingBottom: spacingScale["100"] },
+  h4: { paddingTop: spacingScale["100"], paddingBottom: spacingScale["100"] },
+  p: { paddingTop: 0, paddingBottom: spacingScale["200"] },
+  image: { paddingTop: 0, paddingBottom: spacingScale["300"] }
+});
+
 // src/theme/sizing/index.ts
 function createSizing(contextFonts, contextTypography) {
   return {
@@ -5368,7 +5495,10 @@ function createSizing(contextFonts, contextTypography) {
     collapsibleB2b,
     toast,
     toggleButtonGroup,
-    table
+    table,
+    slider,
+    tooltip,
+    markdown
   };
 }
 
@@ -5806,6 +5936,8 @@ export {
   XUIProvider,
   breakpoints,
   colors,
+  componentTypographyScale,
+  controlSizeScale,
   cssVar,
   defaultProductContext,
   fontFacesCSS,
@@ -5815,6 +5947,7 @@ export {
   getFonts,
   getTypographyTokens,
   getTypographyVariant,
+  iconSizeScale,
   isAndroid,
   isIOS,
   isNative,