@xsolla/xui-slider 0.74.0 → 0.76.0

package/native/index.js.flow

@@ -0,0 +1,142 @@
+/**
+ * Flowtype definitions for index
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+
+import React from "react";
+
+/**
+ * Available color options from the design system.
+ */
+declare type SliderColorScheme =
+  | "brand"
+  | "brandExtra"
+  | "success"
+  | "warning"
+  | "alert"
+  | "neutral";
+declare interface SliderProps {
+  /**
+   * Current value for single slider mode.
+   */
+  value?: number;
+
+  /**
+   * Minimum value of the range (for range mode).
+   */
+  minValue?: number;
+
+  /**
+   * Maximum value of the range (for range mode).
+   */
+  maxValue?: number;
+
+  /**
+   * Minimum bound of the slider.
+   */
+  min?: number;
+
+  /**
+   * Maximum bound of the slider.
+   */
+  max?: number;
+
+  /**
+   * Step increment.
+   */
+  step?: number;
+
+  /**
+   * Callback for single value changes.
+   */
+  onChange?: (value: number) => void;
+
+  /**
+   * Callback for range value changes (min, max).
+   */
+  onRangeChange?: (minValue: number, maxValue: number) => void;
+
+  /**
+   * Size variant.
+   */
+  size?: "sm" | "md" | "lg" | "xl";
+
+  /**
+   * Whether the slider is disabled.
+   */
+  disabled?: boolean;
+
+  /**
+   * Enable range mode with two thumbs.
+   */
+  range?: boolean;
+
+  /**
+   * Position of input field(s).
+   */
+  inputPosition?: "left" | "right" | "both" | "none";
+
+  /**
+   * Show min/max labels next to the track.
+   */
+  showLabels?: boolean;
+
+  /**
+   * Label text (displayed above the slider).
+   */
+  label?: string;
+
+  /**
+   * Color scheme for the active/filled portion of the track and thumb.
+   * Uses colors from the design system.
+   * @default "brand"
+   */
+  activeColor?: SliderColorScheme;
+
+  /**
+   * Test identifier.
+   */
+  testID?: string;
+
+  /**
+   * Accessible label for the slider (used when no visible label).
+   */
+  "aria-label"?: string;
+
+  /**
+   * Accessible label for the minimum thumb in range mode.
+   */
+  minThumbAriaLabel?: string;
+
+  /**
+   * Accessible label for the maximum thumb in range mode.
+   */
+  maxThumbAriaLabel?: string;
+
+  /**
+   * Icon to display on the left side of the slider.
+   */
+  iconLeft?: React.ReactNode;
+
+  /**
+   * Icon to display on the right side of the slider.
+   */
+  iconRight?: React.ReactNode;
+
+  /**
+   * Icon to display inside the input field.
+   * Only works when inputPosition is not 'none'.
+   */
+  iconInside?: React.ReactNode;
+
+  /**
+   * Position of the icon inside the input field.
+   * Defaults to the same side as inputPosition.
+   */
+  iconInsidePosition?: "left" | "right";
+}
+declare var Slider: React.FC<SliderProps>;
+export type { SliderColorScheme, SliderProps };
+declare export { Slider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-slider",
-  "version": "0.74.0",
+  "version": "0.76.0",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -13,9 +13,9 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-core": "0.74.0",
-    "@xsolla/xui-input": "0.74.0",
-    "@xsolla/xui-primitives-core": "0.74.0"
+    "@xsolla/xui-core": "0.76.0",
+    "@xsolla/xui-input": "0.76.0",
+    "@xsolla/xui-primitives-core": "0.76.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/web/index.js.flow

@@ -0,0 +1,142 @@
+/**
+ * Flowtype definitions for index
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+
+import React from "react";
+
+/**
+ * Available color options from the design system.
+ */
+declare type SliderColorScheme =
+  | "brand"
+  | "brandExtra"
+  | "success"
+  | "warning"
+  | "alert"
+  | "neutral";
+declare interface SliderProps {
+  /**
+   * Current value for single slider mode.
+   */
+  value?: number;
+
+  /**
+   * Minimum value of the range (for range mode).
+   */
+  minValue?: number;
+
+  /**
+   * Maximum value of the range (for range mode).
+   */
+  maxValue?: number;
+
+  /**
+   * Minimum bound of the slider.
+   */
+  min?: number;
+
+  /**
+   * Maximum bound of the slider.
+   */
+  max?: number;
+
+  /**
+   * Step increment.
+   */
+  step?: number;
+
+  /**
+   * Callback for single value changes.
+   */
+  onChange?: (value: number) => void;
+
+  /**
+   * Callback for range value changes (min, max).
+   */
+  onRangeChange?: (minValue: number, maxValue: number) => void;
+
+  /**
+   * Size variant.
+   */
+  size?: "sm" | "md" | "lg" | "xl";
+
+  /**
+   * Whether the slider is disabled.
+   */
+  disabled?: boolean;
+
+  /**
+   * Enable range mode with two thumbs.
+   */
+  range?: boolean;
+
+  /**
+   * Position of input field(s).
+   */
+  inputPosition?: "left" | "right" | "both" | "none";
+
+  /**
+   * Show min/max labels next to the track.
+   */
+  showLabels?: boolean;
+
+  /**
+   * Label text (displayed above the slider).
+   */
+  label?: string;
+
+  /**
+   * Color scheme for the active/filled portion of the track and thumb.
+   * Uses colors from the design system.
+   * @default "brand"
+   */
+  activeColor?: SliderColorScheme;
+
+  /**
+   * Test identifier.
+   */
+  testID?: string;
+
+  /**
+   * Accessible label for the slider (used when no visible label).
+   */
+  "aria-label"?: string;
+
+  /**
+   * Accessible label for the minimum thumb in range mode.
+   */
+  minThumbAriaLabel?: string;
+
+  /**
+   * Accessible label for the maximum thumb in range mode.
+   */
+  maxThumbAriaLabel?: string;
+
+  /**
+   * Icon to display on the left side of the slider.
+   */
+  iconLeft?: React.ReactNode;
+
+  /**
+   * Icon to display on the right side of the slider.
+   */
+  iconRight?: React.ReactNode;
+
+  /**
+   * Icon to display inside the input field.
+   * Only works when inputPosition is not 'none'.
+   */
+  iconInside?: React.ReactNode;
+
+  /**
+   * Position of the icon inside the input field.
+   * Defaults to the same side as inputPosition.
+   */
+  iconInsidePosition?: "left" | "right";
+}
+declare var Slider: React.FC<SliderProps>;
+export type { SliderColorScheme, SliderProps };
+declare export { Slider };