@cloudgrid-io/ui 0.32.4 → 0.33.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.
@@ -1 +1 @@
1
- {"version":3,"file":"css-owner.d.ts","sourceRoot":"","sources":["../../src/badge/css-owner.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,eAAO,MAAM,eAAe,EAAE,MAgKxB,CAAA"}
1
+ {"version":3,"file":"css-owner.d.ts","sourceRoot":"","sources":["../../src/badge/css-owner.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,eAAO,MAAM,eAAe,EAAE,MAyKxB,CAAA"}
@@ -69,8 +69,17 @@ export const BADGE_OWNER_CSS = /* @__PURE__ */ (() =>
69
69
  .cgb-info{position:absolute;left:-1px;right:-1px;bottom:100%;z-index:3;display:flex;align-items:center;gap:10px;min-height:139px;padding:10px;cursor:default;` +
70
70
  `background:var(--cg-surface-card);border:1px solid var(--cg-border-control);border-bottom-color:var(--cg-border-hairline);border-radius:var(--cg-radius-md) var(--cg-radius-md) 0 0;` +
71
71
  `box-shadow:var(--cg-shadow-card);font-family:var(--cg-font-body);font-weight:var(--cg-weight-regular);animation:cgb-in var(--cg-duration) var(--cg-ease-out)}
72
- .cgb-info-art{position:relative;flex:none;width:88px;height:60px;overflow:hidden;border-radius:var(--cg-radius-sm);background:var(--cg-surface-raised)}
73
- ` + bubbleLook(".cgb-info-bubble") + `.cgb-info-wrap{position:absolute;right:8px;bottom:8px;padding-top:22px;transform:scale(.8);transform-origin:100% 100%}
72
+ ` +
73
+ // The preview sits in the middle of its tile, both ways (ui issue 329). The
74
+ // wrap is the 22px strip for the x over the 40px pill, so the pill's centre
75
+ // is 42px down the wrap: scaling about that point and pulling the wrap back
76
+ // by it puts the pill's centre on the tile's. `width:max-content` keeps the
77
+ // pill its own 74px, which `left:50%` alone would halve. At .8 the pill is
78
+ // 59.2 by 32 and the x 16px, its top 17.6px above the pill's; hovered it
79
+ // grows to 17.92 (scale 1.12), so the tile needs 2 x (17.6 + 0.96) + 32 =
80
+ // 69.12px to hold it: 70. Gaps: 14.4px left and right, 19px top and bottom.
81
+ `.cgb-info-art{position:relative;flex:none;width:88px;height:70px;overflow:hidden;border-radius:var(--cg-radius-sm);background:var(--cg-surface-raised)}
82
+ ` + bubbleLook(".cgb-info-bubble") + `.cgb-info-wrap{position:absolute;left:50%;top:50%;width:max-content;padding-top:22px;transform:translate(-50%,-42px) scale(.8);transform-origin:50% 42px}
74
83
  .cgb-info-copy{min-width:0;font-size:var(--cg-caption);line-height:1.4;color:var(--cg-text-secondary);text-wrap:pretty}
75
84
  .cgb-info-copy::before{content:"";float:right;width:22px;height:18px}
76
85
  .cgb-info-copy span{color:var(--cg-text-primary)}
@@ -1 +1 @@
1
- {"version":3,"file":"css-owner.js","sourceRoot":"","sources":["../../src/badge/css-owner.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAW,eAAe,CAAC,CAAC,GAAG,EAAE;AAC3D,4EAA4E;AAC5E,6EAA6E;AAC7E,6EAA6E;AAC7E,2EAA2E;AAC3E,kEAAkE;AAClE;gKAC8J;IAC9J,8JAA8J;IAC9J,mKAAmK;IACnK;;;;;;;;;;;;;qKAamK;IACnK,oOAAoO;IACpO;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BD;IACC,4EAA4E;IAC5E,6EAA6E;IAC7E,oEAAoE;IACpE,2EAA2E;IAC3E,iDAAiD;IACjD;;;;8JAI4J;IAC5J,sLAAsL;IACtL;;CAED,GAAG,UAAU,CAAC,kBAAkB,CAAC,GAAG;;;;;;;;;6JASwH;IAC3J;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uJA+BqJ;IACrJ;;;;;;;;;;;;;;;;;;;2LAmByL;IACzL;;;;;;;;;CASD;IACC,UAAU,CACR,CAAC,CAAC,EAAE,EAAE,CACJ,GAAG,CAAC,+CAA+C;QACnD,GAAG,CAAC,wBAAwB;QAC5B,GAAG,CAAC,2CAA2C;QAC/C,GAAG,CAAC,kCAAkC;QACtC,GAAG,CAAC,gEAAgE;QACpE,sEAAsE;QACtE,4CAA4C;QAC5C,GAAG,CAAC,gDAAgD;QACpD,GAAG,CAAC,gCAAgC;QACpC,GAAG,CAAC,6BAA6B;QACjC,GAAG,CAAC,0BAA0B;QAC9B,GAAG,CAAC,yCAAyC;QAC7C,GAAG,CAAC,8BAA8B;QAClC,GAAG,CAAC,2CAA2C;QAC/C,GAAG,CAAC,8CAA8C;QAClD,GAAG,CAAC,8CAA8C;QAClD,GAAG,CAAC,gDAAgD;QACpD,GAAG,CAAC,qBAAqB;QACzB,GAAG,CAAC,2CAA2C;QAC/C,GAAG,CAAC,sCAAsC;QAC1C,GAAG,CAAC,6BAA6B,CACpC,CAAC,EAAE,CAAA"}
1
+ {"version":3,"file":"css-owner.js","sourceRoot":"","sources":["../../src/badge/css-owner.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAW,eAAe,CAAC,CAAC,GAAG,EAAE;AAC3D,4EAA4E;AAC5E,6EAA6E;AAC7E,6EAA6E;AAC7E,2EAA2E;AAC3E,kEAAkE;AAClE;gKAC8J;IAC9J,8JAA8J;IAC9J,mKAAmK;IACnK;;;;;;;;;;;;;qKAamK;IACnK,oOAAoO;IACpO;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BD;IACC,4EAA4E;IAC5E,6EAA6E;IAC7E,oEAAoE;IACpE,2EAA2E;IAC3E,iDAAiD;IACjD;;;;8JAI4J;IAC5J,sLAAsL;IACtL;CACD;IACC,4EAA4E;IAC5E,4EAA4E;IAC5E,4EAA4E;IAC5E,4EAA4E;IAC5E,2EAA2E;IAC3E,yEAAyE;IACzE,0EAA0E;IAC1E,4EAA4E;IAC5E;CACD,GAAG,UAAU,CAAC,kBAAkB,CAAC,GAAG;;;;;;;;;6JASwH;IAC3J;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uJA+BqJ;IACrJ;;;;;;;;;;;;;;;;;;;2LAmByL;IACzL;;;;;;;;;CASD;IACC,UAAU,CACR,CAAC,CAAC,EAAE,EAAE,CACJ,GAAG,CAAC,+CAA+C;QACnD,GAAG,CAAC,wBAAwB;QAC5B,GAAG,CAAC,2CAA2C;QAC/C,GAAG,CAAC,kCAAkC;QACtC,GAAG,CAAC,gEAAgE;QACpE,sEAAsE;QACtE,4CAA4C;QAC5C,GAAG,CAAC,gDAAgD;QACpD,GAAG,CAAC,gCAAgC;QACpC,GAAG,CAAC,6BAA6B;QACjC,GAAG,CAAC,0BAA0B;QAC9B,GAAG,CAAC,yCAAyC;QAC7C,GAAG,CAAC,8BAA8B;QAClC,GAAG,CAAC,2CAA2C;QAC/C,GAAG,CAAC,8CAA8C;QAClD,GAAG,CAAC,8CAA8C;QAClD,GAAG,CAAC,gDAAgD;QACpD,GAAG,CAAC,qBAAqB;QACzB,GAAG,CAAC,2CAA2C;QAC/C,GAAG,CAAC,sCAAsC;QAC1C,GAAG,CAAC,6BAA6B,CACpC,CAAC,EAAE,CAAA"}
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * The live badge (ui#322): the purple pill in the bottom-left corner of every
3
- * live app, the CloudGrid sign and "Live on the Grid", linking to CloudGrid,
3
+ * live app, the CloudGrid sign and "Live on the grid", linking to CloudGrid,
4
4
  * with a close x. The platform calls it the watermark (`branding.attribution`).
5
5
  * Markup only.
6
6
  *
@@ -14,11 +14,12 @@
14
14
  */
15
15
  export { BADGE_LIVE_CSS } from "./css-live.js";
16
16
  /**
17
- * The label: "Live on the Grid", with a capital G (founder, 2026-10-15, ui#324).
17
+ * The label: "Live on the grid", with a lowercase g (founder, 2026-10-18, ui#329,
18
+ * reversing ui#324's capital G).
18
19
  * The platform resolves the real copy per grid on the server and passes it in;
19
20
  * this is only the default.
20
21
  */
21
- export declare const LIVE_LABEL = "Live on the Grid";
22
+ export declare const LIVE_LABEL = "Live on the grid";
22
23
  /** The close x's accessible name, as today's watermark names it (`CLOSE_LABEL`). */
23
24
  export declare const LIVE_CLOSE_LABEL = "Hide this badge";
24
25
  export interface LiveBadgeOptions {
@@ -1 +1 @@
1
- {"version":3,"file":"live.d.ts","sourceRoot":"","sources":["../../src/badge/live.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAKH,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C;;;;GAIG;AACH,eAAO,MAAM,UAAU,qBAAqB,CAAA;AAE5C,oFAAoF;AACpF,eAAO,MAAM,gBAAgB,oBAAoB,CAAA;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,mFAAmF;AACnF,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAG5D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAkB,EAAE,UAA6B,EAAE,KAAK,EAAE,EAAE,gBAAgB,GAAG,MAAM,CAW3H"}
1
+ {"version":3,"file":"live.d.ts","sourceRoot":"","sources":["../../src/badge/live.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAKH,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C;;;;;GAKG;AACH,eAAO,MAAM,UAAU,qBAAqB,CAAA;AAE5C,oFAAoF;AACpF,eAAO,MAAM,gBAAgB,oBAAoB,CAAA;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,mFAAmF;AACnF,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAG5D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAkB,EAAE,UAA6B,EAAE,KAAK,EAAE,EAAE,gBAAgB,GAAG,MAAM,CAW3H"}
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * The live badge (ui#322): the purple pill in the bottom-left corner of every
3
- * live app, the CloudGrid sign and "Live on the Grid", linking to CloudGrid,
3
+ * live app, the CloudGrid sign and "Live on the grid", linking to CloudGrid,
4
4
  * with a close x. The platform calls it the watermark (`branding.attribution`).
5
5
  * Markup only.
6
6
  *
@@ -16,11 +16,12 @@ import { esc, glyph, href } from "./html.js";
16
16
  import { X_BOLD } from "./marks.js";
17
17
  export { BADGE_LIVE_CSS } from "./css-live.js";
18
18
  /**
19
- * The label: "Live on the Grid", with a capital G (founder, 2026-10-15, ui#324).
19
+ * The label: "Live on the grid", with a lowercase g (founder, 2026-10-18, ui#329,
20
+ * reversing ui#324's capital G).
20
21
  * The platform resolves the real copy per grid on the server and passes it in;
21
22
  * this is only the default.
22
23
  */
23
- export const LIVE_LABEL = "Live on the Grid";
24
+ export const LIVE_LABEL = "Live on the grid";
24
25
  /** The close x's accessible name, as today's watermark names it (`CLOSE_LABEL`). */
25
26
  export const LIVE_CLOSE_LABEL = "Hide this badge";
26
27
  /** A non-negative whole number of milliseconds, as a `--cgb-start` declaration. */
@@ -1 +1 @@
1
- {"version":3,"file":"live.js","sourceRoot":"","sources":["../../src/badge/live.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAA;AAE5C,oFAAoF;AACpF,MAAM,CAAC,MAAM,gBAAgB,GAAG,iBAAiB,CAAA;AAgBjD,mFAAmF;AACnF,MAAM,UAAU,UAAU,CAAC,KAAyB;IAClD,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,EAAE,CAAA;IAC7D,OAAO,uBAAuB,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAA;AACnE,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,UAAU,EAAE,UAAU,GAAG,gBAAgB,EAAE,KAAK,EAAoB;IACjH,OAAO,CACL,wCAAwC,UAAU,CAAC,KAAK,CAAC,GAAG;QAC5D,6BAA6B,IAAI,CAAC,GAAG,CAAC,8CAA8C;QACpF,wDAAwD;QACxD,wFAAwF,GAAG,CAAC,KAAK,CAAC,uBAAuB;QACzH,mDAAmD;QACnD,MAAM;QACN,sFAAsF,GAAG,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,MAAM,CAAC,WAAW;QAClI,QAAQ,CACT,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"live.js","sourceRoot":"","sources":["../../src/badge/live.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAA;AAE5C,oFAAoF;AACpF,MAAM,CAAC,MAAM,gBAAgB,GAAG,iBAAiB,CAAA;AAgBjD,mFAAmF;AACnF,MAAM,UAAU,UAAU,CAAC,KAAyB;IAClD,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,EAAE,CAAA;IAC7D,OAAO,uBAAuB,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAA;AACnE,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,UAAU,EAAE,UAAU,GAAG,gBAAgB,EAAE,KAAK,EAAoB;IACjH,OAAO,CACL,wCAAwC,UAAU,CAAC,KAAK,CAAC,GAAG;QAC5D,6BAA6B,IAAI,CAAC,GAAG,CAAC,8CAA8C;QACpF,wDAAwD;QACxD,wFAAwF,GAAG,CAAC,KAAK,CAAC,uBAAuB;QACzH,mDAAmD;QACnD,MAAM;QACN,sFAAsF,GAAG,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,MAAM,CAAC,WAAW;QAClI,QAAQ,CACT,CAAA;AACH,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudgrid-io/ui",
3
- "version": "0.32.4",
3
+ "version": "0.33.0",
4
4
  "description": "CloudGrid design system: React components, brand design tokens, Tailwind theme, self-hosted fonts.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/",