@khanacademy/wonder-blocks-switch 0.0.0-PR2852-20251106165626 → 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-20251106165626
|
|
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-
|
|
34
|
-
"@khanacademy/wonder-blocks-
|
|
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;
|