@epilot/volt-ui-experimental-griffel 0.2.0 → 0.2.3

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.
Files changed (140) hide show
  1. package/AGENTS.md +153 -0
  2. package/AUTHORING.md +292 -0
  3. package/README.md +90 -7
  4. package/dist/components/alert-dialog/alert-dialog.js +18 -18
  5. package/dist/components/avatar/avatar.js +18 -19
  6. package/dist/components/avatar/avatar.js.map +1 -1
  7. package/dist/components/badge/badge.js +13 -13
  8. package/dist/components/badge/badge.js.map +1 -1
  9. package/dist/components/breadcrumb/breadcrumb.js +6 -6
  10. package/dist/components/button/button.js +20 -20
  11. package/dist/components/button-group/button-group.js +6 -6
  12. package/dist/components/callout/callout.js +6 -6
  13. package/dist/components/card/card.js +8 -8
  14. package/dist/components/collapsible-sidebar/collapsible-sidebar.js +4 -4
  15. package/dist/components/command/command.js +15 -15
  16. package/dist/components/data-table/data-table-column-header.js +5 -5
  17. package/dist/components/data-table/data-table-error.js +13 -13
  18. package/dist/components/data-table/data-table-loading.js +4 -4
  19. package/dist/components/date-range-picker/date-range-picker.js +8 -8
  20. package/dist/components/date-time-picker/calendar.js +15 -15
  21. package/dist/components/date-time-picker/date-time-picker-panel.js +73 -67
  22. package/dist/components/date-time-picker/date-time-picker-panel.js.map +1 -1
  23. package/dist/components/date-time-picker/date-time-picker.js +53 -49
  24. package/dist/components/date-time-picker/date-time-picker.js.map +1 -1
  25. package/dist/components/date-time-picker/time-picker.js +77 -71
  26. package/dist/components/date-time-picker/time-picker.js.map +1 -1
  27. package/dist/components/dialog/dialog.js +21 -21
  28. package/dist/components/drawer/drawer.js +16 -16
  29. package/dist/components/dropdown-menu/dropdown-menu.js +13 -13
  30. package/dist/components/field/field-combobox.js +9 -9
  31. package/dist/components/field/field.js +22 -22
  32. package/dist/components/label/label.js +11 -11
  33. package/dist/components/list/list.js +13 -13
  34. package/dist/components/option-card/option-card.js +24 -24
  35. package/dist/components/pill/pill.js +21 -20
  36. package/dist/components/pill/pill.js.map +1 -1
  37. package/dist/components/popover/popover.js +4 -4
  38. package/dist/components/radio/radio.js +8 -8
  39. package/dist/components/scroll-overflow/scroll-overflow.js +6 -6
  40. package/dist/components/select/select.js +25 -25
  41. package/dist/components/skeleton/skeleton.js +17 -17
  42. package/dist/components/skeleton/skeleton.js.map +1 -1
  43. package/dist/components/table/table-pagination.js +74 -76
  44. package/dist/components/table/table-pagination.js.map +1 -1
  45. package/dist/components/tabs/tabs.js +19 -19
  46. package/dist/components/toast/toast.js +24 -24
  47. package/dist/components/toggle/toggle.js +17 -17
  48. package/dist/components/tooltip/tooltip.js +6 -6
  49. package/dist/index.d.ts +9200 -65
  50. package/dist/index.js +276 -273
  51. package/dist/index.js.map +1 -1
  52. package/dist/tokens/core.generated.js +1168 -1154
  53. package/dist/tokens/core.generated.js.map +1 -1
  54. package/dist/tokens/index.d.ts +1079 -1053
  55. package/dist/tokens/index.js +1078 -1056
  56. package/dist/tokens/index.js.map +1 -1
  57. package/dist/tokens/install.js +21 -9
  58. package/dist/tokens/install.js.map +1 -1
  59. package/dist/tokens/palette.generated.js +1323 -1293
  60. package/dist/tokens/palette.generated.js.map +1 -1
  61. package/dist/tokens.json +45 -1
  62. package/package.json +12 -5
  63. package/testing/jest-preset.cjs +64 -0
  64. package/dist/components/accordion/accordion.d.ts +0 -14
  65. package/dist/components/alert-dialog/alert-dialog.d.ts +0 -36
  66. package/dist/components/avatar/avatar-group.d.ts +0 -7
  67. package/dist/components/avatar/avatar.d.ts +0 -17
  68. package/dist/components/badge/badge.d.ts +0 -41
  69. package/dist/components/breadcrumb/breadcrumb.d.ts +0 -37
  70. package/dist/components/button/button.d.ts +0 -18
  71. package/dist/components/button-group/button-group.d.ts +0 -30
  72. package/dist/components/callout/callout.d.ts +0 -23
  73. package/dist/components/card/card.d.ts +0 -9
  74. package/dist/components/checkbox/checkbox.d.ts +0 -4
  75. package/dist/components/collapsible-sidebar/collapsible-sidebar.d.ts +0 -33
  76. package/dist/components/command/command.d.ts +0 -85
  77. package/dist/components/data-table/data-table-body.d.ts +0 -21
  78. package/dist/components/data-table/data-table-column-header.d.ts +0 -13
  79. package/dist/components/data-table/data-table-column-visibility.d.ts +0 -21
  80. package/dist/components/data-table/data-table-content.d.ts +0 -13
  81. package/dist/components/data-table/data-table-context.d.ts +0 -66
  82. package/dist/components/data-table/data-table-error.d.ts +0 -21
  83. package/dist/components/data-table/data-table-header.d.ts +0 -14
  84. package/dist/components/data-table/data-table-loading.d.ts +0 -13
  85. package/dist/components/data-table/data-table-pagination.d.ts +0 -17
  86. package/dist/components/data-table/data-table-pinning-utils.d.ts +0 -17
  87. package/dist/components/data-table/data-table-row.d.ts +0 -14
  88. package/dist/components/data-table/data-table-toolbar.d.ts +0 -7
  89. package/dist/components/data-table/data-table.d.ts +0 -92
  90. package/dist/components/data-table/get-selected-row-data.d.ts +0 -18
  91. package/dist/components/data-table/hooks/index.d.ts +0 -2
  92. package/dist/components/data-table/hooks/use-data-table-content.d.ts +0 -1
  93. package/dist/components/data-table/hooks/use-data-table.d.ts +0 -2
  94. package/dist/components/date-range-picker/date-range-picker-utils.d.ts +0 -2
  95. package/dist/components/date-range-picker/date-range-picker.d.ts +0 -34
  96. package/dist/components/date-range-picker/range-calendar.d.ts +0 -15
  97. package/dist/components/date-time-picker/calendar.d.ts +0 -28
  98. package/dist/components/date-time-picker/date-time-picker-context.d.ts +0 -39
  99. package/dist/components/date-time-picker/date-time-picker-input.d.ts +0 -13
  100. package/dist/components/date-time-picker/date-time-picker-panel.d.ts +0 -15
  101. package/dist/components/date-time-picker/date-time-picker-popover.d.ts +0 -6
  102. package/dist/components/date-time-picker/date-time-picker-utils.d.ts +0 -37
  103. package/dist/components/date-time-picker/date-time-picker.d.ts +0 -47
  104. package/dist/components/date-time-picker/time-picker.d.ts +0 -12
  105. package/dist/components/dialog/dialog.d.ts +0 -27
  106. package/dist/components/drawer/drawer.d.ts +0 -27
  107. package/dist/components/dropdown-menu/dropdown-menu.d.ts +0 -41
  108. package/dist/components/field/field-combobox.d.ts +0 -90
  109. package/dist/components/field/field-select.d.ts +0 -4
  110. package/dist/components/field/field.d.ts +0 -76
  111. package/dist/components/label/label.d.ts +0 -21
  112. package/dist/components/list/list.d.ts +0 -46
  113. package/dist/components/option-card/option-card.d.ts +0 -39
  114. package/dist/components/pill/pill.d.ts +0 -27
  115. package/dist/components/popover/popover.d.ts +0 -14
  116. package/dist/components/radio/radio.d.ts +0 -6
  117. package/dist/components/scroll-overflow/scroll-overflow.d.ts +0 -38
  118. package/dist/components/segmented-control/segmented-control.d.ts +0 -11
  119. package/dist/components/select/select.d.ts +0 -26
  120. package/dist/components/separator/separator.d.ts +0 -30
  121. package/dist/components/skeleton/skeleton.d.ts +0 -24
  122. package/dist/components/spinner/spinner.d.ts +0 -25
  123. package/dist/components/switch/switch.d.ts +0 -17
  124. package/dist/components/table/table-pagination.d.ts +0 -45
  125. package/dist/components/table/table.d.ts +0 -50
  126. package/dist/components/tabs/tabs.d.ts +0 -18
  127. package/dist/components/text/text.d.ts +0 -22
  128. package/dist/components/toast/toast.d.ts +0 -10
  129. package/dist/components/toggle/toggle-group.d.ts +0 -10
  130. package/dist/components/toggle/toggle.d.ts +0 -10
  131. package/dist/components/tooltip/tooltip.d.ts +0 -15
  132. package/dist/lib/clear-button.d.ts +0 -5
  133. package/dist/lib/icons.d.ts +0 -3
  134. package/dist/lib/pagination.d.ts +0 -71
  135. package/dist/renderer/contract.d.ts +0 -12
  136. package/dist/renderer/index.d.ts +0 -10
  137. package/dist/styles/make-styles.d.ts +0 -37
  138. package/dist/tokens/core.generated.d.ts +0 -3
  139. package/dist/tokens/install.d.ts +0 -38
  140. package/dist/tokens/palette.generated.d.ts +0 -3
