@khanacademy/wonder-blocks-icon-button 11.2.3 → 11.3.0
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 +28 -0
- package/dist/css/vars.css +24 -0
- package/dist/theme/syl-dark.d.ts +50 -0
- package/package.json +7 -7
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
> @khanacademy/wonder-blocks-icon-button@11.
|
|
2
|
+
> @khanacademy/wonder-blocks-icon-button@11.3.0 build:css /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-icon-button
|
|
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-icon-button/dist/css
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,33 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-icon-button
|
|
2
2
|
|
|
3
|
+
## 11.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 27a211d: Add support for SYL Dark theme
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies [44bde5e]
|
|
12
|
+
- Updated dependencies [27a211d]
|
|
13
|
+
- @khanacademy/wonder-blocks-tokens@16.5.0
|
|
14
|
+
- @khanacademy/wonder-blocks-theming@4.1.0
|
|
15
|
+
- @khanacademy/wonder-blocks-clickable@8.1.10
|
|
16
|
+
- @khanacademy/wonder-blocks-icon@5.3.14
|
|
17
|
+
- @khanacademy/wonder-blocks-styles@0.2.45
|
|
18
|
+
- @khanacademy/wonder-blocks-typography@4.3.4
|
|
19
|
+
|
|
20
|
+
## 11.2.4
|
|
21
|
+
|
|
22
|
+
### Patch Changes
|
|
23
|
+
|
|
24
|
+
- Updated dependencies [245229a]
|
|
25
|
+
- @khanacademy/wonder-blocks-tokens@16.4.1
|
|
26
|
+
- @khanacademy/wonder-blocks-clickable@8.1.9
|
|
27
|
+
- @khanacademy/wonder-blocks-icon@5.3.13
|
|
28
|
+
- @khanacademy/wonder-blocks-styles@0.2.44
|
|
29
|
+
- @khanacademy/wonder-blocks-typography@4.3.3
|
|
30
|
+
|
|
3
31
|
## 11.2.3
|
|
4
32
|
|
|
5
33
|
### Patch Changes
|
package/dist/css/vars.css
CHANGED
|
@@ -22,6 +22,30 @@
|
|
|
22
22
|
--wb-c-icon-button-iconButton-icon-sizing-medium: var(--wb-sizing-size_240);
|
|
23
23
|
--wb-c-icon-button-iconButton-icon-sizing-large: var(--wb-sizing-size_240);}
|
|
24
24
|
|
|
25
|
+
[data-wb-theme='syl-dark'] {--wb-c-icon-button-iconButton-root-border-offset-primary: var(--wb-border-width-medium);
|
|
26
|
+
--wb-c-icon-button-iconButton-root-border-offset-secondary: calc(-1 * var(--wb-border-width-medium));
|
|
27
|
+
--wb-c-icon-button-iconButton-root-border-offset-tertiary: calc(-1 * var(--wb-border-width-medium));
|
|
28
|
+
--wb-c-icon-button-iconButton-root-border-width-primary-default: var(--wb-border-width-none);
|
|
29
|
+
--wb-c-icon-button-iconButton-root-border-width-primary-hover: var(--wb-border-width-none);
|
|
30
|
+
--wb-c-icon-button-iconButton-root-border-width-primary-press: var(--wb-border-width-none);
|
|
31
|
+
--wb-c-icon-button-iconButton-root-border-width-secondary-default: var(--wb-border-width-thin);
|
|
32
|
+
--wb-c-icon-button-iconButton-root-border-width-secondary-hover: var(--wb-border-width-medium);
|
|
33
|
+
--wb-c-icon-button-iconButton-root-border-width-secondary-press: var(--wb-border-width-medium);
|
|
34
|
+
--wb-c-icon-button-iconButton-root-border-width-tertiary-default: var(--wb-border-width-none);
|
|
35
|
+
--wb-c-icon-button-iconButton-root-border-width-tertiary-hover: var(--wb-border-width-medium);
|
|
36
|
+
--wb-c-icon-button-iconButton-root-border-width-tertiary-press: var(--wb-border-width-medium);
|
|
37
|
+
--wb-c-icon-button-iconButton-root-border-radius-default: var(--wb-border-radius-radius_080);
|
|
38
|
+
--wb-c-icon-button-iconButton-root-border-radius-hover: var(--wb-border-radius-radius_080);
|
|
39
|
+
--wb-c-icon-button-iconButton-root-border-radius-press: var(--wb-border-radius-radius_120);
|
|
40
|
+
--wb-c-icon-button-iconButton-root-sizing-xsmall: var(--wb-sizing-size_240);
|
|
41
|
+
--wb-c-icon-button-iconButton-root-sizing-small: var(--wb-sizing-size_260);
|
|
42
|
+
--wb-c-icon-button-iconButton-root-sizing-medium: var(--wb-sizing-size_400);
|
|
43
|
+
--wb-c-icon-button-iconButton-root-sizing-large: var(--wb-sizing-size_440);
|
|
44
|
+
--wb-c-icon-button-iconButton-icon-sizing-xsmall: var(--wb-sizing-size_120);
|
|
45
|
+
--wb-c-icon-button-iconButton-icon-sizing-small: var(--wb-sizing-size_120);
|
|
46
|
+
--wb-c-icon-button-iconButton-icon-sizing-medium: var(--wb-sizing-size_180);
|
|
47
|
+
--wb-c-icon-button-iconButton-icon-sizing-large: var(--wb-sizing-size_200);}
|
|
48
|
+
|
|
25
49
|
[data-wb-theme='thunderblocks'] {--wb-c-icon-button-iconButton-root-border-offset-primary: var(--wb-border-width-medium);
|
|
26
50
|
--wb-c-icon-button-iconButton-root-border-offset-secondary: calc(-1 * var(--wb-border-width-medium));
|
|
27
51
|
--wb-c-icon-button-iconButton-root-border-offset-tertiary: calc(-1 * var(--wb-border-width-medium));
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
iconButton: {
|
|
3
|
+
root: {
|
|
4
|
+
border: {
|
|
5
|
+
offset: {
|
|
6
|
+
primary: string;
|
|
7
|
+
secondary: string;
|
|
8
|
+
tertiary: string;
|
|
9
|
+
};
|
|
10
|
+
width: {
|
|
11
|
+
primary: {
|
|
12
|
+
default: string;
|
|
13
|
+
hover: string;
|
|
14
|
+
press: string;
|
|
15
|
+
};
|
|
16
|
+
secondary: {
|
|
17
|
+
default: string;
|
|
18
|
+
hover: string;
|
|
19
|
+
press: string;
|
|
20
|
+
};
|
|
21
|
+
tertiary: {
|
|
22
|
+
default: string;
|
|
23
|
+
hover: string;
|
|
24
|
+
press: string;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
radius: {
|
|
28
|
+
default: string;
|
|
29
|
+
hover: string;
|
|
30
|
+
press: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
sizing: {
|
|
34
|
+
xsmall: string;
|
|
35
|
+
small: string;
|
|
36
|
+
medium: string;
|
|
37
|
+
large: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
icon: {
|
|
41
|
+
sizing: {
|
|
42
|
+
xsmall: string;
|
|
43
|
+
small: string;
|
|
44
|
+
medium: string;
|
|
45
|
+
large: string;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
export default _default;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "",
|
|
4
4
|
"author": "Khan Academy",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "11.
|
|
6
|
+
"version": "11.3.0",
|
|
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-clickable": "8.1.
|
|
31
|
+
"@khanacademy/wonder-blocks-clickable": "8.1.10",
|
|
32
32
|
"@khanacademy/wonder-blocks-core": "12.4.3",
|
|
33
|
-
"@khanacademy/wonder-blocks-icon": "5.3.
|
|
34
|
-
"@khanacademy/wonder-blocks-styles": "0.2.
|
|
35
|
-
"@khanacademy/wonder-blocks-theming": "4.0
|
|
36
|
-
"@khanacademy/wonder-blocks-tokens": "16.
|
|
37
|
-
"@khanacademy/wonder-blocks-typography": "4.3.
|
|
33
|
+
"@khanacademy/wonder-blocks-icon": "5.3.14",
|
|
34
|
+
"@khanacademy/wonder-blocks-styles": "0.2.45",
|
|
35
|
+
"@khanacademy/wonder-blocks-theming": "4.1.0",
|
|
36
|
+
"@khanacademy/wonder-blocks-tokens": "16.5.0",
|
|
37
|
+
"@khanacademy/wonder-blocks-typography": "4.3.4"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"aphrodite": "^1.2.5",
|