@c2n/kbd 0.0.13 → 0.0.15

package/custom-elements.json

@@ -1 +1 @@
-{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"src/kbd.ts","declarations":[{"kind":"class","description":"Displays a keyboard key or shortcut with the semantics of the native `kbd` element. Use one element for a complete\nshortcut (`Ctrl + K`) or place several beside descriptive text. The component is presentational and never enters the\ntab order; when it repeats a shortcut already announced by a surrounding control, set `aria-hidden=\"true\"` on the\nhost.","name":"Kbd","cssProperties":[{"type":{"text":"pixel"},"name":"--c2-kbd--min-width","default":"24px"},{"type":{"text":"pixel"},"name":"--c2-kbd--height","default":"24px"},{"type":{"text":"padding"},"name":"--c2-kbd--padding-left","default":"6px"},{"type":{"text":"padding"},"name":"--c2-kbd--padding-right","default":"6px"},{"type":{"text":"pixel"},"description":"Space between multiple slotted nodes.","name":"--c2-kbd--gap","default":"4px"},{"type":{"text":"color"},"name":"--c2-kbd--background-color","default":"#f4f4f5"},{"type":{"text":"color"},"name":"--c2-kbd--color","default":"#52525b"},{"type":{"text":"border"},"name":"--c2-kbd--border","default":"1px solid #d4d4d8"},{"type":{"text":"border-radius"},"name":"--c2-kbd--border-radius","default":"5px"},{"type":{"text":"box-shadow"},"name":"--c2-kbd--box-shadow","default":"0 1px 0 #a1a1aa"},{"type":{"text":"font-family"},"name":"--c2-kbd--font-family","default":"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"},{"type":{"text":"font-size"},"name":"--c2-kbd--font-size","default":"12px"},{"type":{"text":"font-weight"},"name":"--c2-kbd--font-weight","default":"500"},{"type":{"text":"line-height"},"name":"--c2-kbd--line-height","default":"1"},{"type":{"text":"pixel"},"name":"--c2-kbd--letter-spacing","default":"0.01em"},{"type":{"text":"text-transform"},"name":"--c2-kbd--text-transform","default":"none"}],"cssParts":[{"name":"kbd","description":"Shadow DOM styling hook for the kbd element."}],"slots":[{"description":"Key name or shortcut to display.","name":""}],"members":[],"superclass":{"name":"LitElement","package":"lit"},"tagName":"c2-kbd","customElement":true}],"exports":[{"kind":"js","name":"Kbd","declaration":{"name":"Kbd","module":"src/kbd.ts"}},{"kind":"custom-element-definition","name":"c2-kbd","declaration":{"name":"Kbd","module":"src/kbd.ts"}}]}]}
+{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"src/kbd.ts","declarations":[{"kind":"class","description":"Displays a keyboard key or shortcut with the semantics of the native `kbd` element. Use one element for a complete\nshortcut (`Ctrl + K`) or place several beside descriptive text. The component is presentational and never enters the\ntab order; when it repeats a shortcut already announced by a surrounding control, set `aria-hidden=\"true\"` on the\nhost.","name":"Kbd","cssProperties":[{"type":{"text":"pixel"},"name":"--c2-kbd--min-width","default":"24px"},{"type":{"text":"pixel"},"name":"--c2-kbd--height","default":"24px"},{"type":{"text":"padding"},"name":"--c2-kbd--padding-left","default":"6px"},{"type":{"text":"padding"},"name":"--c2-kbd--padding-right","default":"6px"},{"type":{"text":"pixel"},"description":"Space between multiple slotted nodes.","name":"--c2-kbd--gap","default":"4px"},{"type":{"text":"color"},"name":"--c2-kbd--background-color","default":"#f4f4f5"},{"type":{"text":"color"},"name":"--c2-kbd--color","default":"#52525b"},{"type":{"text":"border"},"name":"--c2-kbd--border","default":"1px solid #d4d4d8"},{"type":{"text":"border-radius"},"name":"--c2-kbd--border-radius","default":"5px"},{"type":{"text":"box-shadow"},"name":"--c2-kbd--box-shadow","default":"0 1px 0 #a1a1aa"},{"type":{"text":"font-family"},"name":"--c2-kbd--font-family","default":"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"},{"type":{"text":"font-size"},"name":"--c2-kbd--font-size","default":"12px"},{"type":{"text":"font-weight"},"name":"--c2-kbd--font-weight","default":"500"},{"type":{"text":"line-height"},"name":"--c2-kbd--line-height","default":"1"},{"type":{"text":"pixel"},"name":"--c2-kbd--letter-spacing","default":"0.01em"},{"type":{"text":"text-transform"},"name":"--c2-kbd--text-transform","default":"none"}],"cssParts":[{"description":"The native `<kbd>` element containing the key or shortcut.","name":"kbd"}],"slots":[{"description":"Key name or shortcut to display.","name":""}],"members":[],"superclass":{"name":"LitElement","package":"lit"},"tagName":"c2-kbd","customElement":true}],"exports":[{"kind":"js","name":"Kbd","declaration":{"name":"Kbd","module":"src/kbd.ts"}},{"kind":"custom-element-definition","name":"c2-kbd","declaration":{"name":"Kbd","module":"src/kbd.ts"}}]}]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c2n/kbd",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "main": "dist/kbd.js",
   "exports": {
@@ -63,12 +63,12 @@
     }
   },
   "dependencies": {
-    "@c2n/core": "0.0.13",
+    "@c2n/core": "0.0.15",
     "lit": "3.3.3"
   },
   "devDependencies": {
     "@c2n/config": "*"
   },
   "customElements": "custom-elements.json",
