@khanacademy/wonder-blocks-labeled-field 0.0.0-PR2921-20260107172502 → 0.0.0-PR2928-20260114005906
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 +6 -9
- package/dist/css/vars.css +0 -15
- package/package.json +6 -6
- package/dist/theme/syl-dark.d.ts +0 -57
package/CHANGELOG.md
CHANGED
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-labeled-field
|
|
2
2
|
|
|
3
|
-
## 0.0.0-
|
|
4
|
-
|
|
5
|
-
### Minor Changes
|
|
6
|
-
|
|
7
|
-
- 8a3ee1f: Support SYL Dark
|
|
3
|
+
## 0.0.0-PR2928-20260114005906
|
|
8
4
|
|
|
9
5
|
### Patch Changes
|
|
10
6
|
|
|
11
|
-
- Updated dependencies [
|
|
12
|
-
- @khanacademy/wonder-blocks-
|
|
13
|
-
- @khanacademy/wonder-blocks-
|
|
14
|
-
- @khanacademy/wonder-blocks-
|
|
7
|
+
- Updated dependencies [13984b9]
|
|
8
|
+
- @khanacademy/wonder-blocks-core@0.0.0-PR2928-20260114005906
|
|
9
|
+
- @khanacademy/wonder-blocks-layout@0.0.0-PR2928-20260114005906
|
|
10
|
+
- @khanacademy/wonder-blocks-tokens@14.1.3
|
|
11
|
+
- @khanacademy/wonder-blocks-typography@0.0.0-PR2928-20260114005906
|
|
15
12
|
|
|
16
13
|
## 4.0.12
|
|
17
14
|
|
package/dist/css/vars.css
CHANGED
|
@@ -13,21 +13,6 @@
|
|
|
13
13
|
--wb-c-labeled-field-helperText-color-default-foreground: var(--wb-semanticColor-core-foreground-neutral-default);
|
|
14
14
|
--wb-c-labeled-field-helperText-color-disabled-foreground: var(--wb-semanticColor-core-foreground-neutral-default);}
|
|
15
15
|
|
|
16
|
-
[data-wb-theme='syl-dark'] {--wb-c-labeled-field-root-layout-paddingBlockEnd-labelWithDescription: var(--wb-sizing-size_040);
|
|
17
|
-
--wb-c-labeled-field-root-layout-paddingBlockEnd-labelWithNoDescription: var(--wb-sizing-size_080);
|
|
18
|
-
--wb-c-labeled-field-root-layout-spacingBetweenHelperText: var(--wb-sizing-size_080);
|
|
19
|
-
--wb-c-labeled-field-label-color-error-foreground: var(--wb-semanticColor-core-foreground-critical-default);
|
|
20
|
-
--wb-c-labeled-field-label-color-disabled-foreground: var(--wb-semanticColor-core-foreground-disabled-strong);
|
|
21
|
-
--wb-c-labeled-field-contextLabel-color-error-foreground: var(--wb-semanticColor-core-foreground-critical-default);
|
|
22
|
-
--wb-c-labeled-field-error-color-foreground: var(--wb-semanticColor-core-foreground-critical-default);
|
|
23
|
-
--wb-c-labeled-field-error-font-weight: var(--wb-font-weight-bold);
|
|
24
|
-
--wb-c-labeled-field-error-layout-marginBlockStart: var(--wb-sizing-size_010);
|
|
25
|
-
--wb-c-labeled-field-helperText-layout-gap: var(--wb-sizing-size_040);
|
|
26
|
-
--wb-c-labeled-field-helperText-font-size: var(--wb-font-body-size-xsmall);
|
|
27
|
-
--wb-c-labeled-field-helperText-font-lineHeight: var(--wb-font-body-lineHeight-xsmall);
|
|
28
|
-
--wb-c-labeled-field-helperText-color-default-foreground: var(--wb-semanticColor-core-foreground-neutral-strong);
|
|
29
|
-
--wb-c-labeled-field-helperText-color-disabled-foreground: var(--wb-semanticColor-core-foreground-disabled-strong);}
|
|
30
|
-
|
|
31
16
|
[data-wb-theme='thunderblocks'] {--wb-c-labeled-field-root-layout-paddingBlockEnd-labelWithDescription: var(--wb-sizing-size_040);
|
|
32
17
|
--wb-c-labeled-field-root-layout-paddingBlockEnd-labelWithNoDescription: var(--wb-sizing-size_080);
|
|
33
18
|
--wb-c-labeled-field-root-layout-spacingBetweenHelperText: var(--wb-sizing-size_080);
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "LabeledField handles accessibility and layout for associating labels with form components.",
|
|
4
4
|
"author": "Khan Academy",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "0.0.0-
|
|
6
|
+
"version": "0.0.0-PR2928-20260114005906",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
9
9
|
},
|
|
@@ -28,10 +28,10 @@
|
|
|
28
28
|
"./styles.css": "./dist/css/vars.css"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@khanacademy/wonder-blocks-core": "
|
|
32
|
-
"@khanacademy/wonder-blocks-layout": "0.0.0-
|
|
33
|
-
"@khanacademy/wonder-blocks-tokens": "
|
|
34
|
-
"@khanacademy/wonder-blocks-typography": "0.0.0-
|
|
31
|
+
"@khanacademy/wonder-blocks-core": "0.0.0-PR2928-20260114005906",
|
|
32
|
+
"@khanacademy/wonder-blocks-layout": "0.0.0-PR2928-20260114005906",
|
|
33
|
+
"@khanacademy/wonder-blocks-tokens": "14.1.3",
|
|
34
|
+
"@khanacademy/wonder-blocks-typography": "0.0.0-PR2928-20260114005906"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"@phosphor-icons/core": "^2.0.2",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"react": "18.2.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@khanacademy/wb-dev-build-settings": "
|
|
42
|
+
"@khanacademy/wb-dev-build-settings": "0.0.0-PR2928-20260114005906"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build:css": "pnpm exec wonder-blocks-tokens .",
|
package/dist/theme/syl-dark.d.ts
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
root: {
|
|
3
|
-
layout: {
|
|
4
|
-
paddingBlockEnd: {
|
|
5
|
-
labelWithDescription: string;
|
|
6
|
-
labelWithNoDescription: string;
|
|
7
|
-
};
|
|
8
|
-
spacingBetweenHelperText: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
label: {
|
|
12
|
-
color: {
|
|
13
|
-
error: {
|
|
14
|
-
foreground: string;
|
|
15
|
-
};
|
|
16
|
-
disabled: {
|
|
17
|
-
foreground: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
contextLabel: {
|
|
22
|
-
color: {
|
|
23
|
-
error: {
|
|
24
|
-
foreground: string;
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
error: {
|
|
29
|
-
color: {
|
|
30
|
-
foreground: string;
|
|
31
|
-
};
|
|
32
|
-
font: {
|
|
33
|
-
weight: number;
|
|
34
|
-
};
|
|
35
|
-
layout: {
|
|
36
|
-
marginBlockStart: string;
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
helperText: {
|
|
40
|
-
layout: {
|
|
41
|
-
gap: string;
|
|
42
|
-
};
|
|
43
|
-
font: {
|
|
44
|
-
size: string;
|
|
45
|
-
lineHeight: string;
|
|
46
|
-
};
|
|
47
|
-
color: {
|
|
48
|
-
default: {
|
|
49
|
-
foreground: string;
|
|
50
|
-
};
|
|
51
|
-
disabled: {
|
|
52
|
-
foreground: string;
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
export default _default;
|