@khanacademy/wonder-blocks-pill 3.0.4 → 3.0.6
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 +19 -0
- package/dist/components/pill.d.ts +8 -8
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-pill
|
|
2
2
|
|
|
3
|
+
## 3.0.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [0de25cd8]
|
|
8
|
+
- @khanacademy/wonder-blocks-tokens@4.0.0
|
|
9
|
+
- @khanacademy/wonder-blocks-clickable@5.0.6
|
|
10
|
+
- @khanacademy/wonder-blocks-link@7.0.6
|
|
11
|
+
|
|
12
|
+
## 3.0.5
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies [7516b239]
|
|
17
|
+
- @khanacademy/wonder-blocks-core@11.1.0
|
|
18
|
+
- @khanacademy/wonder-blocks-clickable@5.0.5
|
|
19
|
+
- @khanacademy/wonder-blocks-link@7.0.5
|
|
20
|
+
- @khanacademy/wonder-blocks-typography@3.0.5
|
|
21
|
+
|
|
3
22
|
## 3.0.4
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
|
@@ -17,12 +17,12 @@ export type PillSize = "small" | "medium" | "large";
|
|
|
17
17
|
* ```
|
|
18
18
|
*/
|
|
19
19
|
declare const Pill: React.ForwardRefExoticComponent<Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
20
|
-
role?: import("@khanacademy/wonder-blocks-core").AriaRole
|
|
20
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole;
|
|
21
21
|
}> & {
|
|
22
22
|
/**
|
|
23
23
|
* The unique identifier for the pill.
|
|
24
24
|
*/
|
|
25
|
-
id?: string
|
|
25
|
+
id?: string;
|
|
26
26
|
/**
|
|
27
27
|
* The text to display within the pill.
|
|
28
28
|
*/
|
|
@@ -31,14 +31,14 @@ declare const Pill: React.ForwardRefExoticComponent<Readonly<import("@khanacadem
|
|
|
31
31
|
* Determines the color of the pill. Defaults to "neutral".
|
|
32
32
|
* Neutral pills are gray, accent pills are blue.
|
|
33
33
|
*/
|
|
34
|
-
kind?: PillKind
|
|
34
|
+
kind?: PillKind;
|
|
35
35
|
/**
|
|
36
36
|
* The size of the pill. Defaults to "small".
|
|
37
37
|
* Size of pill. A small pill has more of a classic “badge”
|
|
38
38
|
* look and fully fits within a line of body text inline,
|
|
39
39
|
* whereas a large pill contains normal body font size.
|
|
40
40
|
*/
|
|
41
|
-
size?: PillSize
|
|
41
|
+
size?: PillSize;
|
|
42
42
|
/**
|
|
43
43
|
* The role the pill should have depending on its behavior.
|
|
44
44
|
* By default, it has none. If pill is Clickable, this is automatically
|
|
@@ -49,11 +49,11 @@ declare const Pill: React.ForwardRefExoticComponent<Readonly<import("@khanacadem
|
|
|
49
49
|
* If pills are being selected or deselected from a list, they should
|
|
50
50
|
* probably have a role of "checkbox".
|
|
51
51
|
*/
|
|
52
|
-
role?: ClickableRole
|
|
52
|
+
role?: ClickableRole;
|
|
53
53
|
/**
|
|
54
54
|
* Called when the pill is clicked.
|
|
55
55
|
*/
|
|
56
|
-
onClick?: (
|
|
56
|
+
onClick?: () => unknown;
|
|
57
57
|
/**
|
|
58
58
|
* Custom styles to add to this pill component.
|
|
59
59
|
*/
|
|
@@ -61,10 +61,10 @@ declare const Pill: React.ForwardRefExoticComponent<Readonly<import("@khanacadem
|
|
|
61
61
|
/**
|
|
62
62
|
* The tab index of the pill (clickable only).
|
|
63
63
|
*/
|
|
64
|
-
tabIndex?: number
|
|
64
|
+
tabIndex?: number;
|
|
65
65
|
/**
|
|
66
66
|
* Optional test ID for e2e testing.
|
|
67
67
|
*/
|
|
68
|
-
testId?: string
|
|
68
|
+
testId?: string;
|
|
69
69
|
} & React.RefAttributes<HTMLElement | HTMLButtonElement>>;
|
|
70
70
|
export default Pill;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-pill",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.6",
|
|
4
4
|
"design": "v1",
|
|
5
5
|
"description": "Pill components for Wonder Blocks.",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -17,11 +17,11 @@
|
|
|
17
17
|
"access": "public"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@khanacademy/wonder-blocks-clickable": "^5.0.
|
|
21
|
-
"@khanacademy/wonder-blocks-core": "^11.0
|
|
22
|
-
"@khanacademy/wonder-blocks-link": "^7.0.
|
|
23
|
-
"@khanacademy/wonder-blocks-tokens": "^
|
|
24
|
-
"@khanacademy/wonder-blocks-typography": "^3.0.
|
|
20
|
+
"@khanacademy/wonder-blocks-clickable": "^5.0.6",
|
|
21
|
+
"@khanacademy/wonder-blocks-core": "^11.1.0",
|
|
22
|
+
"@khanacademy/wonder-blocks-link": "^7.0.6",
|
|
23
|
+
"@khanacademy/wonder-blocks-tokens": "^4.0.0",
|
|
24
|
+
"@khanacademy/wonder-blocks-typography": "^3.0.5"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"aphrodite": "^1.2.5",
|