@@ -1 +1 @@
1
- {"version":3,"file":"install.js","sources":["../../src/tokens/install.ts"],"sourcesContent":["import { ensureSheet, __resetInstalledSheets } from \"@epilot/volt-ui-runtime\"\nimport { CSS as CORE_CSS, SHEET_HASH as CORE_HASH } from \"./core.generated\"\nimport {\n CSS as PALETTE_CSS,\n SHEET_HASH as PALETTE_HASH,\n} from \"./palette.generated\"\n\n/**\n * Token sheet delivery.\n *\n * Each sheet is keyed by the hash of its own CONTENT, so N copies of the same version insert it\n * once, and two builds with different token values coexist as two sheets. Crucially, the values\n * cannot fight: property NAMES carry a value-derived namespace segment, so different values mean\n * different names. That is what lets both sheets sit on `:root` — the PoC originally salted only\n * the CLASS namespace and measured exactly this defect, with two divergent builds rendering the\n * same colour and the winner decided by MFE load order.\n *\n * Two sheets rather than one, per DECISIONS.md D5. Core carries the semantic layer for the intent\n * families plus the owned scale; palette carries the decorative families, which are reachable only\n * through a consumer-facing `color` prop. `ensurePalette()` is called by the components that expose\n * one, so a consumer using only Dialog, Field and Tooltip never ships or inserts it.\n *\n * The PoC also modelled a `host` delivery variant — root-config ships the sheet, like today's\n * singleton `style.css` link. Not carried: it reintroduces the failure this architecture exists to\n * remove (a missing or stale host sheet unstyles every v2 MFE at once) and it requires a breaking\n * host change deployed ahead of the package.\n *\n * Note what did NOT move when the engine did. `ensureSheet` is the runtime's, because placement is\n * anchor-relative and the anchor is shared. The CSS below is this package's, because it is exactly\n * the thing that must differ between two co-resident versions. That is the same line the `host`\n * variant above got wrong, drawn one level further in.\n */\n\n/** Test-only: forget what this module thinks it has installed. */\nexport function __resetTokensForTests(): void {\n __resetInstalledSheets()\n}\n\nexport function ensureCoreTokens(doc: Document = document): boolean {\n return ensureSheet(doc, CORE_HASH, CORE_CSS)\n}\n\n/**\n * Called by components that accept a `color` prop, since a decorative family can arrive from a\n * runtime expression the build cannot see — `getColorForEntityLabel(label)` and\n * `WCAG_BADGE_MAP[level].color` both exist in consumer code today.\n */\nexport function ensurePaletteTokens(doc: Document = document): boolean {\n return ensureSheet(doc, PALETTE_HASH, PALETTE_CSS)\n}\n\nexport const TOKEN_SHEET_HASHES = {\n core: CORE_HASH,\n palette: PALETTE_HASH,\n} as const\n"],"names":["ensureCoreTokens","doc","ensureSheet","CORE_HASH","CORE_CSS","ensurePaletteTokens","PALETTE_HASH","PALETTE_CSS"],"mappings":";;;AAsCO,SAASA,EAAiBC,IAAgB,UAAmB;AAClE,SAAOC,EAAYD,GAAKE,GAAWC,CAAQ;AAC7C;AAOO,SAASC,EAAoBJ,IAAgB,UAAmB;AACrE,SAAOC,EAAYD,GAAKK,GAAcC,CAAW;AACnD;"}
1
+ {"version":3,"file":"install.js","sources":["../../src/tokens/install.ts"],"sourcesContent":["import { ensureSheet, __resetInstalledSheets } from \"@epilot/volt-ui-runtime\"\nimport { CSS as CORE_CSS, SHEET_HASH as CORE_HASH } from \"./core.generated\"\nimport {\n CSS as PALETTE_CSS,\n SHEET_HASH as PALETTE_HASH,\n} from \"./palette.generated\"\n\n/**\n * Token sheet delivery.\n *\n * Each sheet is keyed by the hash of its own CONTENT, so N copies of the same version insert it\n * once, and two builds with different token values coexist as two sheets. Crucially, the values\n * cannot fight: property NAMES carry a value-derived namespace segment, so different values mean\n * different names. That is what lets both sheets sit on `:root` — the PoC originally salted only\n * the CLASS namespace and measured exactly this defect, with two divergent builds rendering the\n * same colour and the winner decided by MFE load order.\n *\n * Two sheets rather than one, per DECISIONS.md D5. Core carries the semantic layer for the intent\n * families plus the owned scale; palette carries the decorative families, which are reachable only\n * through a consumer-facing `color` prop. `ensurePalette()` is called by the components that expose\n * one, so a consumer using only Dialog, Field and Tooltip never ships or inserts it.\n *\n * The PoC also modelled a `host` delivery variant — root-config ships the sheet, like today's\n * singleton `style.css` link. Not carried: it reintroduces the failure this architecture exists to\n * remove (a missing or stale host sheet unstyles every v2 MFE at once) and it requires a breaking\n * host change deployed ahead of the package.\n *\n * Note what did NOT move when the engine did. `ensureSheet` is the runtime's, because placement is\n * anchor-relative and the anchor is shared. The CSS below is this package's, because it is exactly\n * the thing that must differ between two co-resident versions. That is the same line the `host`\n * variant above got wrong, drawn one level further in.\n */\n\n/** Test-only: forget what this module thinks it has installed. */\nexport function __resetTokensForTests(): void {\n __resetInstalledSheets()\n}\n\nexport function ensureCoreTokens(doc: Document = document): boolean {\n return ensureSheet(doc, CORE_HASH, CORE_CSS)\n}\n\n/**\n * Called by components that accept a `color` prop, since a decorative family can arrive from a\n * runtime expression the build cannot see — `getColorForEntityLabel(label)` and\n * `WCAG_BADGE_MAP[level].color` both exist in consumer code today.\n */\nexport function ensurePaletteTokens(doc: Document = document): boolean {\n return ensureSheet(doc, PALETTE_HASH, PALETTE_CSS)\n}\n\n/**\n * The families the CORE sheet declares. Everything else is decorative and lives in the palette\n * sheet. `core-families.test.ts` asserts this list against the generated sheets in both directions, so a\n * family moving between them cannot silently invalidate the check below.\n */\nconst CORE_FAMILIES = new Set([\n \"accent\",\n \"gray\",\n \"error\",\n \"info\",\n \"success\",\n \"warning\",\n])\n\n/**\n * Install the palette sheet only if this family actually needs it.\n *\n * The unconditional call was measured as the single most expensive thing a `color`-prop component\n * does: the palette sheet is 63,689 B of CSS, and a differential build put `Pill`'s marginal cost at\n * 69,087 B raw against `Button`'s 6,330 B. The flows pilot separately measured 69,787 B of runtime\n * token CSS in the document for a two-component consumer, 18× the 3,814 B of actual atoms.\n *\n * Passing the resolved family keeps the correctness the unconditional call was protecting. The\n * hazard it guarded against is a family arriving from an expression the BUILD cannot see; by render\n * time the value is in hand, so a dynamic `getColorForEntityLabel(label)` that returns `teal` still\n * installs the sheet before paint. What goes away is installing it for `accent` or `gray`.\n *\n * This does NOT reduce bundle size. `ensurePaletteTokens` stays referenced, so the sheet is still\n * emitted into any chunk that contains one of these components — cutting that needs build-time\n * knowledge of which families a consumer uses, which the package cannot have. See DECISIONS D14.\n */\nexport function ensurePaletteTokensFor(\n family: string,\n doc: Document = document\n): boolean {\n if (CORE_FAMILIES.has(family)) return false\n\n return ensurePaletteTokens(doc)\n}\n\nexport const TOKEN_SHEET_HASHES = {\n core: CORE_HASH,\n palette: PALETTE_HASH,\n} as const\n"],"names":["ensureCoreTokens","doc","ensureSheet","CORE_HASH","CORE_CSS","ensurePaletteTokens","PALETTE_HASH","PALETTE_CSS","CORE_FAMILIES","ensurePaletteTokensFor","family"],"mappings":";;;AAsCO,SAASA,EAAiBC,IAAgB,UAAmB;AAClE,SAAOC,EAAYD,GAAKE,GAAWC,CAAQ;AAC7C;AAOO,SAASC,EAAoBJ,IAAgB,UAAmB;AACrE,SAAOC,EAAYD,GAAKK,GAAcC,CAAW;AACnD;AAOA,MAAMC,wBAAoB,IAAI;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAmBM,SAASC,EACdC,GACAT,IAAgB,UACP;AACT,SAAIO,EAAc,IAAIE,CAAM,IAAU,KAE/BL,EAAoBJ,CAAG;AAChC;"}