@silo-code/sdk 0.40.0 → 0.40.1
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/Badge.d.ts +4 -4
- package/dist/Badge.js +4 -4
- package/dist/SearchInput.d.ts.map +1 -1
- package/dist/SearchInput.js +1 -1
- package/dist/SearchInput.js.map +1 -1
- package/dist/badge-classes.d.ts +2 -1
- package/dist/badge-classes.d.ts.map +1 -1
- package/dist/badge-classes.js.map +1 -1
- package/package.json +1 -1
- package/src/Badge.tsx +4 -4
- package/src/SearchInput.tsx +3 -0
- package/src/badge-classes.ts +2 -1
package/dist/Badge.d.ts
CHANGED
|
@@ -10,10 +10,10 @@ export type { BadgeSize, BadgeTone };
|
|
|
10
10
|
* Styled purely via host-provided `.silo-badge*` classes — no stylesheet
|
|
11
11
|
* import is needed in the extension.
|
|
12
12
|
*
|
|
13
|
-
* Two sizes: the default `"md"` text chip,
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
13
|
+
* Two sizes: the default `"md"` text chip (chrome−1, roomier pad), and
|
|
14
|
+
* `"sm"` (chrome, pad `0 5px`) for counters beside a label. **Font size is
|
|
15
|
+
* always an absolute chrome token** — never surrounding `em` / parent
|
|
16
|
+
* cascade — so a badge looks the same in every pane.
|
|
17
17
|
*
|
|
18
18
|
* @example
|
|
19
19
|
* ```tsx
|
package/dist/Badge.js
CHANGED
|
@@ -9,10 +9,10 @@ import { badgeClass } from "./badge-classes.js";
|
|
|
9
9
|
* Styled purely via host-provided `.silo-badge*` classes — no stylesheet
|
|
10
10
|
* import is needed in the extension.
|
|
11
11
|
*
|
|
12
|
-
* Two sizes: the default `"md"` text chip,
|
|
13
|
-
*
|
|
14
|
-
*
|
|
15
|
-
*
|
|
12
|
+
* Two sizes: the default `"md"` text chip (chrome−1, roomier pad), and
|
|
13
|
+
* `"sm"` (chrome, pad `0 5px`) for counters beside a label. **Font size is
|
|
14
|
+
* always an absolute chrome token** — never surrounding `em` / parent
|
|
15
|
+
* cascade — so a badge looks the same in every pane.
|
|
16
16
|
*
|
|
17
17
|
* @example
|
|
18
18
|
* ```tsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqCvC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAS,EACT,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqCvC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAS,EACT,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,SAAS,CA8BZ"}
|
package/dist/SearchInput.js
CHANGED
|
@@ -28,7 +28,7 @@ function ClearIcon() {
|
|
|
28
28
|
*/
|
|
29
29
|
export function SearchInput({ value, onValueChange, placeholder, autoFocus, onClear, }) {
|
|
30
30
|
const hasValue = value.length > 0;
|
|
31
|
-
return (_jsxs("div", { className: searchInputClass(hasValue), children: [_jsx(SearchIcon, {}), _jsx("input", { type: "text", value: value, placeholder: placeholder, autoFocus: autoFocus, onChange: (e) => onValueChange(e.target.value), autoComplete: "off" }), _jsx("button", { type: "button", className: "silo-search-input-clear", "aria-label": "Clear", tabIndex: hasValue ? 0 : -1, onClick: () => {
|
|
31
|
+
return (_jsxs("div", { className: searchInputClass(hasValue), children: [_jsx(SearchIcon, {}), _jsx("input", { type: "text", value: value, placeholder: placeholder, autoFocus: autoFocus, onChange: (e) => onValueChange(e.target.value), autoComplete: "off", autoCapitalize: "off", autoCorrect: "off", spellCheck: false }), _jsx("button", { type: "button", className: "silo-search-input-clear", "aria-label": "Clear", tabIndex: hasValue ? 0 : -1, onClick: () => {
|
|
32
32
|
onValueChange("");
|
|
33
33
|
onClear?.();
|
|
34
34
|
}, children: _jsx(ClearIcon, {}) })] }));
|
package/dist/SearchInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,SAAS,UAAU;IACjB,OAAO,CACL,eACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,aAElB,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,KAAK,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,GAAG,EACxE,eACE,CAAC,EAAC,gBAAgB,EAClB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS;IAChB,OAAO,CACL,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,YAChE,eACE,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,GACE,CACP,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAS,EACT,OAAO,GAQR;IACC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAClC,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,CAAC,QAAQ,CAAC,aACxC,KAAC,UAAU,KAAG,EACd,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,YAAY,EAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,SAAS,UAAU;IACjB,OAAO,CACL,eACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,aAElB,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,KAAK,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,GAAG,EACxE,eACE,CAAC,EAAC,gBAAgB,EAClB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS;IAChB,OAAO,CACL,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,YAChE,eACE,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,GACE,CACP,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAS,EACT,OAAO,GAQR;IACC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAClC,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,CAAC,QAAQ,CAAC,aACxC,KAAC,UAAU,KAAG,EACd,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,YAAY,EAAC,KAAK,EAClB,cAAc,EAAC,KAAK,EACpB,WAAW,EAAC,KAAK,EACjB,UAAU,EAAE,KAAK,GACjB,EACF,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yBAAyB,gBACxB,OAAO,EAClB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE;oBACZ,aAAa,CAAC,EAAE,CAAC,CAAC;oBAClB,OAAO,EAAE,EAAE,CAAC;gBACd,CAAC,YAED,KAAC,SAAS,KAAG,GACN,IACL,CACP,CAAC;AACJ,CAAC"}
|
package/dist/badge-classes.d.ts
CHANGED
|
@@ -7,7 +7,8 @@
|
|
|
7
7
|
export type BadgeTone = "neutral" | "accent" | "ok" | "warn" | "err" | "outline";
|
|
8
8
|
/**
|
|
9
9
|
* Size axis for {@link Badge}. `"md"` is the default text chip; `"sm"` is the
|
|
10
|
-
* tighter counter chip.
|
|
10
|
+
* tighter counter chip. Both resolve to absolute chrome-token font sizes in
|
|
11
|
+
* the host — never parent `em`.
|
|
11
12
|
*
|
|
12
13
|
* @internal
|
|
13
14
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge-classes.d.ts","sourceRoot":"","sources":["../src/badge-classes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,QAAQ,GACR,IAAI,GACJ,MAAM,GACN,KAAK,GACL,SAAS,CAAC;AAEd
|
|
1
|
+
{"version":3,"file":"badge-classes.d.ts","sourceRoot":"","sources":["../src/badge-classes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,QAAQ,GACR,IAAI,GACJ,MAAM,GACN,KAAK,GACL,SAAS,CAAC;AAEd;;;;;;GAMG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,IAAI,GAAE,SAAqB,EAC3B,KAAK,CAAC,EAAE,MAAM,EACd,IAAI,GAAE,SAAgB,GACrB,MAAM,CAIR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge-classes.js","sourceRoot":"","sources":["../src/badge-classes.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"badge-classes.js","sourceRoot":"","sources":["../src/badge-classes.ts"],"names":[],"mappings":"AAuBA;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CACxB,OAAkB,SAAS,EAC3B,KAAc,EACd,OAAkB,IAAI;IAEtB,MAAM,SAAS,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,IAAI,EAAE,CAAC;IAC7E,MAAM,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IACxD,OAAO,cAAc,SAAS,GAAG,SAAS,EAAE,CAAC;AAC/C,CAAC"}
|
package/package.json
CHANGED
package/src/Badge.tsx
CHANGED
|
@@ -12,10 +12,10 @@ export type { BadgeSize, BadgeTone };
|
|
|
12
12
|
* Styled purely via host-provided `.silo-badge*` classes — no stylesheet
|
|
13
13
|
* import is needed in the extension.
|
|
14
14
|
*
|
|
15
|
-
* Two sizes: the default `"md"` text chip,
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
15
|
+
* Two sizes: the default `"md"` text chip (chrome−1, roomier pad), and
|
|
16
|
+
* `"sm"` (chrome, pad `0 5px`) for counters beside a label. **Font size is
|
|
17
|
+
* always an absolute chrome token** — never surrounding `em` / parent
|
|
18
|
+
* cascade — so a badge looks the same in every pane.
|
|
19
19
|
*
|
|
20
20
|
* @example
|
|
21
21
|
* ```tsx
|
package/src/SearchInput.tsx
CHANGED
package/src/badge-classes.ts
CHANGED
|
@@ -14,7 +14,8 @@ export type BadgeTone =
|
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
16
|
* Size axis for {@link Badge}. `"md"` is the default text chip; `"sm"` is the
|
|
17
|
-
* tighter counter chip.
|
|
17
|
+
* tighter counter chip. Both resolve to absolute chrome-token font sizes in
|
|
18
|
+
* the host — never parent `em`.
|
|
18
19
|
*
|
|
19
20
|
* @internal
|
|
20
21
|
*/
|