@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/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.4.2",
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
+ }