@khanacademy/wonder-blocks-switch 0.0.0-PR2852-20251105235026 → 0.0.0-PR2855-20251112194309
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 +5 -10
- package/dist/css/vars.css +1 -17
- package/package.json +5 -5
- package/dist/theme/syl-dark.d.ts +0 -40
package/CHANGELOG.md
CHANGED
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-switch
|
|
2
2
|
|
|
3
|
-
## 0.0.0-
|
|
4
|
-
|
|
5
|
-
### Minor Changes
|
|
6
|
-
|
|
7
|
-
- 77fa3f8: Support SYL Dark
|
|
3
|
+
## 0.0.0-PR2855-20251112194309
|
|
8
4
|
|
|
9
5
|
### Patch Changes
|
|
10
6
|
|
|
11
|
-
- Updated dependencies [
|
|
12
|
-
- @khanacademy/wonder-blocks-
|
|
13
|
-
- @khanacademy/wonder-blocks-
|
|
14
|
-
- @khanacademy/wonder-blocks-
|
|
15
|
-
- @khanacademy/wonder-blocks-styles@0.0.0-PR2852-20251105235026
|
|
7
|
+
- Updated dependencies [144fa8a]
|
|
8
|
+
- @khanacademy/wonder-blocks-tokens@0.0.0-PR2855-20251112194309
|
|
9
|
+
- @khanacademy/wonder-blocks-icon@0.0.0-PR2855-20251112194309
|
|
10
|
+
- @khanacademy/wonder-blocks-styles@0.0.0-PR2855-20251112194309
|
|
16
11
|
|
|
17
12
|
## 3.3.22
|
|
18
13
|
|
package/dist/css/vars.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
:root {--wb-c-switch-root-border-radius-default: var(--wb-border-radius-radius_120);
|
|
1
|
+
:root, [data-wb-theme='default'] {--wb-c-switch-root-border-radius-default: var(--wb-border-radius-radius_120);
|
|
2
2
|
--wb-c-switch-root-border-radius-hover: var(--wb-border-radius-radius_120);
|
|
3
3
|
--wb-c-switch-root-border-radius-press: var(--wb-border-radius-radius_120);
|
|
4
4
|
--wb-c-switch-root-sizing-height: var(--wb-sizing-size_240);
|
|
@@ -14,22 +14,6 @@
|
|
|
14
14
|
--wb-c-switch-icon-transform-default: translateX(var(--wb-sizing-size_160));
|
|
15
15
|
--wb-c-switch-icon-transform-transition: transform 0.15s ease-in-out;}
|
|
16
16
|
|
|
17
|
-
[data-wb-theme='syl-dark'] {--wb-c-switch-root-border-radius-default: var(--wb-border-radius-radius_240);
|
|
18
|
-
--wb-c-switch-root-border-radius-hover: var(--wb-border-radius-radius_120);
|
|
19
|
-
--wb-c-switch-root-border-radius-press: var(--wb-border-radius-radius_120);
|
|
20
|
-
--wb-c-switch-root-sizing-height: var(--wb-sizing-size_240);
|
|
21
|
-
--wb-c-switch-root-sizing-width: var(--wb-sizing-size_440);
|
|
22
|
-
--wb-c-switch-slider-sizing-height: var(--wb-sizing-size_200);
|
|
23
|
-
--wb-c-switch-slider-sizing-width: var(--wb-sizing-size_200);
|
|
24
|
-
--wb-c-switch-slider-position-top: var(--wb-sizing-size_020);
|
|
25
|
-
--wb-c-switch-slider-position-left: var(--wb-sizing-size_020);
|
|
26
|
-
--wb-c-switch-slider-transform-default: translateX(var(--wb-sizing-size_200));
|
|
27
|
-
--wb-c-switch-slider-transform-transition: transform 0.15s ease-in-out;
|
|
28
|
-
--wb-c-switch-icon-position-top: var(--wb-sizing-size_040);
|
|
29
|
-
--wb-c-switch-icon-position-left: var(--wb-sizing-size_040);
|
|
30
|
-
--wb-c-switch-icon-transform-default: translateX(var(--wb-sizing-size_200));
|
|
31
|
-
--wb-c-switch-icon-transform-transition: transform 0.15s ease-in-out;}
|
|
32
|
-
|
|
33
17
|
[data-wb-theme='thunderblocks'] {--wb-c-switch-root-border-radius-default: var(--wb-border-radius-radius_240);
|
|
34
18
|
--wb-c-switch-root-border-radius-hover: var(--wb-border-radius-radius_120);
|
|
35
19
|
--wb-c-switch-root-border-radius-press: var(--wb-border-radius-radius_120);
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Switch components for Wonder Blocks.",
|
|
4
4
|
"author": "Khan Academy",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "0.0.0-
|
|
6
|
+
"version": "0.0.0-PR2855-20251112194309",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
9
9
|
},
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@khanacademy/wonder-blocks-core": "12.4.1",
|
|
32
|
-
"@khanacademy/wonder-blocks-icon": "0.0.0-
|
|
33
|
-
"@khanacademy/wonder-blocks-styles": "0.0.0-
|
|
34
|
-
"@khanacademy/wonder-blocks-theming": "
|
|
35
|
-
"@khanacademy/wonder-blocks-tokens": "0.0.0-
|
|
32
|
+
"@khanacademy/wonder-blocks-icon": "0.0.0-PR2855-20251112194309",
|
|
33
|
+
"@khanacademy/wonder-blocks-styles": "0.0.0-PR2855-20251112194309",
|
|
34
|
+
"@khanacademy/wonder-blocks-theming": "4.0.1",
|
|
35
|
+
"@khanacademy/wonder-blocks-tokens": "0.0.0-PR2855-20251112194309"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"aphrodite": "^1.2.5",
|
package/dist/theme/syl-dark.d.ts
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
root: {
|
|
3
|
-
border: {
|
|
4
|
-
radius: {
|
|
5
|
-
default: string;
|
|
6
|
-
hover: string;
|
|
7
|
-
press: string;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
sizing: {
|
|
11
|
-
height: string;
|
|
12
|
-
width: string;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
slider: {
|
|
16
|
-
sizing: {
|
|
17
|
-
height: string;
|
|
18
|
-
width: string;
|
|
19
|
-
};
|
|
20
|
-
position: {
|
|
21
|
-
top: string;
|
|
22
|
-
left: string;
|
|
23
|
-
};
|
|
24
|
-
transform: {
|
|
25
|
-
default: string;
|
|
26
|
-
transition: string;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
icon: {
|
|
30
|
-
position: {
|
|
31
|
-
top: string;
|
|
32
|
-
left: string;
|
|
33
|
-
};
|
|
34
|
-
transform: {
|
|
35
|
-
default: string;
|
|
36
|
-
transition: string;
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
export default _default;
|