@xsolla/xui-toggle-button-group 0.119.0 → 0.120.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +3 -3
  2. package/native/index.js.flow +0 -122
  3. package/web/index.js.flow +0 -122
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xsolla/xui-toggle-button-group",
3
- "version": "0.119.0",
3
+ "version": "0.120.0",
4
4
  "main": "./web/index.js",
5
5
  "module": "./web/index.mjs",
6
6
  "types": "./web/index.d.ts",
@@ -10,8 +10,8 @@
10
10
  "build:native": "PLATFORM=native tsup"
11
11
  },
12
12
  "dependencies": {
13
- "@xsolla/xui-core": "0.119.0",
14
- "@xsolla/xui-primitives-core": "0.119.0"
13
+ "@xsolla/xui-core": "0.120.0",
14
+ "@xsolla/xui-primitives-core": "0.120.0"
15
15
  },
16
16
  "peerDependencies": {
17
17
  "react": ">=16.8.0",
package/native/index.js.flow DELETED
@@ -1,122 +0,0 @@
1
- /**
2
- * Flowtype definitions for index
3
- * Generated by Flowgen from a Typescript Definition
4
- * Flowgen v1.21.0
5
- * @flow
6
- */
7
-
8
- import React from "react";
9
- declare type ToggleButtonGroupSize = "xl" | "lg" | "md" | "sm" | "xs";
10
- declare type ToggleButtonGroupAppearance = "separated" | "united";
11
- declare interface ToggleButtonGroupItem {
12
- /**
13
- * Unique identifier for the item
14
- */
15
- id: string;
16
-
17
- /**
18
- * Display label for the item
19
- */
20
- label: string;
21
-
22
- /**
23
- * Optional icon to display on the left
24
- */
25
- iconLeft?: React.ReactNode;
26
-
27
- /**
28
- * Optional icon to display on the right
29
- */
30
- iconRight?: React.ReactNode;
31
-
32
- /**
33
- * Whether the item is disabled
34
- */
35
- disabled?: boolean;
36
-
37
- /**
38
- * Accessible label for screen readers
39
- */
40
- "aria-label"?: string;
41
- }
42
- declare interface ToggleButtonGroupProps {
43
- /**
44
- * Array of items
45
- */
46
- items: ToggleButtonGroupItem[];
47
-
48
- /**
49
- * ID(s) of the currently active item(s). For single selection, pass a string. For multiple selection, pass an array.
50
- */
51
- value?: string | string[];
52
-
53
- /**
54
- * Default value(s) for uncontrolled mode
55
- */
56
- defaultValue?: string | string[];
57
-
58
- /**
59
- * Callback when selection changes. Returns string for single selection, string[] for multiple.
60
- */
61
- onChange?: (value: string | string[]) => void;
62
-
63
- /**
64
- * Size variant
65
- */
66
- size?: ToggleButtonGroupSize;
67
-
68
- /**
69
- * Visual appearance - separated has gaps, united has connected items
70
- */
71
- appearance?: ToggleButtonGroupAppearance;
72
-
73
- /**
74
- * Whether multiple items can be selected
75
- */
76
- multiple?: boolean;
77
-
78
- /**
79
- * HTML id attribute
80
- */
81
- id?: string;
82
-
83
- /**
84
- * Test ID for testing frameworks
85
- */
86
- testID?: string;
87
-
88
- /**
89
- * Accessible label for the group
90
- */
91
- "aria-label"?: string;
92
-
93
- /**
94
- * ID of element that labels this group
95
- */
96
- "aria-labelledby"?: string;
97
-
98
- /**
99
- * Full width of the container
100
- */
101
- fullWidth?: boolean;
102
- }
103
- /**
104
- * ToggleButtonGroup - A control for picking one or several options from a set
105
- *
106
- * Used to pick one or several options from a linear set of closely related options.
107
- * Can be used to filter or to sort elements.
108
- *
109
- * ## Accessibility Features
110
- *
111
- * - **Role**: Uses `role="radiogroup"` for single selection, `role="group"` for multiple
112
- * - **Keyboard Navigation**: Arrow keys to navigate, Enter/Space to select
113
- * - **ARIA**: Proper aria-checked and aria-disabled states
114
- */
115
- declare var ToggleButtonGroup: React.FC<ToggleButtonGroupProps>;
116
- export type {
117
- ToggleButtonGroupAppearance,
118
- ToggleButtonGroupItem,
119
- ToggleButtonGroupProps,
120
- ToggleButtonGroupSize,
121
- };
122
- declare export { ToggleButtonGroup };
package/web/index.js.flow DELETED
@@ -1,122 +0,0 @@
1
- /**
2
- * Flowtype definitions for index
3
- * Generated by Flowgen from a Typescript Definition
4
- * Flowgen v1.21.0
5
- * @flow
6
- */
7
-
8
- import React from "react";
9
- declare type ToggleButtonGroupSize = "xl" | "lg" | "md" | "sm" | "xs";
10
- declare type ToggleButtonGroupAppearance = "separated" | "united";
11
- declare interface ToggleButtonGroupItem {
12
- /**
13
- * Unique identifier for the item
14
- */
15
- id: string;
16
-
17
- /**
18
- * Display label for the item
19
- */
20
- label: string;
21
-
22
- /**
23
- * Optional icon to display on the left
24
- */
25
- iconLeft?: React.ReactNode;
26
-
27
- /**
28
- * Optional icon to display on the right
29
- */
30
- iconRight?: React.ReactNode;
31
-
32
- /**
33
- * Whether the item is disabled
34
- */
35
- disabled?: boolean;
36
-
37
- /**
38
- * Accessible label for screen readers
39
- */
40
- "aria-label"?: string;
41
- }
42
- declare interface ToggleButtonGroupProps {
43
- /**
44
- * Array of items
45
- */
46
- items: ToggleButtonGroupItem[];
47
-
48
- /**
49
- * ID(s) of the currently active item(s). For single selection, pass a string. For multiple selection, pass an array.
50
- */
51
- value?: string | string[];
52
-
53
- /**
54
- * Default value(s) for uncontrolled mode
55
- */
56
- defaultValue?: string | string[];
57
-
58
- /**
59
- * Callback when selection changes. Returns string for single selection, string[] for multiple.
60
- */
61
- onChange?: (value: string | string[]) => void;
62
-
63
- /**
64
- * Size variant
65
- */
66
- size?: ToggleButtonGroupSize;
67
-
68
- /**
69
- * Visual appearance - separated has gaps, united has connected items
70
- */
71
- appearance?: ToggleButtonGroupAppearance;
72
-
73
- /**
74
- * Whether multiple items can be selected
75
- */
76
- multiple?: boolean;
77
-
78
- /**
79
- * HTML id attribute
80
- */
81
- id?: string;
82
-
83
- /**
84
- * Test ID for testing frameworks
85
- */
86
- testID?: string;
87
-
88
- /**
89
- * Accessible label for the group
90
- */
91
- "aria-label"?: string;
92
-
93
- /**
94
- * ID of element that labels this group
95
- */
96
- "aria-labelledby"?: string;
97
-
98
- /**
99
- * Full width of the container
100
- */
101
- fullWidth?: boolean;
102
- }
103
- /**
104
- * ToggleButtonGroup - A control for picking one or several options from a set
105
- *
106
- * Used to pick one or several options from a linear set of closely related options.
107
- * Can be used to filter or to sort elements.
108
- *
109
- * ## Accessibility Features
110
- *
111
- * - **Role**: Uses `role="radiogroup"` for single selection, `role="group"` for multiple
112
- * - **Keyboard Navigation**: Arrow keys to navigate, Enter/Space to select
113
- * - **ARIA**: Proper aria-checked and aria-disabled states
114
- */
115
- declare var ToggleButtonGroup: React.FC<ToggleButtonGroupProps>;
116
- export type {
117
- ToggleButtonGroupAppearance,
118
- ToggleButtonGroupItem,
119
- ToggleButtonGroupProps,
120
- ToggleButtonGroupSize,
121
- };
122
- declare export { ToggleButtonGroup };