@ceebee/ui 1.5.3 → 1.5.4
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/dist/client.js +14 -0
- package/package.json +6 -6
package/dist/client.js
CHANGED
|
@@ -866,6 +866,20 @@ function readCeebeeThemeToken(root) {
|
|
|
866
866
|
surface, so placeholders take the muted foreground that clears it against every surface a
|
|
867
867
|
control can sit on. */
|
|
868
868
|
colorTextPlaceholder: color("--cb-fg-muted"),
|
|
869
|
+
/* The same defect as the placeholder above, in the same shape: Ant derives its disabled
|
|
870
|
+
foreground from its own algorithm and lands on a 25%-alpha grey — measured at 1.19:1 on a
|
|
871
|
+
light stage and 2.08:1 on a dark one, which is a word you can see the shape of and not read.
|
|
872
|
+
WCAG exempts inactive controls, and that exemption is the wrong thing to lean on: the label on
|
|
873
|
+
a disabled control is exactly what tells you why it is disabled and what would enable it, so
|
|
874
|
+
it is the one piece of text on the control that has to survive.
|
|
875
|
+
|
|
876
|
+
The muted foreground rather than the subtle one, for the reason the placeholder note above
|
|
877
|
+
already records: subtle clears AA against the plain surface and nothing else, and a disabled
|
|
878
|
+
control sits on a translucent wash over whatever surface the product put it on. Measured on a
|
|
879
|
+
consumer's own panel, subtle came back at 4.37:1 — under the bar, from the one step that
|
|
880
|
+
looked quiet enough. Disabled still reads as disabled: the control also loses its border and
|
|
881
|
+
its ground, which are cues that do not depend on colour at all. */
|
|
882
|
+
colorTextDisabled: color("--cb-fg-muted"),
|
|
869
883
|
colorTextLightSolid: color("--cb-fg-on-brand"),
|
|
870
884
|
colorBgBase: color("--cb-bg"),
|
|
871
885
|
colorBgContainer: color("--cb-surface"),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ceebee/ui",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.4",
|
|
4
4
|
"description": "Ceebee's design system: tokens, themed primitives, motion, and onboarding.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -35,10 +35,6 @@
|
|
|
35
35
|
"./styles.css": "./dist/styles.css",
|
|
36
36
|
"./skins/*.css": "./dist/skins/*.css"
|
|
37
37
|
},
|
|
38
|
-
"scripts": {
|
|
39
|
-
"build": "tsup && node ./stamp-client.mjs && node ./build-css.mjs",
|
|
40
|
-
"lint": "tsc -p tsconfig.json --noEmit"
|
|
41
|
-
},
|
|
42
38
|
"peerDependencies": {
|
|
43
39
|
"@base-ui/react": "^1.7.0",
|
|
44
40
|
"lucide-react": ">=0.400.0",
|
|
@@ -61,5 +57,9 @@
|
|
|
61
57
|
"@ant-design/cssinjs": "2.1.2",
|
|
62
58
|
"antd": "6.6.1",
|
|
63
59
|
"dayjs": "1.11.18"
|
|
60
|
+
},
|
|
61
|
+
"scripts": {
|
|
62
|
+
"build": "tsup && node ./stamp-client.mjs && node ./build-css.mjs",
|
|
63
|
+
"lint": "tsc -p tsconfig.json --noEmit"
|
|
64
64
|
}
|
|
65
|
-
}
|
|
65
|
+
}
|