@khanacademy/wonder-blocks-banner 4.5.2 → 5.0.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/.turbo/turbo-build$colon$css.log +1 -1
- package/CHANGELOG.md +20 -0
- package/dist/components/banner.d.ts +0 -25
- package/package.json +22 -14
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
> @khanacademy/wonder-blocks-banner@
|
|
2
|
+
> @khanacademy/wonder-blocks-banner@5.0.1 build:css /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-banner
|
|
3
3
|
> pnpm exec wonder-blocks-tokens .
|
|
4
4
|
|
|
5
5
|
CSS variables generated successfully in: /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-banner/dist/css
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-banner
|
|
2
2
|
|
|
3
|
+
## 5.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 6d5c485: Include provenance information when publishing to npmjs
|
|
8
|
+
- Updated dependencies [6d5c485]
|
|
9
|
+
- @khanacademy/wonder-blocks-button@11.2.5
|
|
10
|
+
- @khanacademy/wonder-blocks-core@12.4.1
|
|
11
|
+
- @khanacademy/wonder-blocks-icon@5.3.1
|
|
12
|
+
- @khanacademy/wonder-blocks-icon-button@10.5.4
|
|
13
|
+
- @khanacademy/wonder-blocks-link@10.0.2
|
|
14
|
+
- @khanacademy/wonder-blocks-tokens@14.0.1
|
|
15
|
+
- @khanacademy/wonder-blocks-typography@4.2.23
|
|
16
|
+
|
|
17
|
+
## 5.0.0
|
|
18
|
+
|
|
19
|
+
### Major Changes
|
|
20
|
+
|
|
21
|
+
- 28d9ed5: Banner: Remove `layout` prop
|
|
22
|
+
|
|
3
23
|
## 4.5.2
|
|
4
24
|
|
|
5
25
|
### Patch Changes
|
|
@@ -36,16 +36,6 @@ type BannerKind =
|
|
|
36
36
|
* Color red, circle exclamation-point icon
|
|
37
37
|
*/
|
|
38
38
|
| "critical";
|
|
39
|
-
type BannerLayout =
|
|
40
|
-
/**
|
|
41
|
-
* Renders a rounded rectangle, usually for when banner is used as an inset
|
|
42
|
-
* element on a screen (e.g., the SOT card) that appears to be floating.
|
|
43
|
-
*/
|
|
44
|
-
"floating"
|
|
45
|
-
/**
|
|
46
|
-
* Renders a full-width banner, with no rounded corners.
|
|
47
|
-
*/
|
|
48
|
-
| "full-width";
|
|
49
39
|
type Props = {
|
|
50
40
|
/**
|
|
51
41
|
* Accessible label for the banner.
|
|
@@ -56,15 +46,6 @@ type Props = {
|
|
|
56
46
|
* Determines the color and icon of the banner.
|
|
57
47
|
*/
|
|
58
48
|
kind?: BannerKind;
|
|
59
|
-
/**
|
|
60
|
-
* (DEPRECATED) Determines the edge style of the Banner.
|
|
61
|
-
*
|
|
62
|
-
* This prop is deprecated and will be removed in a future release.
|
|
63
|
-
* Currently, it has no effect on the component.
|
|
64
|
-
*
|
|
65
|
-
* @deprecated
|
|
66
|
-
*/
|
|
67
|
-
layout?: BannerLayout;
|
|
68
49
|
/**
|
|
69
50
|
* Text on the banner or a node if you want something different. For the
|
|
70
51
|
* best results, use the default styles provided by the Banner component and
|
|
@@ -118,11 +99,6 @@ type Props = {
|
|
|
118
99
|
* It can be used as a way of informing the user of important changes.
|
|
119
100
|
* Typically, it is displayed toward the top of the screen.
|
|
120
101
|
*
|
|
121
|
-
* There are two possible layouts for banners - floating and full-width.
|
|
122
|
-
* The `floating` layout is intended to be used when there is whitespace
|
|
123
|
-
* around the banner. The `full-width` layout is intended to be used when
|
|
124
|
-
* the banner needs to be flush with surrounding elements.
|
|
125
|
-
*
|
|
126
102
|
* ### Usage
|
|
127
103
|
* ```jsx
|
|
128
104
|
* import Banner from "@khanacademy/wonder-blocks-banner";
|
|
@@ -130,7 +106,6 @@ type Props = {
|
|
|
130
106
|
* <Banner
|
|
131
107
|
* text="Here is some example text."
|
|
132
108
|
* kind="success"
|
|
133
|
-
* layout="floating"
|
|
134
109
|
* actions={[
|
|
135
110
|
* {title: "Button 1", onClick: () => {}},
|
|
136
111
|
* {title: "Button 2", onClick: () => {}},
|
package/package.json
CHANGED
|
@@ -1,8 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-banner",
|
|
3
|
-
"version": "4.5.2",
|
|
4
|
-
"design": "v1",
|
|
5
3
|
"description": "Banner components for Wonder Blocks.",
|
|
4
|
+
"author": "Khan Academy",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"version": "5.0.1",
|
|
7
|
+
"publishConfig": {
|
|
8
|
+
"access": "public"
|
|
9
|
+
},
|
|
10
|
+
"design": "v1",
|
|
11
|
+
"repository": {
|
|
12
|
+
"type": "git",
|
|
13
|
+
"url": "https://github.com/Khan/wonder-blocks.git",
|
|
14
|
+
"directory": "packages/wonder-blocks-banner"
|
|
15
|
+
},
|
|
16
|
+
"bugs": {
|
|
17
|
+
"url": "https://github.com/Khan/wonder-blocks/issues"
|
|
18
|
+
},
|
|
6
19
|
"main": "dist/index.js",
|
|
7
20
|
"module": "dist/es/index.js",
|
|
8
21
|
"types": "dist/index.d.ts",
|
|
@@ -14,19 +27,14 @@
|
|
|
14
27
|
},
|
|
15
28
|
"./styles.css": "./dist/css/vars.css"
|
|
16
29
|
},
|
|
17
|
-
"author": "",
|
|
18
|
-
"license": "MIT",
|
|
19
|
-
"publishConfig": {
|
|
20
|
-
"access": "public"
|
|
21
|
-
},
|
|
22
30
|
"dependencies": {
|
|
23
|
-
"@khanacademy/wonder-blocks-button": "11.2.
|
|
24
|
-
"@khanacademy/wonder-blocks-core": "12.4.
|
|
25
|
-
"@khanacademy/wonder-blocks-icon": "5.3.
|
|
26
|
-
"@khanacademy/wonder-blocks-icon-button": "10.5.
|
|
27
|
-
"@khanacademy/wonder-blocks-link": "10.0.
|
|
28
|
-
"@khanacademy/wonder-blocks-tokens": "14.0.
|
|
29
|
-
"@khanacademy/wonder-blocks-typography": "4.2.
|
|
31
|
+
"@khanacademy/wonder-blocks-button": "11.2.5",
|
|
32
|
+
"@khanacademy/wonder-blocks-core": "12.4.1",
|
|
33
|
+
"@khanacademy/wonder-blocks-icon": "5.3.1",
|
|
34
|
+
"@khanacademy/wonder-blocks-icon-button": "10.5.4",
|
|
35
|
+
"@khanacademy/wonder-blocks-link": "10.0.2",
|
|
36
|
+
"@khanacademy/wonder-blocks-tokens": "14.0.1",
|
|
37
|
+
"@khanacademy/wonder-blocks-typography": "4.2.23"
|
|
30
38
|
},
|
|
31
39
|
"peerDependencies": {
|
|
32
40
|
"@phosphor-icons/core": "^2.0.2",
|