@semcore/pills 4.2.0 → 4.2.1
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.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Pills.js +14 -14
- package/lib/cjs/index.d.js +2 -0
- package/lib/cjs/index.d.js.map +1 -0
- package/lib/es6/Pills.js +14 -14
- package/lib/es6/index.d.js +2 -0
- package/lib/es6/index.d.js.map +1 -0
- package/package.json +3 -2
- package/lib/cjs/index.d.ts +0 -52
- package/lib/es6/index.d.ts +0 -52
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [4.2.1] - 2022-10-04
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/flex-box` [4.5.11 ~> 4.5.12], `@semcore/neighbor-location` [2.3.15 ~> 2.3.16], `@semcore/utils` [3.37.1 ~> 3.37.2]).
|
|
10
|
+
|
|
5
11
|
## [4.2.0] - 2022-09-30
|
|
6
12
|
|
|
7
13
|
### Fixed
|
package/lib/cjs/Pills.js
CHANGED
|
@@ -52,23 +52,23 @@ var style = (
|
|
|
52
52
|
/*__reshadow_css_start__*/
|
|
53
53
|
_core.sstyled.insert(
|
|
54
54
|
/*__inner_css_start__*/
|
|
55
|
-
".
|
|
55
|
+
".___SPills_pmxf0_gg_{display:inline-flex;align-items:center;justify-content:center}.___SPill_pmxf0_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:#ffffff;border:1px solid #c4c7cf;border-radius:6px}.___SPill_pmxf0_gg_::-moz-focus-inner{border:none;padding:0}.___SPill_pmxf0_gg_:active,.___SPill_pmxf0_gg_:focus,.___SPill_pmxf0_gg_:hover{outline:0;text-decoration:none}.___SPill_pmxf0_gg_:hover{background:rgba(138,142,155,.2)}.___SPill_pmxf0_gg_.__selected_pmxf0_gg_{background:rgba(0,143,248,.2);border-color:#008ff8;z-index:1}.___SPill_pmxf0_gg_.__disabled_pmxf0_gg_{cursor:default;pointer-events:none}.___SPill_pmxf0_gg_.__disabled_pmxf0_gg_>*{opacity:0.3}.___SPill_pmxf0_gg_.__keyboardFocused_pmxf0_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SText_pmxf0_gg_{color:#191b23;display:inline-flex}.___SAddon_pmxf0_gg_{color:#6c6e79;display:inline-flex;align-items:center;justify-content:center}.___SPill_pmxf0_gg_._size_m_pmxf0_gg_{height:28px;min-width:28px;font-size:14px}.___SPill_pmxf0_gg_._size_m_pmxf0_gg_ .___SText_pmxf0_gg_{margin-left:8px;margin-right:8px}.___SPill_pmxf0_gg_._size_m_pmxf0_gg_ .___SAddon_pmxf0_gg_:not(:only-child):first-child{margin-left:8px}.___SPill_pmxf0_gg_._size_m_pmxf0_gg_ .___SAddon_pmxf0_gg_:not(:only-child):last-child{margin-right:8px}.___SPill_pmxf0_gg_._size_m_pmxf0_gg_ .___SAddon_pmxf0_gg_:only-child{margin-left:8px;margin-right:8px}.___SPill_pmxf0_gg_._size_l_pmxf0_gg_{height:40px;min-width:40px;font-size:16px}.___SPill_pmxf0_gg_._size_l_pmxf0_gg_ .___SText_pmxf0_gg_{margin-left:8px;margin-right:8px}.___SPill_pmxf0_gg_._size_l_pmxf0_gg_ .___SText_pmxf0_gg_:only-child{margin-left:12px;margin-right:12px}.___SPill_pmxf0_gg_._size_l_pmxf0_gg_ .___SAddon_pmxf0_gg_:not(:only-child):first-child{margin-left:12px}.___SPill_pmxf0_gg_._size_l_pmxf0_gg_ .___SAddon_pmxf0_gg_:not(:only-child):last-child{margin-right:12px}.___SPill_pmxf0_gg_._size_l_pmxf0_gg_ .___SAddon_pmxf0_gg_:only-child{margin-left:12px;margin-right:12px}.___SPill_pmxf0_gg_._neighborLocation_right_pmxf0_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_pmxf0_gg_._neighborLocation_both_pmxf0_gg_{border-radius:0;margin-left:-1px}.___SPill_pmxf0_gg_._neighborLocation_left_pmxf0_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}"
|
|
56
56
|
/*__inner_css_end__*/
|
|
57
|
-
, "
|
|
57
|
+
, "pmxf0_gg_")
|
|
58
58
|
/*__reshadow_css_end__*/
|
|
59
59
|
, {
|
|
60
|
-
"__SPills": "
|
|
61
|
-
"__SPill": "
|
|
62
|
-
"_selected": "
|
|
63
|
-
"_disabled": "
|
|
64
|
-
"_keyboardFocused": "
|
|
65
|
-
"__SText": "
|
|
66
|
-
"__SAddon": "
|
|
67
|
-
"_size_m": "
|
|
68
|
-
"_size_l": "
|
|
69
|
-
"_neighborLocation_right": "
|
|
70
|
-
"_neighborLocation_both": "
|
|
71
|
-
"_neighborLocation_left": "
|
|
60
|
+
"__SPills": "___SPills_pmxf0_gg_",
|
|
61
|
+
"__SPill": "___SPill_pmxf0_gg_",
|
|
62
|
+
"_selected": "__selected_pmxf0_gg_",
|
|
63
|
+
"_disabled": "__disabled_pmxf0_gg_",
|
|
64
|
+
"_keyboardFocused": "__keyboardFocused_pmxf0_gg_",
|
|
65
|
+
"__SText": "___SText_pmxf0_gg_",
|
|
66
|
+
"__SAddon": "___SAddon_pmxf0_gg_",
|
|
67
|
+
"_size_m": "_size_m_pmxf0_gg_",
|
|
68
|
+
"_size_l": "_size_l_pmxf0_gg_",
|
|
69
|
+
"_neighborLocation_right": "_neighborLocation_right_pmxf0_gg_",
|
|
70
|
+
"_neighborLocation_both": "_neighborLocation_both_pmxf0_gg_",
|
|
71
|
+
"_neighborLocation_left": "_neighborLocation_left_pmxf0_gg_"
|
|
72
72
|
});
|
|
73
73
|
|
|
74
74
|
var RootPills = /*#__PURE__*/function (_Component) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport { INeighborItemProps, INeighborLocationProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type PillsValue = string | number | boolean;\n\nexport interface IPillsProps<T extends PillsValue = PillsValue> extends INeighborLocationProps {\n /** Pills size */\n size?: 'l' | 'm';\n /** Disabled state */\n disabled?: boolean;\n /** Called when the selection is changed */\n onChange?: (value: T, e?: React.SyntheticEvent<HTMLSpanElement>) => void;\n /** Value for the selected pill */\n value?: T;\n /** Default value for the selected pill */\n defaultValue?: T;\n}\n\nexport interface IPillProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {\n /** Pill value */\n value?: PillsValue;\n /** Disabled state */\n disabled?: boolean;\n /** Selected state */\n selected?: boolean;\n /** Left addon text */\n addonLeft?: React.ElementType;\n /** Right addon tag */\n addonRight?: React.ElementType;\n}\n\nexport interface IPillsContext {\n getItemProps: PropGetterFn;\n}\n\nexport interface IPillsHandlers {\n value: (value: PillsValue) => void;\n}\n\ndeclare const Pills: (<T, V extends PillsValue = PillsValue>(\n props: CProps<IPillsProps<V> & T, IPillsContext, IPillsHandlers>,\n) => ReturnEl) & {\n Item: (<T>(props: CProps<IPillProps & T, {}, IPillsHandlers>) => ReturnEl) & {\n Text: typeof Box;\n Addon: typeof Box;\n };\n};\n\nexport default Pills;\n"],"mappings":""}
|
package/lib/es6/Pills.js
CHANGED
|
@@ -31,23 +31,23 @@ var style = (
|
|
|
31
31
|
/*__reshadow_css_start__*/
|
|
32
32
|
_sstyled.insert(
|
|
33
33
|
/*__inner_css_start__*/
|
|
34
|
-
".
|
|
34
|
+
".___SPills_pmxf0_gg_{display:inline-flex;align-items:center;justify-content:center}.___SPill_pmxf0_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:#ffffff;border:1px solid #c4c7cf;border-radius:6px}.___SPill_pmxf0_gg_::-moz-focus-inner{border:none;padding:0}.___SPill_pmxf0_gg_:active,.___SPill_pmxf0_gg_:focus,.___SPill_pmxf0_gg_:hover{outline:0;text-decoration:none}.___SPill_pmxf0_gg_:hover{background:rgba(138,142,155,.2)}.___SPill_pmxf0_gg_.__selected_pmxf0_gg_{background:rgba(0,143,248,.2);border-color:#008ff8;z-index:1}.___SPill_pmxf0_gg_.__disabled_pmxf0_gg_{cursor:default;pointer-events:none}.___SPill_pmxf0_gg_.__disabled_pmxf0_gg_>*{opacity:0.3}.___SPill_pmxf0_gg_.__keyboardFocused_pmxf0_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SText_pmxf0_gg_{color:#191b23;display:inline-flex}.___SAddon_pmxf0_gg_{color:#6c6e79;display:inline-flex;align-items:center;justify-content:center}.___SPill_pmxf0_gg_._size_m_pmxf0_gg_{height:28px;min-width:28px;font-size:14px}.___SPill_pmxf0_gg_._size_m_pmxf0_gg_ .___SText_pmxf0_gg_{margin-left:8px;margin-right:8px}.___SPill_pmxf0_gg_._size_m_pmxf0_gg_ .___SAddon_pmxf0_gg_:not(:only-child):first-child{margin-left:8px}.___SPill_pmxf0_gg_._size_m_pmxf0_gg_ .___SAddon_pmxf0_gg_:not(:only-child):last-child{margin-right:8px}.___SPill_pmxf0_gg_._size_m_pmxf0_gg_ .___SAddon_pmxf0_gg_:only-child{margin-left:8px;margin-right:8px}.___SPill_pmxf0_gg_._size_l_pmxf0_gg_{height:40px;min-width:40px;font-size:16px}.___SPill_pmxf0_gg_._size_l_pmxf0_gg_ .___SText_pmxf0_gg_{margin-left:8px;margin-right:8px}.___SPill_pmxf0_gg_._size_l_pmxf0_gg_ .___SText_pmxf0_gg_:only-child{margin-left:12px;margin-right:12px}.___SPill_pmxf0_gg_._size_l_pmxf0_gg_ .___SAddon_pmxf0_gg_:not(:only-child):first-child{margin-left:12px}.___SPill_pmxf0_gg_._size_l_pmxf0_gg_ .___SAddon_pmxf0_gg_:not(:only-child):last-child{margin-right:12px}.___SPill_pmxf0_gg_._size_l_pmxf0_gg_ .___SAddon_pmxf0_gg_:only-child{margin-left:12px;margin-right:12px}.___SPill_pmxf0_gg_._neighborLocation_right_pmxf0_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_pmxf0_gg_._neighborLocation_both_pmxf0_gg_{border-radius:0;margin-left:-1px}.___SPill_pmxf0_gg_._neighborLocation_left_pmxf0_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}"
|
|
35
35
|
/*__inner_css_end__*/
|
|
36
|
-
, "
|
|
36
|
+
, "pmxf0_gg_")
|
|
37
37
|
/*__reshadow_css_end__*/
|
|
38
38
|
, {
|
|
39
|
-
"__SPills": "
|
|
40
|
-
"__SPill": "
|
|
41
|
-
"_selected": "
|
|
42
|
-
"_disabled": "
|
|
43
|
-
"_keyboardFocused": "
|
|
44
|
-
"__SText": "
|
|
45
|
-
"__SAddon": "
|
|
46
|
-
"_size_m": "
|
|
47
|
-
"_size_l": "
|
|
48
|
-
"_neighborLocation_right": "
|
|
49
|
-
"_neighborLocation_both": "
|
|
50
|
-
"_neighborLocation_left": "
|
|
39
|
+
"__SPills": "___SPills_pmxf0_gg_",
|
|
40
|
+
"__SPill": "___SPill_pmxf0_gg_",
|
|
41
|
+
"_selected": "__selected_pmxf0_gg_",
|
|
42
|
+
"_disabled": "__disabled_pmxf0_gg_",
|
|
43
|
+
"_keyboardFocused": "__keyboardFocused_pmxf0_gg_",
|
|
44
|
+
"__SText": "___SText_pmxf0_gg_",
|
|
45
|
+
"__SAddon": "___SAddon_pmxf0_gg_",
|
|
46
|
+
"_size_m": "_size_m_pmxf0_gg_",
|
|
47
|
+
"_size_l": "_size_l_pmxf0_gg_",
|
|
48
|
+
"_neighborLocation_right": "_neighborLocation_right_pmxf0_gg_",
|
|
49
|
+
"_neighborLocation_both": "_neighborLocation_both_pmxf0_gg_",
|
|
50
|
+
"_neighborLocation_left": "_neighborLocation_left_pmxf0_gg_"
|
|
51
51
|
});
|
|
52
52
|
|
|
53
53
|
var RootPills = /*#__PURE__*/function (_Component) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport { INeighborItemProps, INeighborLocationProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type PillsValue = string | number | boolean;\n\nexport interface IPillsProps<T extends PillsValue = PillsValue> extends INeighborLocationProps {\n /** Pills size */\n size?: 'l' | 'm';\n /** Disabled state */\n disabled?: boolean;\n /** Called when the selection is changed */\n onChange?: (value: T, e?: React.SyntheticEvent<HTMLSpanElement>) => void;\n /** Value for the selected pill */\n value?: T;\n /** Default value for the selected pill */\n defaultValue?: T;\n}\n\nexport interface IPillProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {\n /** Pill value */\n value?: PillsValue;\n /** Disabled state */\n disabled?: boolean;\n /** Selected state */\n selected?: boolean;\n /** Left addon text */\n addonLeft?: React.ElementType;\n /** Right addon tag */\n addonRight?: React.ElementType;\n}\n\nexport interface IPillsContext {\n getItemProps: PropGetterFn;\n}\n\nexport interface IPillsHandlers {\n value: (value: PillsValue) => void;\n}\n\ndeclare const Pills: (<T, V extends PillsValue = PillsValue>(\n props: CProps<IPillsProps<V> & T, IPillsContext, IPillsHandlers>,\n) => ReturnEl) & {\n Item: (<T>(props: CProps<IPillProps & T, {}, IPillsHandlers>) => ReturnEl) & {\n Text: typeof Box;\n Addon: typeof Box;\n };\n};\n\nexport default Pills;\n"],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/pills",
|
|
3
3
|
"description": "Semrush Pills Component",
|
|
4
|
-
"version": "4.2.
|
|
4
|
+
"version": "4.2.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"scripts": {
|
|
12
|
-
"build": "
|
|
12
|
+
"build": "pnpm semcore-builder --source=js",
|
|
13
13
|
"test": "jest"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
"directory": "semcore/pills"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
+
"@types/react": "16.8 - 17",
|
|
33
34
|
"@guidepup/playwright": "0.6.1",
|
|
34
35
|
"@playwright/test": "1.25.1",
|
|
35
36
|
"@semcore/badge": "*",
|
package/lib/cjs/index.d.ts
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
|
|
3
|
-
import { Box, IBoxProps } from '@semcore/flex-box';
|
|
4
|
-
import { INeighborItemProps, INeighborLocationProps } from '@semcore/neighbor-location';
|
|
5
|
-
import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
6
|
-
|
|
7
|
-
export type PillsValue = string | number | boolean;
|
|
8
|
-
|
|
9
|
-
export interface IPillsProps<T extends PillsValue = PillsValue> extends INeighborLocationProps {
|
|
10
|
-
/** Pills size */
|
|
11
|
-
size?: 'l' | 'm';
|
|
12
|
-
/** Disabled state */
|
|
13
|
-
disabled?: boolean;
|
|
14
|
-
/** Called when the selection is changed */
|
|
15
|
-
onChange?: (value: T, e?: React.SyntheticEvent<HTMLSpanElement>) => void;
|
|
16
|
-
/** Value for the selected pill */
|
|
17
|
-
value?: T;
|
|
18
|
-
/** Default value for the selected pill */
|
|
19
|
-
defaultValue?: T;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export interface IPillProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {
|
|
23
|
-
/** Pill value */
|
|
24
|
-
value?: PillsValue;
|
|
25
|
-
/** Disabled state */
|
|
26
|
-
disabled?: boolean;
|
|
27
|
-
/** Selected state */
|
|
28
|
-
selected?: boolean;
|
|
29
|
-
/** Left addon text */
|
|
30
|
-
addonLeft?: React.ElementType;
|
|
31
|
-
/** Right addon tag */
|
|
32
|
-
addonRight?: React.ElementType;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
export interface IPillsContext {
|
|
36
|
-
getItemProps: PropGetterFn;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
export interface IPillsHandlers {
|
|
40
|
-
value: (value: PillsValue) => void;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
declare const Pills: (<T, V extends PillsValue = PillsValue>(
|
|
44
|
-
props: CProps<IPillsProps<V> & T, IPillsContext, IPillsHandlers>,
|
|
45
|
-
) => ReturnEl) & {
|
|
46
|
-
Item: (<T>(props: CProps<IPillProps & T, {}, IPillsHandlers>) => ReturnEl) & {
|
|
47
|
-
Text: typeof Box;
|
|
48
|
-
Addon: typeof Box;
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
export default Pills;
|
package/lib/es6/index.d.ts
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
|
|
3
|
-
import { Box, IBoxProps } from '@semcore/flex-box';
|
|
4
|
-
import { INeighborItemProps, INeighborLocationProps } from '@semcore/neighbor-location';
|
|
5
|
-
import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
6
|
-
|
|
7
|
-
export type PillsValue = string | number | boolean;
|
|
8
|
-
|
|
9
|
-
export interface IPillsProps<T extends PillsValue = PillsValue> extends INeighborLocationProps {
|
|
10
|
-
/** Pills size */
|
|
11
|
-
size?: 'l' | 'm';
|
|
12
|
-
/** Disabled state */
|
|
13
|
-
disabled?: boolean;
|
|
14
|
-
/** Called when the selection is changed */
|
|
15
|
-
onChange?: (value: T, e?: React.SyntheticEvent<HTMLSpanElement>) => void;
|
|
16
|
-
/** Value for the selected pill */
|
|
17
|
-
value?: T;
|
|
18
|
-
/** Default value for the selected pill */
|
|
19
|
-
defaultValue?: T;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export interface IPillProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {
|
|
23
|
-
/** Pill value */
|
|
24
|
-
value?: PillsValue;
|
|
25
|
-
/** Disabled state */
|
|
26
|
-
disabled?: boolean;
|
|
27
|
-
/** Selected state */
|
|
28
|
-
selected?: boolean;
|
|
29
|
-
/** Left addon text */
|
|
30
|
-
addonLeft?: React.ElementType;
|
|
31
|
-
/** Right addon tag */
|
|
32
|
-
addonRight?: React.ElementType;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
export interface IPillsContext {
|
|
36
|
-
getItemProps: PropGetterFn;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
export interface IPillsHandlers {
|
|
40
|
-
value: (value: PillsValue) => void;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
declare const Pills: (<T, V extends PillsValue = PillsValue>(
|
|
44
|
-
props: CProps<IPillsProps<V> & T, IPillsContext, IPillsHandlers>,
|
|
45
|
-
) => ReturnEl) & {
|
|
46
|
-
Item: (<T>(props: CProps<IPillProps & T, {}, IPillsHandlers>) => ReturnEl) & {
|
|
47
|
-
Text: typeof Box;
|
|
48
|
-
Addon: typeof Box;
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
export default Pills;
|