-  "gitHead": "aa19b641f64fbc54c36b7649a8171d7a686abbdd"
+  "gitHead": "129a6e537c68c04ed2a36508789bf42c9781e196"
 }

package/react.d.ts

@@ -9,15 +9,14 @@
 //
 // On a server-rendered page (Next.js, React Router SSR) write a camelCase property by its kebab-case attribute
 // name ('row-key', not rowKey): the server emits props verbatim, HTML lowercases them, and hydration does not
-// set properties. Those names are listed next to the properties below.
+// set properties. Those names are listed next to the properties below. Structured converter-backed values
+// also accept their serialized string form, so server JSX can emit the same JSON/CSV attribute used by HTML.
 
 import type { DetailedHTMLProps, HTMLAttributes } from 'react'
 import type { Kbd } from '@c2n/kbd'
 
 /** Standard React host-element attributes plus the element's own public properties. */
 type C2Props<T> = DetailedHTMLProps<HTMLAttributes<T>, T> & Partial<Omit<T, keyof HTMLElement>>
-/** What React writes to a custom element's attribute: true becomes the empty string, false removes it. */
-type Attribute = string | number | boolean
 
 declare module 'react' {
   namespace JSX {

package/types/src/kbd.d.ts

@@ -9,6 +9,8 @@ import { LitElement } from 'lit';
  *
  * @slot - Key name or shortcut to display.
  *
+ * @csspart kbd - The native `<kbd>` element containing the key or shortcut.
+ *
  * @cssproperty {pixel} [--c2-kbd--min-width=24px]
  * @cssproperty {pixel} [--c2-kbd--height=24px]
  * @cssproperty {padding} [--c2-kbd--padding-left=6px]

package/types/src/kbd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/kbd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAA;AAIjD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,GAAI,SAAQ,UAAU;IACjC,OAAgB,MAAM,0BAAoB;IAEjC,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,GAAG,CAAA;KACd;CACF"}
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/kbd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAA;AAIjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBACa,GAAI,SAAQ,UAAU;IACjC,OAAgB,MAAM,0BAAoB;IAEjC,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,GAAG,CAAA;KACd;CACF"}