@kerfjs/ui 5.0.0-beta.14 → 5.0.0-beta.16
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/ai/component-catalog.json +4 -3
- package/ai/public-api-signatures-v1.md +11 -2
- package/ai/webawesome-jsx-signatures-v1.md +1 -1
- package/dist/chunk-AHQI52QO.js +11 -0
- package/dist/chunk-AHQI52QO.js.map +1 -0
- package/dist/index.js +1 -1
- package/dist/list-inset-text.d.ts +10 -1
- package/dist/list-inset-text.js +1 -1
- package/dist/styles/foundation.css +8 -0
- package/dist/styles/list-inset-text.css +9 -0
- package/dist/styles/state-banner.css +2 -8
- package/docs/component-selection.md +1 -1
- package/docs/design/templates/state-banner/success-dark.svg +1 -1
- package/docs/design/templates/state-banner/success.svg +1 -1
- package/docs/design/templates/state-banner/warning-dark.svg +1 -1
- package/docs/design/templates/state-banner/warning.svg +1 -1
- package/docs/design/templates/state-banner-dark.svg +2 -2
- package/docs/design/templates/state-banner.svg +2 -2
- package/package.json +1 -1
- package/dist/chunk-XE4OX6AZ.js +0 -10
- package/dist/chunk-XE4OX6AZ.js.map +0 -1
|
@@ -1198,7 +1198,8 @@
|
|
|
1198
1198
|
},
|
|
1199
1199
|
"wiring": [],
|
|
1200
1200
|
"publicClasses": [
|
|
1201
|
-
"kui-list-inset-text"
|
|
1201
|
+
"kui-list-inset-text",
|
|
1202
|
+
"kui-list-inset-text--horizontal"
|
|
1202
1203
|
],
|
|
1203
1204
|
"publicTokens": [],
|
|
1204
1205
|
"links": {
|
|
@@ -1921,12 +1922,12 @@
|
|
|
1921
1922
|
"--kui-color-neutral-on-normal",
|
|
1922
1923
|
"--kui-color-success-border-normal",
|
|
1923
1924
|
"--kui-color-success-fill-quiet",
|
|
1924
|
-
"--kui-color-success-on-
|
|
1925
|
+
"--kui-color-success-on-fill",
|
|
1925
1926
|
"--kui-color-surface",
|
|
1926
1927
|
"--kui-color-text-link",
|
|
1927
1928
|
"--kui-color-warning-border-normal",
|
|
1928
1929
|
"--kui-color-warning-fill-quiet",
|
|
1929
|
-
"--kui-color-warning-on-
|
|
1930
|
+
"--kui-color-warning-on-fill",
|
|
1930
1931
|
"--kui-font-2xs",
|
|
1931
1932
|
"--kui-font-xs",
|
|
1932
1933
|
"--kui-radius-pill",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Public API signatures for the UI authoring corpus
|
|
2
2
|
|
|
3
|
-
Generated from emitted declarations for `@kerfjs/ui@5.0.0-beta.
|
|
3
|
+
Generated from emitted declarations for `@kerfjs/ui@5.0.0-beta.16` and `kerfjs@5.0.0-beta.16`. This bounded reference covers only APIs used by the seven-task corpus. It is interface evidence, not an implementation or runtime guarantee.
|
|
4
4
|
|
|
5
5
|
## `@kerfjs/ui/disclosure-arrow`
|
|
6
6
|
|
|
@@ -294,6 +294,13 @@ import { SafeHtml } from 'kerfjs';
|
|
|
294
294
|
interface ListInsetTextProps {
|
|
295
295
|
/** Text (or inline content) that carries no margin, border, or padding of its own. */
|
|
296
296
|
children: SafeHtml | SafeHtml[] | string;
|
|
297
|
+
/**
|
|
298
|
+
* Keep only the horizontal geometry (inline margin, left/right border, and
|
|
299
|
+
* left/right padding) and drop the vertical margin, border, and padding. Use it
|
|
300
|
+
* when the text edge must still align with bordered items but the line should not
|
|
301
|
+
* add its own vertical box space — tight text layout inside a content region.
|
|
302
|
+
*/
|
|
303
|
+
horizontalOnly?: boolean;
|
|
297
304
|
className?: string;
|
|
298
305
|
}
|
|
299
306
|
/**
|
|
@@ -301,8 +308,10 @@ interface ListInsetTextProps {
|
|
|
301
308
|
* transparent border, and 8px padding — so a plain string lines up with
|
|
302
309
|
* bordered `.kui-content` items (its text edge lands at the same 17px inset).
|
|
303
310
|
* Use it for text elements that have no margin, border, or padding of their own.
|
|
311
|
+
* Pass `horizontalOnly` to keep the horizontal inset but drop the vertical box
|
|
312
|
+
* space for tight text layout.
|
|
304
313
|
*/
|
|
305
|
-
declare function ListInsetText({ children, className }: ListInsetTextProps): SafeHtml;
|
|
314
|
+
declare function ListInsetText({ children, horizontalOnly, className }: ListInsetTextProps): SafeHtml;
|
|
306
315
|
|
|
307
316
|
export { ListInsetText, type ListInsetTextProps };
|
|
308
317
|
```
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Web Awesome JSX signatures for the UI authoring corpus
|
|
2
2
|
|
|
3
|
-
Generated from the emitted `@kerfjs/ui@5.0.0-beta.
|
|
3
|
+
Generated from the emitted `@kerfjs/ui@5.0.0-beta.16` declaration boundary. Import `@kerfjs/ui/webawesome` for type effects when authoring direct `wa-*` JSX. The module emits no runtime behavior and does not register custom elements.
|
|
4
4
|
|
|
5
5
|
```ts
|
|
6
6
|
import { KerfCustomElement } from 'kerfjs/jsx-runtime';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx } from 'kerfjs/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
// src/list-inset-text.tsx
|
|
4
|
+
function ListInsetText({ children, horizontalOnly = false, className = "" }) {
|
|
5
|
+
const cls = `kui-list-inset-text${horizontalOnly ? " kui-list-inset-text--horizontal" : ""} ${className}`.trim();
|
|
6
|
+
return /* @__PURE__ */ jsx("div", { class: cls, "data-component": "list-inset-text", children });
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export { ListInsetText };
|
|
10
|
+
|
|
11
|
+
//# sourceMappingURL=chunk-AHQI52QO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/list-inset-text.tsx"],"names":[],"mappings":";;;AAuBO,SAAS,cAAc,EAAE,QAAA,EAAU,iBAAiB,KAAA,EAAO,SAAA,GAAY,IAAG,EAAuB;AACtG,EAAA,MAAM,GAAA,GAAM,sBAAsB,cAAA,GAAiB,kCAAA,GAAqC,EAAE,CAAA,CAAA,EAAI,SAAS,GAAG,IAAA,EAAK;AAC/G,EAAA,2BAAQ,KAAA,EAAA,EAAI,KAAA,EAAO,GAAA,EAAK,gBAAA,EAAe,mBAAmB,QAAA,EAAS,CAAA;AACrE","file":"chunk-AHQI52QO.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nexport interface ListInsetTextProps {\n /** Text (or inline content) that carries no margin, border, or padding of its own. */\n children: SafeHtml | SafeHtml[] | string;\n /**\n * Keep only the horizontal geometry (inline margin, left/right border, and\n * left/right padding) and drop the vertical margin, border, and padding. Use it\n * when the text edge must still align with bordered items but the line should not\n * add its own vertical box space — tight text layout inside a content region.\n */\n horizontalOnly?: boolean;\n className?: string;\n}\n\n/**\n * Gives bare text the content-item geometry — an 8px inline margin, a 1px\n * transparent border, and 8px padding — so a plain string lines up with\n * bordered `.kui-content` items (its text edge lands at the same 17px inset).\n * Use it for text elements that have no margin, border, or padding of their own.\n * Pass `horizontalOnly` to keep the horizontal inset but drop the vertical box\n * space for tight text layout.\n */\nexport function ListInsetText({ children, horizontalOnly = false, className = '' }: ListInsetTextProps) {\n const cls = `kui-list-inset-text${horizontalOnly ? ' kui-list-inset-text--horizontal' : ''} ${className}`.trim();\n return <div class={cls} data-component=\"list-inset-text\">{children}</div>;\n}\n"]}
|
package/dist/index.js
CHANGED
|
@@ -11,7 +11,7 @@ export { ResizableRegion, clampRegionSize, resizeRegionFromPointer } from './chu
|
|
|
11
11
|
export { StateBanner } from './chunk-I7INRJO4.js';
|
|
12
12
|
export { ListActionRow } from './chunk-7JB7VPRI.js';
|
|
13
13
|
export { ListInsetControl } from './chunk-VPCTCUED.js';
|
|
14
|
-
export { ListInsetText } from './chunk-
|
|
14
|
+
export { ListInsetText } from './chunk-AHQI52QO.js';
|
|
15
15
|
export { ToolbarText } from './chunk-RUNWEPR4.js';
|
|
16
16
|
export { AppTab } from './chunk-2Z5TWHKQ.js';
|
|
17
17
|
export { ToolbarControlGroup } from './chunk-RNPGFQ33.js';
|
|
@@ -3,6 +3,13 @@ import { SafeHtml } from 'kerfjs';
|
|
|
3
3
|
interface ListInsetTextProps {
|
|
4
4
|
/** Text (or inline content) that carries no margin, border, or padding of its own. */
|
|
5
5
|
children: SafeHtml | SafeHtml[] | string;
|
|
6
|
+
/**
|
|
7
|
+
* Keep only the horizontal geometry (inline margin, left/right border, and
|
|
8
|
+
* left/right padding) and drop the vertical margin, border, and padding. Use it
|
|
9
|
+
* when the text edge must still align with bordered items but the line should not
|
|
10
|
+
* add its own vertical box space — tight text layout inside a content region.
|
|
11
|
+
*/
|
|
12
|
+
horizontalOnly?: boolean;
|
|
6
13
|
className?: string;
|
|
7
14
|
}
|
|
8
15
|
/**
|
|
@@ -10,7 +17,9 @@ interface ListInsetTextProps {
|
|
|
10
17
|
* transparent border, and 8px padding — so a plain string lines up with
|
|
11
18
|
* bordered `.kui-content` items (its text edge lands at the same 17px inset).
|
|
12
19
|
* Use it for text elements that have no margin, border, or padding of their own.
|
|
20
|
+
* Pass `horizontalOnly` to keep the horizontal inset but drop the vertical box
|
|
21
|
+
* space for tight text layout.
|
|
13
22
|
*/
|
|
14
|
-
declare function ListInsetText({ children, className }: ListInsetTextProps): SafeHtml;
|
|
23
|
+
declare function ListInsetText({ children, horizontalOnly, className }: ListInsetTextProps): SafeHtml;
|
|
15
24
|
|
|
16
25
|
export { ListInsetText, type ListInsetTextProps };
|
package/dist/list-inset-text.js
CHANGED
|
@@ -230,6 +230,10 @@
|
|
|
230
230
|
--kui-color-success-on-quiet: var(--wa-color-success-on-quiet, #008932);
|
|
231
231
|
--kui-color-success-on-normal: var(--wa-color-success-on-normal, #006d28);
|
|
232
232
|
--kui-color-success-on-loud: var(--wa-color-success-on-loud, #fff);
|
|
233
|
+
/* Success text placed ON a success fill (e.g. the success StateBanner). Darker
|
|
234
|
+
than success-on-quiet so it clears WCAG AA (>=4.5:1) over success-fill-quiet
|
|
235
|
+
(#e3f7e8), where #008932 reached only 4.05:1. Dark matches success-on-quiet. */
|
|
236
|
+
--kui-color-success-on-fill: light-dark(#00792c, #63e685);
|
|
233
237
|
|
|
234
238
|
--kui-color-warning-fill-loud: var(--wa-color-warning-fill-loud, #ffcc00);
|
|
235
239
|
--kui-color-warning-fill-quiet: var(
|
|
@@ -275,6 +279,10 @@
|
|
|
275
279
|
--kui-color-warning-on-quiet: var(--wa-color-warning-on-quiet, #a16a00);
|
|
276
280
|
--kui-color-warning-on-normal: var(--wa-color-warning-on-normal, #5f3f00);
|
|
277
281
|
--kui-color-warning-on-loud: var(--wa-color-warning-on-loud, #1d1d1f);
|
|
282
|
+
/* Warning text placed ON a warning fill (e.g. the warning StateBanner). Darker
|
|
283
|
+
than warning-on-quiet so it clears WCAG AA (>=4.5:1) over warning-fill-quiet
|
|
284
|
+
(#fffae8), where #a16a00 reached only 4.39:1. Dark matches warning-on-quiet. */
|
|
285
|
+
--kui-color-warning-on-fill: light-dark(#8f5e00, #ffd84a);
|
|
278
286
|
|
|
279
287
|
--kui-color-danger-fill-loud: var(--wa-color-danger-fill-loud, #ff383c);
|
|
280
288
|
--kui-color-danger-fill-quiet: var(
|
|
@@ -3,3 +3,12 @@
|
|
|
3
3
|
border: 1px solid transparent;
|
|
4
4
|
padding: 0.5rem;
|
|
5
5
|
}
|
|
6
|
+
|
|
7
|
+
/* Horizontal-only: keep the inline inset (margin + left/right border + left/right
|
|
8
|
+
padding) so the text edge still aligns with bordered items, but drop the vertical
|
|
9
|
+
box space for tight text layout. */
|
|
10
|
+
.kui-list-inset-text--horizontal {
|
|
11
|
+
margin-block: 0;
|
|
12
|
+
border-block: 0;
|
|
13
|
+
padding-block: 0;
|
|
14
|
+
}
|
|
@@ -72,10 +72,7 @@
|
|
|
72
72
|
);
|
|
73
73
|
--_kui-state-banner-foreground: var(
|
|
74
74
|
--kui-state-banner-foreground,
|
|
75
|
-
var(
|
|
76
|
-
--kui-state-banner-success-foreground,
|
|
77
|
-
var(--kui-color-success-on-quiet)
|
|
78
|
-
)
|
|
75
|
+
var(--kui-state-banner-success-foreground, var(--kui-color-success-on-fill))
|
|
79
76
|
);
|
|
80
77
|
}
|
|
81
78
|
.kui-state-banner[data-tone="warning"] {
|
|
@@ -95,10 +92,7 @@
|
|
|
95
92
|
);
|
|
96
93
|
--_kui-state-banner-foreground: var(
|
|
97
94
|
--kui-state-banner-foreground,
|
|
98
|
-
var(
|
|
99
|
-
--kui-state-banner-warning-foreground,
|
|
100
|
-
var(--kui-color-warning-on-quiet)
|
|
101
|
-
)
|
|
95
|
+
var(--kui-state-banner-warning-foreground, var(--kui-color-warning-on-fill))
|
|
102
96
|
);
|
|
103
97
|
}
|
|
104
98
|
.kui-state-banner[data-tone="danger"] {
|
|
@@ -70,7 +70,7 @@ an upstream component or recipe request.
|
|
|
70
70
|
| Navigation row with trailing action — `ListActionRow` | A full-width row needs a selectable primary action and an independently focusable trailing action. | Use `ListItem` when trailing content is dormant metadata. Do not put controls inside the row's `label`, `icon`, or `trailingActionIcon` SafeHtml slots. Do not use `AppTab` outside tablist semantics or `ToolbarControlGroup` outside a toolbar. | Delegate both action strings; update controlled selection and any popover/context-menu state in the app. | Routing, selection, both action policies, domain metadata, and popover/context-menu behavior. | `@kerfjs/ui/list-action-row` | [Accessibility](./accessibility.md#listactionrow) |
|
|
71
71
|
| Navigation section heading — `ListHeader` | A menu section needs a full-width label, semantic count, non-count badge, logical-end action, or real disclosure state. | Do not concatenate counts into `label` or put numeric content in `badge`; use `count` with the localized full phrase in `countLabel`. Do not add a disclosure arrow to navigation that reveals nothing. Do not shrink its 44px action target to the 18px visual. Do not use it as a page, panel, or dialog title; use `PanelHeader`. | Delegate its optional action; the app controls expanded state and revealed content. Toggle mode supplies `DisclosureArrow` unless `actionIcon` replaces it. Use `triggerAttributes` only for domain `data-*` or a native popover relationship. | Section organization, valid count and localized count label, disclosure state and content, non-count badge content, popover target behavior, and policy. | `@kerfjs/ui/list-header` | [Pane geometry](../README.md#pane-and-content-geometry) |
|
|
72
72
|
| Inset self-bordered control — `ListInsetControl` | A control that owns its own border and padding but no outer margin (a search input, a `SegmentedControl`) must line up inside a `.kui-content` list with the standard 8px inline margins and stretch to fill the row. | Do not wrap a `.kui-content-item` or a `ListItem`/`ListHeader` that already owns its inline margin — that double-insets it. Do not add ad-hoc `margin`/`padding` around a bare control to align it; use this instead. | Place the self-bordered control(s) as children; they stretch to fill. It applies only the inline margin, flex stretch, and 8px gap — the child owns its own border and padding. | The control(s), their state, and action wiring. | `@kerfjs/ui/list-inset-control` | [Pane geometry](../README.md#component-subpaths) |
|
|
73
|
-
| Inset bare text — `ListInsetText` | A plain string or inline content with no margin, border, or padding of its own must sit in a `.kui-content` list with its text edge aligned to the bordered items around it. | Do not use it to wrap a component that already owns content-item geometry (`ListItem`, `StateBanner`, a `.kui-content-item`) — that double-insets it. Do not hand-roll the 8px margin / 1px border / 8px padding. | Pass the text or inline `SafeHtml` as children; it supplies the 8px inline margin, 1px transparent border, and 8px padding so the text edge lands at the standard 17px inset. | The text, copy, and localization. | `@kerfjs/ui/list-inset-text` | [Pane geometry](../README.md#component-subpaths) |
|
|
73
|
+
| Inset bare text — `ListInsetText` | A plain string or inline content with no margin, border, or padding of its own must sit in a `.kui-content` list with its text edge aligned to the bordered items around it. | Do not use it to wrap a component that already owns content-item geometry (`ListItem`, `StateBanner`, a `.kui-content-item`) — that double-insets it. Do not hand-roll the 8px margin / 1px border / 8px padding. | Pass the text or inline `SafeHtml` as children; it supplies the 8px inline margin, 1px transparent border, and 8px padding so the text edge lands at the standard 17px inset. Pass `horizontalOnly` to keep that horizontal inset but drop the vertical margin, border, and padding for tight text layout. | The text, copy, and localization. | `@kerfjs/ui/list-inset-text` | [Pane geometry](../README.md#component-subpaths) |
|
|
74
74
|
| Application layout composition | A sidebar, main area, inspector, or dialog needs shared toolbar/content/footer and child geometry. | Do not pad the pane shell, wrap child-owned geometry in competing insets, invent unrelated centered measures, or leave an icon-only rail for a hidden pane. | Use `.kui-pane` and one `.kui-pane__content`; add `.kui-content` and `.kui-content-item` as needed. A visible pane owns collapse in its toolbar; move a hidden inline-start pane's restore control to the main toolbar leading edge and an inline-end pane's restore control to its trailing edge. | Layout hierarchy, reading width, scroll ownership, responsive relocation, and pane visibility state. | `@kerfjs/ui/layout.css` | [Pane anatomy](./layout.md#anatomy) |
|
|
75
75
|
| Menu composition | Navigation sections need full-size rows and the same content-item geometry as every other pane. | Do not add sidebar-specific wrapper padding, shrink targets to icon size, nest an interactive trailing control in `ListItem`, or use a chevron on a row that does not disclose content. Use ordinary links for a different navigation contract. | Compose `ListHeader`, `ListItem`, and `ListActionRow` in `.kui-content`; use `ListHeader` toggle mode with real controlled content, and use `.kui-content-item` for other surfaces plus a pane footer for toolbar actions. | Information architecture, disclosure content and state, responsive drawer/shell behavior, and token overrides. | `@kerfjs/ui/layout.css` | [Pane geometry](../README.md#pane-and-content-geometry) |
|
|
76
76
|
| Resizable application pane — `ResizableRegion`, `clampRegionSize`, `resizeRegionFromPointer` | A controlled split pane needs the Kerf separator, collapse state, pointer plus keyboard resizing, or a product-specific decorative grip. | Do not use it for a static two-column layout; use CSS grid. Prefer it over Web Awesome `wa-split-panel` unless that component's distinct API is required. Keep `handleIcon` noninteractive. | Call `wireResizableRegions` from `@kerfjs/ui/wire-resizable-regions` once and retain its disposer. | Size signal, min/max policy, collapse policy, persistence, and optional decorative handle icon. | `@kerfjs/ui/resizable-region` | [ResizableRegion contract](./accessibility.md#resizableregion) |
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="ct1"><rect x="61" y="29" width="434" height="15"/></clipPath><clipPath id="cp2"><rect x="61" y="44.8" width="434" height="13"/></clipPath><clipPath id="ct3"><rect x="61" y="44.8" width="434" height="13"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(31,52,38)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(40,113,59)" stroke-width="1"/><g clip-path="url(#cp0)"><g transform="translate(37 35.4)" color="rgb(
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="ct1"><rect x="61" y="29" width="434" height="15"/></clipPath><clipPath id="cp2"><rect x="61" y="44.8" width="434" height="13"/></clipPath><clipPath id="ct3"><rect x="61" y="44.8" width="434" height="13"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(31,52,38)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(40,113,59)" stroke-width="1"/><g clip-path="url(#cp0)"><g transform="translate(37 35.4)" color="rgb(99, 230, 133)"><svg data-lucide="circle-check" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="rgb(99, 230, 133)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" font-family="system-ui, -apple-system, sans-serif" style="overflow:hidden" width="16" height="16"><circle cx="12" cy="12" r="10" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(99, 230, 133)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m16 9-5.5 5.5L8 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(99, 230, 133)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></svg></g></g><text x="61" y="41" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="700" fill="rgb(99,230,133)">Deployment complete</text><g opacity="0.78" clip-path="url(#cp2)" style="isolation:isolate"><g clip-path="url(#ct3)"><text x="61" y="55.8" font-family="system-ui, "-apple-system", sans-serif" font-size="11" fill="rgb(99,230,133)">production.example.com is serving the new build.</text></g></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="ct1"><rect x="61" y="29" width="434" height="15"/></clipPath><clipPath id="cp2"><rect x="61" y="44.8" width="434" height="13"/></clipPath><clipPath id="ct3"><rect x="61" y="44.8" width="434" height="13"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(227,247,232)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(154,227,172)" stroke-width="1"/><g clip-path="url(#cp0)"><g transform="translate(37 35.4)" color="rgb(0,
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="ct1"><rect x="61" y="29" width="434" height="15"/></clipPath><clipPath id="cp2"><rect x="61" y="44.8" width="434" height="13"/></clipPath><clipPath id="ct3"><rect x="61" y="44.8" width="434" height="13"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(227,247,232)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(154,227,172)" stroke-width="1"/><g clip-path="url(#cp0)"><g transform="translate(37 35.4)" color="rgb(0, 121, 44)"><svg data-lucide="circle-check" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="rgb(0, 121, 44)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" font-family="system-ui, -apple-system, sans-serif" style="overflow:hidden" width="16" height="16"><circle cx="12" cy="12" r="10" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 121, 44)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m16 9-5.5 5.5L8 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 121, 44)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></svg></g></g><text x="61" y="41" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="700" fill="rgb(0,121,44)">Deployment complete</text><g opacity="0.78" clip-path="url(#cp2)" style="isolation:isolate"><g clip-path="url(#ct3)"><text x="61" y="55.8" font-family="system-ui, "-apple-system", sans-serif" font-size="11" fill="rgb(0,121,44)">production.example.com is serving the new build.</text></g></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="ct1"><rect x="61" y="29" width="362.1" height="15"/></clipPath><clipPath id="cp2"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="ct3"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="ct4"><rect x="431.1" y="29" width="71.9" height="28.8"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(48,44,27)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(251,221,104)" stroke-width="1"/><g clip-path="url(#cp0)"><g transform="translate(37 35.4)" color="rgb(
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="ct1"><rect x="61" y="29" width="362.1" height="15"/></clipPath><clipPath id="cp2"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="ct3"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="ct4"><rect x="431.1" y="29" width="71.9" height="28.8"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(48,44,27)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(251,221,104)" stroke-width="1"/><g clip-path="url(#cp0)"><g transform="translate(37 35.4)" color="rgb(255, 216, 74)"><svg data-lucide="triangle-alert" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="rgb(255, 216, 74)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" font-family="system-ui, -apple-system, sans-serif" style="overflow:hidden" width="16" height="16"><path d="m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 216, 74)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 9v4" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 216, 74)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 17z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 216, 74)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></svg></g></g><text x="61" y="41" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="700" fill="rgb(255,216,74)">Approaching your plan limit</text><g opacity="0.78" clip-path="url(#cp2)" style="isolation:isolate"><g clip-path="url(#ct3)"><text x="61" y="55.8" font-family="system-ui, "-apple-system", sans-serif" font-size="11" fill="rgb(255,216,74)">You have used 92% of this month’s build minutes.</text></g></g><rect x="431.1" y="29" width="71.9" height="28.8" rx="14.4" fill="rgba(28,28,30,0.52)"/><rect x="431.5" y="29.5" width="71" height="28" rx="13.9" fill="none" stroke="rgb(255,216,74)" stroke-width="1"/><text x="443.28" y="47.89" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(255,216,74)">Upgrade</text></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="ct1"><rect x="61" y="29" width="362.1" height="15"/></clipPath><clipPath id="cp2"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="ct3"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="ct4"><rect x="431.1" y="29" width="71.9" height="28.8"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(255,250,232)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(160,131,13)" stroke-width="1"/><g clip-path="url(#cp0)"><g transform="translate(37 35.4)" color="rgb(
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="ct1"><rect x="61" y="29" width="362.1" height="15"/></clipPath><clipPath id="cp2"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="ct3"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="ct4"><rect x="431.1" y="29" width="71.9" height="28.8"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(255,250,232)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(160,131,13)" stroke-width="1"/><g clip-path="url(#cp0)"><g transform="translate(37 35.4)" color="rgb(143, 94, 0)"><svg data-lucide="triangle-alert" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="rgb(143, 94, 0)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" font-family="system-ui, -apple-system, sans-serif" style="overflow:hidden" width="16" height="16"><path d="m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(143, 94, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 9v4" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(143, 94, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 17z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(143, 94, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></svg></g></g><text x="61" y="41" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="700" fill="rgb(143,94,0)">Approaching your plan limit</text><g opacity="0.78" clip-path="url(#cp2)" style="isolation:isolate"><g clip-path="url(#ct3)"><text x="61" y="55.8" font-family="system-ui, "-apple-system", sans-serif" font-size="11" fill="rgb(143,94,0)">You have used 92% of this month’s build minutes.</text></g></g><rect x="431.1" y="29" width="71.9" height="28.8" rx="14.4" fill="rgba(255,255,255,0.52)"/><rect x="431.5" y="29.5" width="71" height="28" rx="13.9" fill="none" stroke="rgb(143,94,0)" stroke-width="1"/><text x="443.28" y="47.89" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(143,94,0)">Upgrade</text></svg>
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
<text x="16" y="30" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#aeaeb2">Info</text>
|
|
4
4
|
<svg x="16" y="38" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="v0-cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="v0-ct1"><rect x="61" y="29" width="368.6" height="15"/></clipPath><clipPath id="v0-cp2"><rect x="61" y="44.8" width="368.6" height="13"/></clipPath><clipPath id="v0-ct3"><rect x="61" y="44.8" width="368.6" height="13"/></clipPath><clipPath id="v0-ct4"><rect x="437.6" y="29" width="65.4" height="28.8"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(34,43,48)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(53,92,109)" stroke-width="1"/><g clip-path="url(#v0-cp0)"><g transform="translate(37 35.4)" color="rgb(138, 203, 255)"><svg data-lucide="circle-alert" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" font-family="system-ui, -apple-system, sans-serif" style="overflow:hidden" width="16" height="16"><circle cx="12" cy="12" r="10" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><line x1="12" x2="12" y1="8" y2="12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><line x1="12" x2="12.01" y1="16" y2="16" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></svg></g></g><text x="61" y="41" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="700" fill="rgb(138,203,255)">Draft not published</text><g opacity="0.78" clip-path="url(#v0-cp2)" style="isolation:isolate"><g clip-path="url(#v0-ct3)"><text x="61" y="55.8" font-family="system-ui, "-apple-system", sans-serif" font-size="11" fill="rgb(138,203,255)">Changes are saved but only visible to your team.</text></g></g><rect x="437.6" y="29" width="65.4" height="28.8" rx="14.4" fill="rgba(28,28,30,0.52)"/><rect x="438.5" y="29.5" width="64" height="28" rx="13.9" fill="none" stroke="rgb(138,203,255)" stroke-width="1"/><text x="449.83" y="47.89" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(138,203,255)">Publish</text></svg>
|
|
5
5
|
<text x="16" y="184" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#aeaeb2">Success</text>
|
|
6
|
-
<svg x="16" y="192" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="v1-cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="v1-ct1"><rect x="61" y="29" width="434" height="15"/></clipPath><clipPath id="v1-cp2"><rect x="61" y="44.8" width="434" height="13"/></clipPath><clipPath id="v1-ct3"><rect x="61" y="44.8" width="434" height="13"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(31,52,38)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(40,113,59)" stroke-width="1"/><g clip-path="url(#v1-cp0)"><g transform="translate(37 35.4)" color="rgb(
|
|
6
|
+
<svg x="16" y="192" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="v1-cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="v1-ct1"><rect x="61" y="29" width="434" height="15"/></clipPath><clipPath id="v1-cp2"><rect x="61" y="44.8" width="434" height="13"/></clipPath><clipPath id="v1-ct3"><rect x="61" y="44.8" width="434" height="13"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(31,52,38)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(40,113,59)" stroke-width="1"/><g clip-path="url(#v1-cp0)"><g transform="translate(37 35.4)" color="rgb(99, 230, 133)"><svg data-lucide="circle-check" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="rgb(99, 230, 133)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" font-family="system-ui, -apple-system, sans-serif" style="overflow:hidden" width="16" height="16"><circle cx="12" cy="12" r="10" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(99, 230, 133)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m16 9-5.5 5.5L8 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(99, 230, 133)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></svg></g></g><text x="61" y="41" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="700" fill="rgb(99,230,133)">Deployment complete</text><g opacity="0.78" clip-path="url(#v1-cp2)" style="isolation:isolate"><g clip-path="url(#v1-ct3)"><text x="61" y="55.8" font-family="system-ui, "-apple-system", sans-serif" font-size="11" fill="rgb(99,230,133)">production.example.com is serving the new build.</text></g></g></svg>
|
|
7
7
|
<text x="16" y="338" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#aeaeb2">Warning</text>
|
|
8
|
-
<svg x="16" y="346" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="v2-cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="v2-ct1"><rect x="61" y="29" width="362.1" height="15"/></clipPath><clipPath id="v2-cp2"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="v2-ct3"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="v2-ct4"><rect x="431.1" y="29" width="71.9" height="28.8"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(48,44,27)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(251,221,104)" stroke-width="1"/><g clip-path="url(#v2-cp0)"><g transform="translate(37 35.4)" color="rgb(
|
|
8
|
+
<svg x="16" y="346" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="v2-cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="v2-ct1"><rect x="61" y="29" width="362.1" height="15"/></clipPath><clipPath id="v2-cp2"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="v2-ct3"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="v2-ct4"><rect x="431.1" y="29" width="71.9" height="28.8"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(48,44,27)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(251,221,104)" stroke-width="1"/><g clip-path="url(#v2-cp0)"><g transform="translate(37 35.4)" color="rgb(255, 216, 74)"><svg data-lucide="triangle-alert" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="rgb(255, 216, 74)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" font-family="system-ui, -apple-system, sans-serif" style="overflow:hidden" width="16" height="16"><path d="m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 216, 74)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 9v4" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 216, 74)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 17z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 216, 74)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></svg></g></g><text x="61" y="41" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="700" fill="rgb(255,216,74)">Approaching your plan limit</text><g opacity="0.78" clip-path="url(#v2-cp2)" style="isolation:isolate"><g clip-path="url(#v2-ct3)"><text x="61" y="55.8" font-family="system-ui, "-apple-system", sans-serif" font-size="11" fill="rgb(255,216,74)">You have used 92% of this month’s build minutes.</text></g></g><rect x="431.1" y="29" width="71.9" height="28.8" rx="14.4" fill="rgba(28,28,30,0.52)"/><rect x="431.5" y="29.5" width="71" height="28" rx="13.9" fill="none" stroke="rgb(255,216,74)" stroke-width="1"/><text x="443.28" y="47.89" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(255,216,74)">Upgrade</text></svg>
|
|
9
9
|
<text x="16" y="492" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#aeaeb2">Danger (alert)</text>
|
|
10
10
|
<svg x="16" y="500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="v3-cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="v3-ct1"><rect x="61" y="29" width="362.7" height="15"/></clipPath><clipPath id="v3-cp2"><rect x="61" y="44.8" width="362.7" height="13"/></clipPath><clipPath id="v3-ct3"><rect x="61" y="44.8" width="362.7" height="13"/></clipPath><clipPath id="v3-ct4"><rect x="431.7" y="29" width="71.3" height="28.8"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(44,30,32)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(101,37,40)" stroke-width="1"/><g clip-path="url(#v3-cp0)"><g transform="translate(37 35.4)" color="rgb(194, 11, 32)"><svg data-lucide="circle-alert" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="rgb(194, 11, 32)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" font-family="system-ui, -apple-system, sans-serif" style="overflow:hidden" width="16" height="16"><circle cx="12" cy="12" r="10" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 11, 32)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><line x1="12" x2="12" y1="8" y2="12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 11, 32)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><line x1="12" x2="12.01" y1="16" y2="16" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 11, 32)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></svg></g></g><text x="61" y="41" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="700" fill="rgb(194,11,32)">Build failed</text><g opacity="0.78" clip-path="url(#v3-cp2)" style="isolation:isolate"><g clip-path="url(#v3-ct3)"><text x="61" y="55.8" font-family="system-ui, "-apple-system", sans-serif" font-size="11" fill="rgb(194,11,32)">Step “test” exited with code 1.</text></g></g><rect x="431.7" y="29" width="71.3" height="28.8" rx="14.4" fill="rgba(28,28,30,0.52)"/><rect x="432.5" y="29.5" width="70" height="28" rx="13.9" fill="none" stroke="rgb(194,11,32)" stroke-width="1"/><text x="443.88" y="47.89" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(194,11,32)">View log</text></svg>
|
|
11
11
|
</svg>
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
<text x="16" y="30" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#6e6e73">Info</text>
|
|
4
4
|
<svg x="16" y="38" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="v0-cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="v0-ct1"><rect x="61" y="29" width="368.6" height="15"/></clipPath><clipPath id="v0-cp2"><rect x="61" y="44.8" width="368.6" height="13"/></clipPath><clipPath id="v0-ct3"><rect x="61" y="44.8" width="368.6" height="13"/></clipPath><clipPath id="v0-ct4"><rect x="437.6" y="29" width="65.4" height="28.8"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(235,245,255)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(166,213,255)" stroke-width="1"/><g clip-path="url(#v0-cp0)"><g transform="translate(37 35.4)" color="rgb(26, 93, 207)"><svg data-lucide="circle-alert" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="rgb(26, 93, 207)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" font-family="system-ui, -apple-system, sans-serif" style="overflow:hidden" width="16" height="16"><circle cx="12" cy="12" r="10" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(26, 93, 207)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><line x1="12" x2="12" y1="8" y2="12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(26, 93, 207)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><line x1="12" x2="12.01" y1="16" y2="16" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(26, 93, 207)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></svg></g></g><text x="61" y="41" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="700" fill="rgb(26,93,207)">Draft not published</text><g opacity="0.78" clip-path="url(#v0-cp2)" style="isolation:isolate"><g clip-path="url(#v0-ct3)"><text x="61" y="55.8" font-family="system-ui, "-apple-system", sans-serif" font-size="11" fill="rgb(26,93,207)">Changes are saved but only visible to your team.</text></g></g><rect x="437.6" y="29" width="65.4" height="28.8" rx="14.4" fill="rgba(255,255,255,0.52)"/><rect x="438.5" y="29.5" width="64" height="28" rx="13.9" fill="none" stroke="rgb(26,93,207)" stroke-width="1"/><text x="449.83" y="47.89" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(26,93,207)">Publish</text></svg>
|
|
5
5
|
<text x="16" y="184" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#6e6e73">Success</text>
|
|
6
|
-
<svg x="16" y="192" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="v1-cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="v1-ct1"><rect x="61" y="29" width="434" height="15"/></clipPath><clipPath id="v1-cp2"><rect x="61" y="44.8" width="434" height="13"/></clipPath><clipPath id="v1-ct3"><rect x="61" y="44.8" width="434" height="13"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(227,247,232)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(154,227,172)" stroke-width="1"/><g clip-path="url(#v1-cp0)"><g transform="translate(37 35.4)" color="rgb(0,
|
|
6
|
+
<svg x="16" y="192" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="v1-cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="v1-ct1"><rect x="61" y="29" width="434" height="15"/></clipPath><clipPath id="v1-cp2"><rect x="61" y="44.8" width="434" height="13"/></clipPath><clipPath id="v1-ct3"><rect x="61" y="44.8" width="434" height="13"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(227,247,232)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(154,227,172)" stroke-width="1"/><g clip-path="url(#v1-cp0)"><g transform="translate(37 35.4)" color="rgb(0, 121, 44)"><svg data-lucide="circle-check" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="rgb(0, 121, 44)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" font-family="system-ui, -apple-system, sans-serif" style="overflow:hidden" width="16" height="16"><circle cx="12" cy="12" r="10" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 121, 44)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m16 9-5.5 5.5L8 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 121, 44)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></svg></g></g><text x="61" y="41" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="700" fill="rgb(0,121,44)">Deployment complete</text><g opacity="0.78" clip-path="url(#v1-cp2)" style="isolation:isolate"><g clip-path="url(#v1-ct3)"><text x="61" y="55.8" font-family="system-ui, "-apple-system", sans-serif" font-size="11" fill="rgb(0,121,44)">production.example.com is serving the new build.</text></g></g></svg>
|
|
7
7
|
<text x="16" y="338" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#6e6e73">Warning</text>
|
|
8
|
-
<svg x="16" y="346" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="v2-cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="v2-ct1"><rect x="61" y="29" width="362.1" height="15"/></clipPath><clipPath id="v2-cp2"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="v2-ct3"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="v2-ct4"><rect x="431.1" y="29" width="71.9" height="28.8"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(255,250,232)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(160,131,13)" stroke-width="1"/><g clip-path="url(#v2-cp0)"><g transform="translate(37 35.4)" color="rgb(
|
|
8
|
+
<svg x="16" y="346" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="v2-cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="v2-ct1"><rect x="61" y="29" width="362.1" height="15"/></clipPath><clipPath id="v2-cp2"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="v2-ct3"><rect x="61" y="44.8" width="362.1" height="13"/></clipPath><clipPath id="v2-ct4"><rect x="431.1" y="29" width="71.9" height="28.8"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(255,250,232)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(160,131,13)" stroke-width="1"/><g clip-path="url(#v2-cp0)"><g transform="translate(37 35.4)" color="rgb(143, 94, 0)"><svg data-lucide="triangle-alert" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="rgb(143, 94, 0)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" font-family="system-ui, -apple-system, sans-serif" style="overflow:hidden" width="16" height="16"><path d="m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(143, 94, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 9v4" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(143, 94, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 17z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(143, 94, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></svg></g></g><text x="61" y="41" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="700" fill="rgb(143,94,0)">Approaching your plan limit</text><g opacity="0.78" clip-path="url(#v2-cp2)" style="isolation:isolate"><g clip-path="url(#v2-ct3)"><text x="61" y="55.8" font-family="system-ui, "-apple-system", sans-serif" font-size="11" fill="rgb(143,94,0)">You have used 92% of this month’s build minutes.</text></g></g><rect x="431.1" y="29" width="71.9" height="28.8" rx="14.4" fill="rgba(255,255,255,0.52)"/><rect x="431.5" y="29.5" width="71" height="28" rx="13.9" fill="none" stroke="rgb(143,94,0)" stroke-width="1"/><text x="443.28" y="47.89" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(143,94,0)">Upgrade</text></svg>
|
|
9
9
|
<text x="16" y="492" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#6e6e73">Danger (alert)</text>
|
|
10
10
|
<svg x="16" y="500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 116" width="560" height="116"><defs><clipPath id="v3-cp0"><rect x="37" y="35" width="16" height="16.4"/></clipPath><clipPath id="v3-ct1"><rect x="61" y="29" width="362.7" height="15"/></clipPath><clipPath id="v3-cp2"><rect x="61" y="44.8" width="362.7" height="13"/></clipPath><clipPath id="v3-ct3"><rect x="61" y="44.8" width="362.7" height="13"/></clipPath><clipPath id="v3-ct4"><rect x="431.7" y="29" width="71.3" height="28.8"/></clipPath></defs><rect x="28" y="20" width="484" height="46.8" rx="12" fill="rgb(255,241,241)"/><rect x="28.5" y="20.5" width="483" height="46" rx="11.5" fill="none" stroke="rgb(255,191,193)" stroke-width="1"/><g clip-path="url(#v3-cp0)"><g transform="translate(37 35.4)" color="rgb(194, 11, 32)"><svg data-lucide="circle-alert" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="rgb(194, 11, 32)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" font-family="system-ui, -apple-system, sans-serif" style="overflow:hidden" width="16" height="16"><circle cx="12" cy="12" r="10" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 11, 32)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><line x1="12" x2="12" y1="8" y2="12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 11, 32)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><line x1="12" x2="12.01" y1="16" y2="16" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 11, 32)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></svg></g></g><text x="61" y="41" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="700" fill="rgb(194,11,32)">Build failed</text><g opacity="0.78" clip-path="url(#v3-cp2)" style="isolation:isolate"><g clip-path="url(#v3-ct3)"><text x="61" y="55.8" font-family="system-ui, "-apple-system", sans-serif" font-size="11" fill="rgb(194,11,32)">Step “test” exited with code 1.</text></g></g><rect x="431.7" y="29" width="71.3" height="28.8" rx="14.4" fill="rgba(255,255,255,0.52)"/><rect x="432.5" y="29.5" width="70" height="28" rx="13.9" fill="none" stroke="rgb(194,11,32)" stroke-width="1"/><text x="443.88" y="47.89" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(194,11,32)">View log</text></svg>
|
|
11
11
|
</svg>
|
package/package.json
CHANGED
package/dist/chunk-XE4OX6AZ.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'kerfjs/jsx-runtime';
|
|
2
|
-
|
|
3
|
-
// src/list-inset-text.tsx
|
|
4
|
-
function ListInsetText({ children, className = "" }) {
|
|
5
|
-
return /* @__PURE__ */ jsx("div", { class: `kui-list-inset-text ${className}`.trim(), "data-component": "list-inset-text", children });
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
export { ListInsetText };
|
|
9
|
-
|
|
10
|
-
//# sourceMappingURL=chunk-XE4OX6AZ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/list-inset-text.tsx"],"names":[],"mappings":";;;AAcO,SAAS,aAAA,CAAc,EAAE,QAAA,EAAU,SAAA,GAAY,IAAG,EAAuB;AAC9E,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,CAAA,oBAAA,EAAuB,SAAS,GAAG,IAAA,EAAK,EAAG,gBAAA,EAAe,iBAAA,EAAmB,QAAA,EAAS,CAAA;AAC3G","file":"chunk-XE4OX6AZ.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nexport interface ListInsetTextProps {\n /** Text (or inline content) that carries no margin, border, or padding of its own. */\n children: SafeHtml | SafeHtml[] | string;\n className?: string;\n}\n\n/**\n * Gives bare text the content-item geometry — an 8px inline margin, a 1px\n * transparent border, and 8px padding — so a plain string lines up with\n * bordered `.kui-content` items (its text edge lands at the same 17px inset).\n * Use it for text elements that have no margin, border, or padding of their own.\n */\nexport function ListInsetText({ children, className = '' }: ListInsetTextProps) {\n return <div class={`kui-list-inset-text ${className}`.trim()} data-component=\"list-inset-text\">{children}</div>;\n}\n"]}
|