@ceebee/ui 1.4.2 → 1.5.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/dist/client.d.ts +39 -13
- package/dist/client.js +699 -5
- package/dist/index.d.ts +25 -1
- package/dist/index.js +684 -1
- package/dist/styles.css +30 -0
- package/package.json +7 -6
package/dist/styles.css
CHANGED
|
@@ -2057,6 +2057,36 @@ html, body { background: var(--cb-bg); color: var(--cb-fg); }
|
|
|
2057
2057
|
value — Ant derives them through its own algorithm from tokens the bridge does not feed. So this
|
|
2058
2058
|
states no size or radius for it, only the axis it lays out on, which it otherwise loses entirely
|
|
2059
2059
|
and stacks vertically, and the colours, which are Tokens. */
|
|
2060
|
+
/* Checkbox server-renders with no box at all until Ant lands: no border, no background, so a reader
|
|
2061
|
+
sees nothing where a checkbox belongs. Ant sizes its interactive controls at half the control
|
|
2062
|
+
height — `controlInteractiveSize` is `controlHeight / 2` in Ant's own token deriver, checked
|
|
2063
|
+
against it — so that size is derived rather than guessed. Its 6px corner comes from
|
|
2064
|
+
`borderRadiusSM`, which no Ceebee Token carries, so no radius is stated here: a square box for one
|
|
2065
|
+
paint is honest, a nearly-right radius is not. */
|
|
2066
|
+
:where(.ant-checkbox-wrapper) {
|
|
2067
|
+
display: flex;
|
|
2068
|
+
align-items: center;
|
|
2069
|
+
font-family: var(--cb-font-sans);
|
|
2070
|
+
font-size: var(--cb-text-sm);
|
|
2071
|
+
}
|
|
2072
|
+
|
|
2073
|
+
/* The box is `.ant-checkbox` itself in this runtime; there is no `-inner` element, and a rule
|
|
2074
|
+
naming one matches nothing. It is a `span`, so it needs a block-ish display before a size means
|
|
2075
|
+
anything. */
|
|
2076
|
+
:where(.ant-checkbox) {
|
|
2077
|
+
display: inline-block;
|
|
2078
|
+
flex: none;
|
|
2079
|
+
width: calc(var(--cb-control-height-md) / 2);
|
|
2080
|
+
height: calc(var(--cb-control-height-md) / 2);
|
|
2081
|
+
border: var(--cb-border-width) solid var(--cb-border-strong);
|
|
2082
|
+
background: var(--cb-surface);
|
|
2083
|
+
}
|
|
2084
|
+
|
|
2085
|
+
/* Measured at one space step on each side, which is exactly the 16px the wrapper was short. */
|
|
2086
|
+
:where(.ant-checkbox-label) {
|
|
2087
|
+
padding-inline: var(--cb-space-2);
|
|
2088
|
+
}
|
|
2089
|
+
|
|
2060
2090
|
:where(.ant-segmented) {
|
|
2061
2091
|
background: var(--cb-bg-subtle);
|
|
2062
2092
|
font-family: var(--cb-font-sans);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ceebee/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"description": "Ceebee's design system: tokens, themed primitives, motion, and onboarding.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -35,6 +35,10 @@
|
|
|
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
|
+
},
|
|
38
42
|
"peerDependencies": {
|
|
39
43
|
"@base-ui/react": "^1.7.0",
|
|
40
44
|
"lucide-react": ">=0.400.0",
|
|
@@ -54,11 +58,8 @@
|
|
|
54
58
|
"typescript": "^5.7.2"
|
|
55
59
|
},
|
|
56
60
|
"dependencies": {
|
|
61
|
+
"@ant-design/cssinjs": "2.1.2",
|
|
57
62
|
"antd": "6.6.1",
|
|
58
63
|
"dayjs": "1.11.18"
|
|
59
|
-
},
|
|
60
|
-
"scripts": {
|
|
61
|
-
"build": "tsup && node ./stamp-client.mjs && node ./build-css.mjs",
|
|
62
|
-
"lint": "tsc -p tsconfig.json --noEmit"
|
|
63
64
|
}
|
|
64
|
-
}
|
|
65
|
+
}
|