@ceebee/ui 1.5.2 → 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/dist/styles.css +16 -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/dist/styles.css
CHANGED
|
@@ -2132,3 +2132,19 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
|
|
|
2132
2132
|
background: var(--cb-surface);
|
|
2133
2133
|
color: var(--cb-fg);
|
|
2134
2134
|
}
|
|
2135
|
+
|
|
2136
|
+
/* theme/ant-runtime.css */
|
|
2137
|
+
/* Vendored runtime geometry that Ant does not expose through component tokens.
|
|
2138
|
+
|
|
2139
|
+
Ant derives Tag height from line height and content. A bare label, a label
|
|
2140
|
+
with a third-party SVG, and a CheckableTag therefore land on three different
|
|
2141
|
+
physical heights even though they share one semantic component. Ant exposes
|
|
2142
|
+
its colours but no height component token, so the additive floor lives at
|
|
2143
|
+
the Skin bridge. The zero-specificity selector lets an upstream min-height
|
|
2144
|
+
take ownership if one is added later. */
|
|
2145
|
+
:where(.ant-tag) {
|
|
2146
|
+
box-sizing: border-box;
|
|
2147
|
+
min-height: calc(var(--cb-control-height-sm) - var(--cb-space-1));
|
|
2148
|
+
align-content: center;
|
|
2149
|
+
vertical-align: middle;
|
|
2150
|
+
}
|
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
|
+
}
|