@khanacademy/wonder-blocks-banner 0.0.0-PR2918-20260108160834 → 0.0.0-PR2921-20260109172217
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 -4
- package/dist/css/vars.css +23 -0
- package/dist/theme/syl-dark.d.ts +59 -0
- package/package.json +7 -7
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
> @khanacademy/wonder-blocks-banner@5.0.
|
|
2
|
+
> @khanacademy/wonder-blocks-banner@5.0.10 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,12 +1,28 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-banner
|
|
2
2
|
|
|
3
|
-
## 0.0.0-
|
|
3
|
+
## 0.0.0-PR2921-20260109172217
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 8a3ee1f: Support SYL Dark
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies [8a3ee1f]
|
|
12
|
+
- @khanacademy/wonder-blocks-icon-button@0.0.0-PR2921-20260109172217
|
|
13
|
+
- @khanacademy/wonder-blocks-typography@0.0.0-PR2921-20260109172217
|
|
14
|
+
- @khanacademy/wonder-blocks-button@0.0.0-PR2921-20260109172217
|
|
15
|
+
- @khanacademy/wonder-blocks-tokens@0.0.0-PR2921-20260109172217
|
|
16
|
+
- @khanacademy/wonder-blocks-link@0.0.0-PR2921-20260109172217
|
|
17
|
+
- @khanacademy/wonder-blocks-icon@0.0.0-PR2921-20260109172217
|
|
18
|
+
|
|
19
|
+
## 5.0.10
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
6
22
|
|
|
7
|
-
- @khanacademy/wonder-blocks-button@
|
|
8
|
-
- @khanacademy/wonder-blocks-icon-button@
|
|
9
|
-
- @khanacademy/wonder-blocks-link@
|
|
23
|
+
- @khanacademy/wonder-blocks-button@11.2.11
|
|
24
|
+
- @khanacademy/wonder-blocks-icon-button@11.1.1
|
|
25
|
+
- @khanacademy/wonder-blocks-link@10.1.1
|
|
10
26
|
|
|
11
27
|
## 5.0.9
|
|
12
28
|
|
package/dist/css/vars.css
CHANGED
|
@@ -21,6 +21,29 @@
|
|
|
21
21
|
--wb-c-banner-label-font-size: var(--wb-font-body-size-small);
|
|
22
22
|
--wb-c-banner-dismiss-layout-marginBlock: var(--wb-sizing-size_0);}
|
|
23
23
|
|
|
24
|
+
[data-wb-theme='syl-dark'] {--wb-c-banner-root-border-radius: var(--wb-border-radius-radius_080);
|
|
25
|
+
--wb-c-banner-root-border-width-inlineStart: var(--wb-border-width-thin);
|
|
26
|
+
--wb-c-banner-root-border-width-inlineEnd: var(--wb-border-width-thin);
|
|
27
|
+
--wb-c-banner-root-border-width-blockStart: var(--wb-border-width-thin);
|
|
28
|
+
--wb-c-banner-root-border-width-blockEnd: var(--wb-border-width-thin);
|
|
29
|
+
--wb-c-banner-root-color-border-info: var(--wb-semanticColor-feedback-info-subtle-border);
|
|
30
|
+
--wb-c-banner-root-color-border-success: var(--wb-semanticColor-feedback-success-subtle-border);
|
|
31
|
+
--wb-c-banner-root-color-border-warning: var(--wb-semanticColor-feedback-warning-subtle-border);
|
|
32
|
+
--wb-c-banner-root-color-border-critical: var(--wb-semanticColor-feedback-critical-subtle-border);
|
|
33
|
+
--wb-c-banner-root-layout-paddingInlineStart: var(--wb-sizing-size_160);
|
|
34
|
+
--wb-c-banner-root-layout-gap: var(--wb-sizing-size_120);
|
|
35
|
+
--wb-c-banner-icon-color-info: var(--wb-semanticColor-feedback-info-subtle-icon);
|
|
36
|
+
--wb-c-banner-icon-color-success: var(--wb-semanticColor-feedback-success-subtle-icon);
|
|
37
|
+
--wb-c-banner-icon-color-warning: var(--wb-semanticColor-feedback-warning-subtle-icon);
|
|
38
|
+
--wb-c-banner-icon-color-critical: var(--wb-semanticColor-feedback-critical-subtle-icon);
|
|
39
|
+
--wb-c-banner-icon-sizing-height: var(--wb-sizing-size_180);
|
|
40
|
+
--wb-c-banner-icon-sizing-width: var(--wb-sizing-size_180);
|
|
41
|
+
--wb-c-banner-button-layout-marginInline: calc(var(--wb-sizing-size_080) * -1);
|
|
42
|
+
--wb-c-banner-link-font-decoration: underline;
|
|
43
|
+
--wb-c-banner-link-font-underlineOffset: 25%;
|
|
44
|
+
--wb-c-banner-label-font-size: var(--wb-font-body-size-medium);
|
|
45
|
+
--wb-c-banner-dismiss-layout-marginBlock: calc(var(--wb-sizing-size_060) / 2 * -1);}
|
|
46
|
+
|
|
24
47
|
[data-wb-theme='thunderblocks'] {--wb-c-banner-root-border-radius: var(--wb-border-radius-radius_080);
|
|
25
48
|
--wb-c-banner-root-border-width-inlineStart: var(--wb-border-width-thin);
|
|
26
49
|
--wb-c-banner-root-border-width-inlineEnd: var(--wb-border-width-thin);
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
root: {
|
|
3
|
+
border: {
|
|
4
|
+
radius: string;
|
|
5
|
+
width: {
|
|
6
|
+
inlineStart: string;
|
|
7
|
+
inlineEnd: string;
|
|
8
|
+
blockStart: string;
|
|
9
|
+
blockEnd: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
color: {
|
|
13
|
+
border: {
|
|
14
|
+
info: string;
|
|
15
|
+
success: string;
|
|
16
|
+
warning: string;
|
|
17
|
+
critical: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
layout: {
|
|
21
|
+
paddingInlineStart: string;
|
|
22
|
+
gap: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
icon: {
|
|
26
|
+
color: {
|
|
27
|
+
info: string;
|
|
28
|
+
success: string;
|
|
29
|
+
warning: string;
|
|
30
|
+
critical: string;
|
|
31
|
+
};
|
|
32
|
+
sizing: {
|
|
33
|
+
height: string;
|
|
34
|
+
width: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
button: {
|
|
38
|
+
layout: {
|
|
39
|
+
marginInline: string;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
link: {
|
|
43
|
+
font: {
|
|
44
|
+
decoration: string;
|
|
45
|
+
underlineOffset: string;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
label: {
|
|
49
|
+
font: {
|
|
50
|
+
size: string;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
dismiss: {
|
|
54
|
+
layout: {
|
|
55
|
+
marginBlock: string;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
export default _default;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Banner components for Wonder Blocks.",
|
|
4
4
|
"author": "Khan Academy",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "0.0.0-
|
|
6
|
+
"version": "0.0.0-PR2921-20260109172217",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
9
9
|
},
|
|
@@ -28,13 +28,13 @@
|
|
|
28
28
|
"./styles.css": "./dist/css/vars.css"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@khanacademy/wonder-blocks-button": "0.0.0-
|
|
31
|
+
"@khanacademy/wonder-blocks-button": "0.0.0-PR2921-20260109172217",
|
|
32
32
|
"@khanacademy/wonder-blocks-core": "12.4.2",
|
|
33
|
-
"@khanacademy/wonder-blocks-icon": "
|
|
34
|
-
"@khanacademy/wonder-blocks-icon-button": "0.0.0-
|
|
35
|
-
"@khanacademy/wonder-blocks-link": "0.0.0-
|
|
36
|
-
"@khanacademy/wonder-blocks-tokens": "
|
|
37
|
-
"@khanacademy/wonder-blocks-typography": "
|
|
33
|
+
"@khanacademy/wonder-blocks-icon": "0.0.0-PR2921-20260109172217",
|
|
34
|
+
"@khanacademy/wonder-blocks-icon-button": "0.0.0-PR2921-20260109172217",
|
|
35
|
+
"@khanacademy/wonder-blocks-link": "0.0.0-PR2921-20260109172217",
|
|
36
|
+
"@khanacademy/wonder-blocks-tokens": "0.0.0-PR2921-20260109172217",
|
|
37
|
+
"@khanacademy/wonder-blocks-typography": "0.0.0-PR2921-20260109172217"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"@phosphor-icons/core": "^2.0.2",
|