@thewhatmatters/wmds 0.4.9 → 0.4.27

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 (302) hide show
  1. package/CHANGELOG.md +253 -0
  2. package/README.md +1 -1
  3. package/dist/components/atoms/Badge/Badge.d.ts +13 -5
  4. package/dist/components/atoms/Badge/Badge.d.ts.map +1 -1
  5. package/dist/components/atoms/Badge/Badge.js +56 -48
  6. package/dist/components/atoms/Badge/badgeStyles.d.ts +15 -0
  7. package/dist/components/atoms/Badge/badgeStyles.d.ts.map +1 -1
  8. package/dist/components/atoms/Badge/badgeStyles.js +38 -16
  9. package/dist/components/atoms/Button/Button.d.ts +1 -1
  10. package/dist/components/atoms/Button/Button.d.ts.map +1 -1
  11. package/dist/components/atoms/Button/Button.js +67 -48
  12. package/dist/components/atoms/Button/buttonStatusMotion.d.ts.map +1 -1
  13. package/dist/components/atoms/Button/buttonStatusMotion.js +6 -1
  14. package/dist/components/atoms/Button/buttonStyles.d.ts +1 -1
  15. package/dist/components/atoms/Button/buttonStyles.d.ts.map +1 -1
  16. package/dist/components/atoms/Button/buttonStyles.js +14 -12
  17. package/dist/components/atoms/Input/Input.d.ts +3 -1
  18. package/dist/components/atoms/Input/Input.d.ts.map +1 -1
  19. package/dist/components/atoms/Input/Input.js +59 -59
  20. package/dist/components/atoms/Input/inputShellStyles.d.ts +9 -3
  21. package/dist/components/atoms/Input/inputShellStyles.d.ts.map +1 -1
  22. package/dist/components/atoms/Input/inputShellStyles.js +38 -38
  23. package/dist/components/atoms/RiveHand/RiveHand.d.ts.map +1 -1
  24. package/dist/components/atoms/RiveHand/RiveHand.js +83 -81
  25. package/dist/components/atoms/Table/Table.d.ts +54 -0
  26. package/dist/components/atoms/Table/Table.d.ts.map +1 -0
  27. package/dist/components/atoms/Table/Table.js +66 -0
  28. package/dist/components/atoms/Table/tableStyles.d.ts +18 -0
  29. package/dist/components/atoms/Table/tableStyles.d.ts.map +1 -0
  30. package/dist/components/atoms/Table/tableStyles.js +14 -0
  31. package/dist/components/atoms/TextArea/TextArea.d.ts +6 -0
  32. package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -1
  33. package/dist/components/atoms/TextArea/TextArea.js +86 -78
  34. package/dist/components/atoms/TextArea/textareaShellStyles.d.ts +2 -2
  35. package/dist/components/atoms/TextArea/textareaShellStyles.d.ts.map +1 -1
  36. package/dist/components/atoms/TextArea/textareaShellStyles.js +2 -2
  37. package/dist/components/molecules/Card/Card.d.ts +28 -6
  38. package/dist/components/molecules/Card/Card.d.ts.map +1 -1
  39. package/dist/components/molecules/Card/Card.js +83 -42
  40. package/dist/components/molecules/Card/cardStyles.d.ts +16 -1
  41. package/dist/components/molecules/Card/cardStyles.d.ts.map +1 -1
  42. package/dist/components/molecules/Card/cardStyles.js +18 -4
  43. package/dist/components/molecules/Chip/chipStyles.js +9 -9
  44. package/dist/components/molecules/CopyField/CopyField.d.ts +41 -0
  45. package/dist/components/molecules/CopyField/CopyField.d.ts.map +1 -0
  46. package/dist/components/molecules/CopyField/CopyField.js +120 -0
  47. package/dist/components/molecules/CopyField/copyFieldStyles.d.ts +28 -0
  48. package/dist/components/molecules/CopyField/copyFieldStyles.d.ts.map +1 -0
  49. package/dist/components/molecules/CopyField/copyFieldStyles.js +7 -0
  50. package/dist/components/molecules/DisplayControls/DisplayControls.d.ts +16 -7
  51. package/dist/components/molecules/DisplayControls/DisplayControls.d.ts.map +1 -1
  52. package/dist/components/molecules/DisplayControls/DisplayControls.js +41 -39
  53. package/dist/components/molecules/DisplayControls/displayControlsState.d.ts +21 -0
  54. package/dist/components/molecules/DisplayControls/displayControlsState.d.ts.map +1 -1
  55. package/dist/components/molecules/DisplayControls/displayControlsState.js +46 -4
  56. package/dist/components/molecules/LogView/LogView.d.ts +31 -0
  57. package/dist/components/molecules/LogView/LogView.d.ts.map +1 -0
  58. package/dist/components/molecules/LogView/LogView.js +109 -0
  59. package/dist/components/molecules/LogView/logViewStyles.d.ts +11 -0
  60. package/dist/components/molecules/LogView/logViewStyles.d.ts.map +1 -0
  61. package/dist/components/molecules/LogView/logViewStyles.js +6 -0
  62. package/dist/components/molecules/NavList/NavList.d.ts +23 -4
  63. package/dist/components/molecules/NavList/NavList.d.ts.map +1 -1
  64. package/dist/components/molecules/NavList/NavList.js +65 -52
  65. package/dist/components/molecules/NavList/navListStyles.d.ts +2 -0
  66. package/dist/components/molecules/NavList/navListStyles.d.ts.map +1 -1
  67. package/dist/components/molecules/NavList/navListStyles.js +3 -3
  68. package/dist/components/molecules/PageHeader/PageHeader.js +3 -3
  69. package/dist/components/molecules/SegmentedControl/segmentedControlStyles.js +7 -7
  70. package/dist/components/molecules/Stat/Stat.d.ts +31 -5
  71. package/dist/components/molecules/Stat/Stat.d.ts.map +1 -1
  72. package/dist/components/molecules/Stat/Stat.js +83 -49
  73. package/dist/components/molecules/Stat/statStyles.d.ts +23 -3
  74. package/dist/components/molecules/Stat/statStyles.d.ts.map +1 -1
  75. package/dist/components/molecules/Stat/statStyles.js +29 -12
  76. package/dist/components/molecules/TaskRows/TaskRows.d.ts +13 -3
  77. package/dist/components/molecules/TaskRows/TaskRows.d.ts.map +1 -1
  78. package/dist/components/molecules/TaskRows/TaskRows.js +81 -57
  79. package/dist/components/molecules/TaskRows/TaskRowsTable.d.ts +54 -0
  80. package/dist/components/molecules/TaskRows/TaskRowsTable.d.ts.map +1 -0
  81. package/dist/components/molecules/TaskRows/TaskRowsTable.js +200 -0
  82. package/dist/components/molecules/TaskRows/taskRowsStyles.d.ts +19 -1
  83. package/dist/components/molecules/TaskRows/taskRowsStyles.d.ts.map +1 -1
  84. package/dist/components/molecules/TaskRows/taskRowsStyles.js +7 -3
  85. package/dist/components/organisms/AppShell/AppShell.d.ts +82 -0
  86. package/dist/components/organisms/AppShell/AppShell.d.ts.map +1 -0
  87. package/dist/components/organisms/AppShell/AppShell.js +222 -0
  88. package/dist/components/organisms/AppShell/appShellStyles.d.ts +18 -0
  89. package/dist/components/organisms/AppShell/appShellStyles.d.ts.map +1 -0
  90. package/dist/components/organisms/AppShell/appShellStyles.js +8 -0
  91. package/dist/components/organisms/Carousel/Carousel.d.ts +9 -1
  92. package/dist/components/organisms/Carousel/Carousel.d.ts.map +1 -1
  93. package/dist/components/organisms/Carousel/Carousel.js +220 -182
  94. package/dist/components/organisms/Carousel/carouselMath.d.ts +5 -0
  95. package/dist/components/organisms/Carousel/carouselMath.d.ts.map +1 -1
  96. package/dist/components/organisms/Carousel/carouselMath.js +9 -1
  97. package/dist/components/organisms/Carousel/carouselStyles.d.ts +2 -0
  98. package/dist/components/organisms/Carousel/carouselStyles.d.ts.map +1 -1
  99. package/dist/components/organisms/Carousel/carouselStyles.js +8 -7
  100. package/dist/components/organisms/Chart/Chart.d.ts +5 -1
  101. package/dist/components/organisms/Chart/Chart.d.ts.map +1 -1
  102. package/dist/components/organisms/Chart/Chart.js +126 -62
  103. package/dist/components/organisms/Chart/ChartLegend.d.ts +8 -1
  104. package/dist/components/organisms/Chart/ChartLegend.d.ts.map +1 -1
  105. package/dist/components/organisms/Chart/ChartLegend.js +43 -13
  106. package/dist/components/organisms/Chart/ChartSegmentedRing.d.ts +52 -0
  107. package/dist/components/organisms/Chart/ChartSegmentedRing.d.ts.map +1 -0
  108. package/dist/components/organisms/Chart/ChartSegmentedRing.js +95 -0
  109. package/dist/components/organisms/Chart/chartStyles.d.ts +32 -0
  110. package/dist/components/organisms/Chart/chartStyles.d.ts.map +1 -1
  111. package/dist/components/organisms/Chart/chartStyles.js +15 -3
  112. package/dist/components/organisms/ChatDock/ChatDock.d.ts.map +1 -1
  113. package/dist/components/organisms/ChatDock/ChatDock.js +29 -25
  114. package/dist/components/organisms/Dialog/OverlayPanelHeader.d.ts.map +1 -1
  115. package/dist/components/organisms/Dialog/OverlayPanelHeader.js +1 -0
  116. package/dist/components/organisms/Sheet/Sheet.d.ts +3 -1
  117. package/dist/components/organisms/Sheet/Sheet.d.ts.map +1 -1
  118. package/dist/components/organisms/Sheet/Sheet.js +74 -68
  119. package/dist/components/organisms/Sheet/sheetStyles.d.ts +8 -2
  120. package/dist/components/organisms/Sheet/sheetStyles.d.ts.map +1 -1
  121. package/dist/components/organisms/Sheet/sheetStyles.js +16 -11
  122. package/dist/components/organisms/Tab/tabStyles.js +7 -7
  123. package/dist/index.d.ts +14 -8
  124. package/dist/index.d.ts.map +1 -1
  125. package/dist/index.js +148 -139
  126. package/dist/lib/chartTheme.d.ts +11 -0
  127. package/dist/lib/chartTheme.d.ts.map +1 -1
  128. package/dist/lib/compositionAudit.d.ts.map +1 -1
  129. package/dist/lib/dialogOverlay.d.ts +7 -0
  130. package/dist/lib/dialogOverlay.d.ts.map +1 -1
  131. package/dist/lib/dialogOverlay.js +16 -1
  132. package/dist/lib/sheetParam/index.d.ts +3 -0
  133. package/dist/lib/sheetParam/index.d.ts.map +1 -0
  134. package/dist/lib/sheetParam/sheetParam.d.ts +15 -0
  135. package/dist/lib/sheetParam/sheetParam.d.ts.map +1 -0
  136. package/dist/lib/sheetParam/sheetParam.js +26 -0
  137. package/dist/lib/sheetParam/useSheetParam.d.ts +25 -0
  138. package/dist/lib/sheetParam/useSheetParam.d.ts.map +1 -0
  139. package/dist/lib/sheetParam/useSheetParam.js +29 -0
  140. package/dist/styles.css +1 -1
  141. package/docs/README.md +1 -1
  142. package/docs/component-contracts.md +101 -0
  143. package/docs/components.md +16 -11
  144. package/docs/exports.json +88 -15
  145. package/docs/patterns/components-accordion--flush.tsx +1 -1
  146. package/docs/patterns/components-appshell--portal-dashboard-pattern.tsx +176 -0
  147. package/docs/patterns/components-avatar--dropdown-row.tsx +1 -1
  148. package/docs/patterns/components-badge--outline-tags.tsx +1 -1
  149. package/docs/patterns/components-badge--status-pill.tsx +31 -0
  150. package/docs/patterns/components-badge--with-avatar.tsx +1 -1
  151. package/docs/patterns/components-breadcrumb--editorial.tsx +1 -1
  152. package/docs/patterns/components-breadcrumb--long-path.tsx +1 -1
  153. package/docs/patterns/components-breadcrumb--path.tsx +1 -1
  154. package/docs/patterns/components-breadcrumb--router-links.tsx +1 -1
  155. package/docs/patterns/components-button-button--copy-button.tsx +1 -1
  156. package/docs/patterns/components-button-button--destructive-action.tsx +1 -1
  157. package/docs/patterns/components-button-button--external-link.tsx +1 -1
  158. package/docs/patterns/components-button-button--ghost-action.tsx +1 -1
  159. package/docs/patterns/components-button-button--inverse-action.tsx +1 -1
  160. package/docs/patterns/components-button-button--link-render.tsx +1 -1
  161. package/docs/patterns/components-button-button--multi-state-badge.tsx +1 -1
  162. package/docs/patterns/components-button-button--outline-mono.tsx +1 -1
  163. package/docs/patterns/components-button-button--primary-action.tsx +1 -1
  164. package/docs/patterns/components-button-button--row-hug.tsx +1 -1
  165. package/docs/patterns/components-button-button--row-layout.tsx +1 -1
  166. package/docs/patterns/components-button-button--secondary-action.tsx +1 -1
  167. package/docs/patterns/components-button-button--suggestion-pills.tsx +1 -1
  168. package/docs/patterns/components-button-button--with-count.tsx +1 -1
  169. package/docs/patterns/components-button-button--with-icon.tsx +1 -1
  170. package/docs/patterns/components-button-floatingactionbutton--vertical-actions.tsx +1 -1
  171. package/docs/patterns/components-calembed--pattern-skip-in-footer.tsx +1 -1
  172. package/docs/patterns/components-card-card--body-slot-occupancy-history.tsx +1 -1
  173. package/docs/patterns/components-card-card--headerless-media.tsx +1 -1
  174. package/docs/patterns/components-card-card--outlined-layout.tsx +1 -1
  175. package/docs/patterns/components-card-card--pinned-height.tsx +1 -1
  176. package/docs/patterns/components-card-card--terminal-frame.tsx +48 -0
  177. package/docs/patterns/components-card-selectablecard--selectable-cards-pattern.tsx +1 -1
  178. package/docs/patterns/components-carousel--image-carousel.tsx +1 -1
  179. package/docs/patterns/components-chart--audience-activity-heatmap.tsx +1 -1
  180. package/docs/patterns/components-chart--cartesian-no-data-gaps.tsx +1 -1
  181. package/docs/patterns/components-chart--occupancy-history-in-card.tsx +1 -1
  182. package/docs/patterns/components-chart--occupancy-in-card.tsx +1 -1
  183. package/docs/patterns/components-chart--post-reach-distribution.tsx +1 -1
  184. package/docs/patterns/components-chart--ranked-audience-breakdown.tsx +1 -1
  185. package/docs/patterns/components-chart--revenue-by-line.tsx +68 -0
  186. package/docs/patterns/components-chart--segmented-ring-pattern.tsx +144 -0
  187. package/docs/patterns/components-chart--unit-grid-composition.tsx +1 -1
  188. package/docs/patterns/components-chatdock--pattern-chat-dock.tsx +1 -1
  189. package/docs/patterns/components-chatdock--pattern-start-project-gate.tsx +1 -1
  190. package/docs/patterns/components-chatqa--pattern-qa-with-reply.tsx +1 -1
  191. package/docs/patterns/components-checkbox-checkbox--default.tsx +1 -1
  192. package/docs/patterns/components-checkbox-checkbox--with-count.tsx +1 -1
  193. package/docs/patterns/components-checkbox-checkbox--with-description.tsx +1 -1
  194. package/docs/patterns/components-checkbox-checkboxgroup--default.tsx +1 -1
  195. package/docs/patterns/components-checkbox-checkboxgroup--option-counts.tsx +1 -1
  196. package/docs/patterns/components-copyfield--clipboard-blocked.tsx +9 -0
  197. package/docs/patterns/components-copyfield--copied.tsx +9 -0
  198. package/docs/patterns/components-copyfield--copy-key.tsx +9 -0
  199. package/docs/patterns/components-copyfield--on-navy.tsx +29 -0
  200. package/docs/patterns/components-descriptionlist--details.tsx +1 -1
  201. package/docs/patterns/components-descriptionlist--post-metadata.tsx +1 -1
  202. package/docs/patterns/components-dialog--alert-dialog-destructive.tsx +1 -1
  203. package/docs/patterns/components-dialog--default-dialog.tsx +1 -1
  204. package/docs/patterns/components-dialog--form-dialog.tsx +1 -1
  205. package/docs/patterns/components-displaycontrols--page-utilities.tsx +1 -1
  206. package/docs/patterns/components-displaycontrols--theme-switch.tsx +35 -0
  207. package/docs/patterns/components-field--horizontal-input.tsx +1 -1
  208. package/docs/patterns/components-field--horizontal-text-area.tsx +1 -1
  209. package/docs/patterns/components-field--multi-control.tsx +1 -1
  210. package/docs/patterns/components-filterpanel--panel.tsx +1 -1
  211. package/docs/patterns/components-footerreveal--marketing-hero-pattern.tsx +1 -1
  212. package/docs/patterns/components-footerreveal--marketing-hero-ruled-pattern.tsx +1 -1
  213. package/docs/patterns/components-footerreveal--marketing-hero-with-gallery-intro.tsx +1 -1
  214. package/docs/patterns/components-footerreveal--marketing-page-pattern.tsx +1 -1
  215. package/docs/patterns/components-footerreveal--ruled-grid-footer-pattern.tsx +1 -1
  216. package/docs/patterns/components-footerreveal--sequenced-marketing-hero.tsx +1 -1
  217. package/docs/patterns/components-herointro--two-line-intro.tsx +1 -1
  218. package/docs/patterns/components-herotilestack--marketing-hero-pattern.tsx +1 -1
  219. package/docs/patterns/components-herotilestack--marketing-hero-text-sequence.tsx +1 -1
  220. package/docs/patterns/components-herotilestack--marketing-hero-with-gallery-intro.tsx +1 -1
  221. package/docs/patterns/components-indexlist--post-index.tsx +1 -1
  222. package/docs/patterns/components-intakeconfirmation--booked-pattern.tsx +1 -1
  223. package/docs/patterns/components-intakeconfirmation--emailed-pattern.tsx +1 -1
  224. package/docs/patterns/components-intakeform--about-you-pattern.tsx +1 -1
  225. package/docs/patterns/components-intakeform--short-form-pattern.tsx +1 -1
  226. package/docs/patterns/components-intakemodal--intake-modal-pattern.tsx +1 -1
  227. package/docs/patterns/components-kbd--command-row.tsx +1 -1
  228. package/docs/patterns/components-kbd--numbered-choices.tsx +1 -1
  229. package/docs/patterns/components-kbd--shortcut.tsx +1 -1
  230. package/docs/patterns/components-linktile--resource-tile.tsx +1 -1
  231. package/docs/patterns/components-linktile--router-link.tsx +1 -1
  232. package/docs/patterns/components-logview--detail-pane.tsx +80 -0
  233. package/docs/patterns/components-logview--log-viewer.tsx +20 -0
  234. package/docs/patterns/components-moremenu--action-menu.tsx +1 -1
  235. package/docs/patterns/components-moremenu--in-card-header.tsx +1 -1
  236. package/docs/patterns/components-navlist--app-sidebar.tsx +118 -0
  237. package/docs/patterns/components-navlist--side-nav-settings.tsx +1 -1
  238. package/docs/patterns/components-pageheader--app-header-pattern.tsx +1 -1
  239. package/docs/patterns/components-pageheader--page-section-header.tsx +1 -1
  240. package/docs/patterns/components-pageheader--toolbar-header.tsx +1 -1
  241. package/docs/patterns/components-panel--end-detail-rail.tsx +1 -1
  242. package/docs/patterns/components-pillgroup--pill-group-pattern.tsx +1 -1
  243. package/docs/patterns/components-promptbar--pattern-prompt-bar.tsx +1 -1
  244. package/docs/patterns/components-prose--article-body.tsx +1 -1
  245. package/docs/patterns/components-radio-radiogroup--default.tsx +1 -1
  246. package/docs/patterns/components-scrollhorizontal--project-gallery-pattern.tsx +1 -1
  247. package/docs/patterns/components-scrollhorizontal--with-intro.tsx +1 -1
  248. package/docs/patterns/components-sectioncaption--column-caption.tsx +1 -1
  249. package/docs/patterns/components-sectioncaption--with-action.tsx +1 -1
  250. package/docs/patterns/components-sheet--bottom-sheet.tsx +1 -1
  251. package/docs/patterns/components-sheet--end-sheet.tsx +1 -1
  252. package/docs/patterns/components-sheet--side-sheet-header-actions.tsx +50 -0
  253. package/docs/patterns/components-sheet--side-sheet-url-deep-link.tsx +51 -0
  254. package/docs/patterns/components-sheet--side-sheet.tsx +38 -0
  255. package/docs/patterns/components-sitenav--brand-and-cta.tsx +1 -1
  256. package/docs/patterns/components-sitenav--centered-links.tsx +1 -1
  257. package/docs/patterns/components-sitenav--compact.tsx +1 -1
  258. package/docs/patterns/components-sitenav--marketing-header.tsx +1 -1
  259. package/docs/patterns/components-sitenav--mega-menu.tsx +1 -1
  260. package/docs/patterns/components-stat--hero-stat.tsx +54 -0
  261. package/docs/patterns/components-stat--insights-row.tsx +1 -1
  262. package/docs/patterns/components-stepprogress--step-progress-pattern.tsx +1 -1
  263. package/docs/patterns/components-switch--default.tsx +1 -1
  264. package/docs/patterns/components-switch--settings-row.tsx +1 -1
  265. package/docs/patterns/components-tab--settings-pages.tsx +1 -1
  266. package/docs/patterns/components-table--approvals-with-sheet.tsx +81 -0
  267. package/docs/patterns/components-table--approvals.tsx +223 -0
  268. package/docs/patterns/components-table--basic.tsx +60 -0
  269. package/docs/patterns/components-taskrows--action-details.tsx +1 -1
  270. package/docs/patterns/components-taskrows--capsules.tsx +1 -1
  271. package/docs/patterns/components-taskrows--card-with-status-rows.tsx +1 -1
  272. package/docs/patterns/components-taskrows--controlled-expand.tsx +1 -1
  273. package/docs/patterns/components-taskrows--custom-slots.tsx +1 -1
  274. package/docs/patterns/components-taskrows--needs-you-table.tsx +62 -0
  275. package/docs/patterns/components-taskrows--status-list.tsx +1 -1
  276. package/docs/patterns/components-taskrows--tag-chips.tsx +1 -1
  277. package/docs/patterns/components-textarea--save-status.tsx +32 -0
  278. package/docs/patterns/components-textlink--external-destination.tsx +1 -1
  279. package/docs/patterns/components-textlink--inline-prose.tsx +1 -1
  280. package/docs/patterns/components-textlink--quiet-title.tsx +1 -1
  281. package/docs/patterns/components-textlink--supporting-copy.tsx +1 -1
  282. package/docs/patterns/components-textsequence--default.tsx +1 -1
  283. package/docs/patterns/components-textsequence--reduced-motion.tsx +1 -1
  284. package/docs/patterns/components-textsequence--shapes.tsx +1 -1
  285. package/docs/patterns/components-tilegrid--masonry.tsx +1 -1
  286. package/docs/patterns/components-toast--stacked-notifications.tsx +1 -1
  287. package/docs/patterns/components-tooltip--controlled.tsx +1 -1
  288. package/docs/patterns/components-tooltip--disabled-control.tsx +1 -1
  289. package/docs/patterns/components-tooltip--icon-action.tsx +1 -1
  290. package/docs/patterns/components-tooltip--keyboard-shortcut.tsx +1 -1
  291. package/docs/patterns/components-tooltip--placement.tsx +1 -1
  292. package/docs/patterns/foundations-scroll-fade--horizontal-rail.tsx +1 -1
  293. package/docs/patterns/foundations-scroll-fade--overflowing-list.tsx +1 -1
  294. package/docs/patterns/guides-chart-explorations--comparison-gallery.tsx +1 -1
  295. package/docs/patterns/guides-filter-panel--filtered-grid.tsx +1 -1
  296. package/docs/patterns/guides-filter-panel--filtered-index.tsx +1 -1
  297. package/docs/patterns/guides-overlay-flows--notification-preferences.tsx +1 -1
  298. package/docs/patterns/guides-post-page--post-page.tsx +1 -1
  299. package/docs/patterns/guides-profile-typography--editorial-profile.tsx +1 -1
  300. package/docs/patterns/guides-resource-detail--detail.tsx +1 -1
  301. package/docs/patterns/index.json +177 -1
  302. package/package.json +1 -1
@@ -1,20 +1,20 @@
1
1
  "use client";
2
2
  import { cn as e } from "../../../lib/cn.js";
3
3
  import { ButtonBadge as t } from "./ButtonBadge.js";
4
- import { buttonAlignClasses as n, buttonAligns as r, buttonBaseClasses as i, buttonEmphases as a, buttonEndIconSquareClasses as o, buttonExternalIconClasses as s, buttonLayouts as c, buttonMonoLabelClasses as l, buttonNavLayoutClasses as u, buttonNavStateClasses as d, buttonOutlineQuietClasses as f, buttonPillClass as p, buttonRoleClasses as m, buttonRoles as h, buttonRowBaseClasses as g, buttonRowLayoutClasses as _, buttonRowWidthClasses as v, buttonSizeClasses as y, buttonWidths as b } from "./buttonStyles.js";
5
- import { ButtonIcon as x } from "./ButtonIcon.js";
6
- import { buttonStatusHoldMs as S, defaultStatusLabels as C, getNextButtonStatus as w } from "./buttonStatusStyles.js";
7
- import { ButtonStatusButton as T } from "./ButtonStatusButton.js";
8
- import { forwardRef as E } from "react";
9
- import { SquareArrowOutUpRight as D } from "lucide-react";
10
- import { jsx as O, jsxs as k } from "react/jsx-runtime";
11
- import { useRender as A } from "@base-ui/react/use-render";
4
+ import { buttonAlignClasses as n, buttonAligns as r, buttonBaseClasses as i, buttonEmphases as a, buttonEndIconSquareClasses as o, buttonExternalIconClasses as s, buttonLayouts as c, buttonMonoLabelClasses as l, buttonNavLayoutClasses as u, buttonNavStateClasses as d, buttonOutlineQuietClasses as f, buttonPillClass as ee, buttonRoleClasses as p, buttonRoles as m, buttonRowBaseClasses as h, buttonRowLayoutClasses as g, buttonRowWidthClasses as _, buttonSizeClasses as v, buttonWidths as y } from "./buttonStyles.js";
5
+ import { ButtonIcon as b } from "./ButtonIcon.js";
6
+ import { buttonStatusHoldMs as x, defaultStatusLabels as S, getNextButtonStatus as C } from "./buttonStatusStyles.js";
7
+ import { ButtonStatusButton as w } from "./ButtonStatusButton.js";
8
+ import { forwardRef as T } from "react";
9
+ import { SquareArrowOutUpRight as E } from "lucide-react";
10
+ import { jsx as D, jsxs as O } from "react/jsx-runtime";
11
+ import { useRender as k } from "@base-ui/react/use-render";
12
12
  //#region src/components/atoms/Button/Button.tsx
13
- function j(e) {
14
- e.external && (e.render == null || e.layout !== "pill") && console.warn("[WMDS Button] `external` needs `render={<a href />}` on a pill button."), e.external && e.endIcon != null && console.warn("[WMDS Button] `external` is mutually exclusive with `endIcon`."), e.width != null && e.layout !== "row" && console.warn("[WMDS Button] `width` applies to `layout=\"row\"` only."), e.align != null && (e.layout === "row" || e.layout === "nav") && console.warn("[WMDS Button] `align` applies to pill buttons only."), e.emphasis != null && e.role !== "outline" && console.warn("[WMDS Button] `emphasis` applies to `role=\"outline\"` only."), (e.layout === "row" || e.layout === "nav") && (e.status != null || e.icon != null || e.count != null || e.endIcon != null || e.mono) && console.warn(`[WMDS Button] \`layout="${e.layout}"\` is mutually exclusive with \`status\`, \`icon\`, \`count\`, \`endIcon\`, and \`mono\`.`), e.status != null && (e.count != null || e.endIcon != null || e.mono) && console.warn("[WMDS Button] `status` is mutually exclusive with `count`, `endIcon`, and `mono`."), e.endIcon != null && e.count != null && console.warn("[WMDS Button] `endIcon` is mutually exclusive with `count`."), e.render != null && (e.layout !== "pill" || e.status != null) && console.warn("[WMDS Button] `render` is supported on `layout=\"pill\"` without `status` only.");
13
+ function A(e) {
14
+ e.external && (e.render == null || e.layout !== "pill") && console.warn("[WMDS Button] `external` needs `render={<a href />}` on a pill button."), e.external && e.endIcon != null && console.warn("[WMDS Button] `external` is mutually exclusive with `endIcon`."), e.width != null && e.layout !== "row" && console.warn("[WMDS Button] `width` applies to `layout=\"row\"` only."), e.align != null && (e.layout === "row" || e.layout === "nav") && console.warn("[WMDS Button] `align` applies to pill buttons only."), e.emphasis != null && e.role !== "outline" && console.warn("[WMDS Button] `emphasis` applies to `role=\"outline\"` only."), (e.layout === "row" || e.layout === "nav") && (e.status != null || e.icon != null || e.count != null || e.endIcon != null || e.mono) && console.warn(`[WMDS Button] \`layout="${e.layout}"\` is mutually exclusive with \`status\`, \`icon\`, \`count\`, \`endIcon\`, and \`mono\`.`), e.status != null && (e.count != null || e.endIcon != null || e.mono) && console.warn("[WMDS Button] `status` is mutually exclusive with `count`, `endIcon`, and `mono`."), e.endIcon != null && e.count != null && console.warn("[WMDS Button] `endIcon` is mutually exclusive with `count`."), e.render != null && (e.layout === "row" || e.status != null) && console.warn("[WMDS Button] `render` is supported on `layout=\"pill\"` and `layout=\"nav\"` without `status` only.");
15
15
  }
16
- var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
17
- return A({
16
+ var j = T(function({ render: e, type: t, disabled: n, ...r }, i) {
17
+ return k({
18
18
  render: e,
19
19
  ref: i,
20
20
  defaultTagName: "button",
@@ -29,32 +29,48 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
29
29
  disabled: n
30
30
  }
31
31
  });
32
- }), N = E(function({ children: r, role: a = "primary", layout: c = "pill", width: h, align: b, emphasis: S, size: C = "md", disabled: w, type: E = "button", status: A, statusLabels: N, disableOnError: P, icon: F, count: I, mono: L = !1, endIcon: R, selected: z = !1, render: B, external: V = !1, externalIcon: H = !0, className: U, onClick: W, "aria-label": G, "aria-pressed": K, "aria-keyshortcuts": q, id: J, name: Y, form: X, ...Z }, Q) {
33
- if (j({
34
- status: A,
32
+ }), M = T(function({ render: e, type: t, disabled: n, ...r }, i) {
33
+ return k({
34
+ render: e,
35
+ ref: i,
36
+ defaultTagName: "button",
37
+ props: e ? {
38
+ ...r,
39
+ "aria-disabled": n ? !0 : void 0,
40
+ "data-disabled": n ? "" : void 0,
41
+ tabIndex: n ? -1 : r.tabIndex
42
+ } : {
43
+ ...r,
44
+ type: t,
45
+ disabled: n
46
+ }
47
+ });
48
+ }), N = T(function({ children: r, role: a = "primary", layout: c = "pill", width: m, align: y, emphasis: x, size: S = "md", disabled: C, type: T = "button", status: k, statusLabels: N, disableOnError: P, icon: F, count: I, mono: L = !1, endIcon: R, selected: z = !1, render: B, external: V = !1, externalIcon: H = !0, className: U, onClick: W, "aria-label": G, "aria-pressed": K, "aria-keyshortcuts": q, id: J, name: Y, form: X, ...Z }, Q) {
49
+ if (A({
50
+ status: k,
35
51
  icon: F,
36
52
  count: I,
37
53
  layout: c,
38
54
  render: B,
39
55
  endIcon: R,
40
56
  mono: L,
41
- width: h,
42
- align: b,
43
- emphasis: S,
57
+ width: m,
58
+ align: y,
59
+ emphasis: x,
44
60
  role: a,
45
61
  external: V
46
- }), A != null) return /* @__PURE__ */ O(T, {
62
+ }), k != null) return /* @__PURE__ */ D(w, {
47
63
  ...Z,
48
64
  ref: Q,
49
- status: A,
65
+ status: k,
50
66
  role: a,
51
- size: C,
67
+ size: S,
52
68
  statusLabels: N,
53
69
  icon: F,
54
70
  disableOnError: P,
55
- disabled: w,
71
+ disabled: C,
56
72
  className: U,
57
- type: E,
73
+ type: T,
58
74
  onClick: W,
59
75
  "aria-label": G,
60
76
  "aria-pressed": K,
@@ -64,11 +80,11 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
64
80
  form: X,
65
81
  children: r
66
82
  });
67
- if (c === "row") return /* @__PURE__ */ O("button", {
83
+ if (c === "row") return /* @__PURE__ */ D("button", {
68
84
  ...Z,
69
85
  ref: Q,
70
- type: E,
71
- disabled: w,
86
+ type: T,
87
+ disabled: C,
72
88
  onClick: W,
73
89
  "aria-label": G,
74
90
  "aria-pressed": K,
@@ -76,17 +92,18 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
76
92
  id: J,
77
93
  name: Y,
78
94
  form: X,
79
- className: e(g, m[a], _, v[h ?? "fill"], U),
95
+ className: e(h, p[a], g, _[m ?? "fill"], U),
80
96
  "data-role": a,
81
97
  "data-layout": "row",
82
- "data-width": h ?? "fill",
98
+ "data-width": m ?? "fill",
83
99
  children: r
84
100
  });
85
- if (c === "nav") return /* @__PURE__ */ O("button", {
101
+ if (c === "nav") return /* @__PURE__ */ D(j, {
86
102
  ...Z,
87
103
  ref: Q,
88
- type: E,
89
- disabled: w,
104
+ render: B,
105
+ type: T,
106
+ disabled: C,
90
107
  onClick: W,
91
108
  "aria-label": G,
92
109
  "aria-pressed": K,
@@ -95,13 +112,15 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
95
112
  id: J,
96
113
  name: Y,
97
114
  form: X,
98
- className: e(g, u, d(z), U),
115
+ className: e(h, u, d(z), U),
116
+ "data-role": a,
117
+ "data-size": S,
99
118
  "data-layout": "nav",
100
119
  "data-selected": z ? "" : void 0,
101
120
  children: r
102
121
  });
103
122
  let $ = V && B != null;
104
- return /* @__PURE__ */ k(M, {
123
+ return /* @__PURE__ */ O(M, {
105
124
  ...Z,
106
125
  ...$ ? {
107
126
  target: "_blank",
@@ -109,8 +128,8 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
109
128
  } : null,
110
129
  ref: Q,
111
130
  render: B,
112
- type: E,
113
- disabled: w,
131
+ type: T,
132
+ disabled: C,
114
133
  onClick: W,
115
134
  "aria-label": G,
116
135
  "aria-pressed": K,
@@ -118,41 +137,41 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
118
137
  id: J,
119
138
  name: Y,
120
139
  form: X,
121
- className: e(i, n[b ?? "center"], a === "outline" && S === "quiet" ? f : m[a], y[C], p, "gap-2", U),
140
+ className: e(i, n[y ?? "center"], a === "outline" && x === "quiet" ? f : p[a], v[S], ee, "gap-2", U),
122
141
  "data-role": a,
123
- "data-size": C,
124
- "data-align": b,
125
- "data-emphasis": a === "outline" ? S ?? "strong" : void 0,
142
+ "data-size": S,
143
+ "data-align": y,
144
+ "data-emphasis": a === "outline" ? x ?? "strong" : void 0,
126
145
  "data-mono": L ? "" : void 0,
127
146
  "data-end-icon": R ? "" : void 0,
128
147
  "data-external": $ ? "" : void 0,
129
148
  children: [
130
- F ? /* @__PURE__ */ O(x, {
131
- size: C,
149
+ F ? /* @__PURE__ */ D(b, {
150
+ size: S,
132
151
  children: F
133
152
  }) : null,
134
- /* @__PURE__ */ k("span", {
153
+ /* @__PURE__ */ O("span", {
135
154
  className: L ? l : void 0,
136
- children: [r, $ ? /* @__PURE__ */ O("span", {
155
+ children: [r, $ ? /* @__PURE__ */ D("span", {
137
156
  className: "sr-only",
138
157
  children: " (opens in a new tab)"
139
158
  }) : null]
140
159
  }),
141
- $ && H ? /* @__PURE__ */ O(D, {
160
+ $ && H ? /* @__PURE__ */ D(E, {
142
161
  className: s,
143
162
  strokeWidth: 2,
144
163
  "aria-hidden": !0
145
164
  }) : null,
146
- R ? /* @__PURE__ */ O("span", {
165
+ R ? /* @__PURE__ */ D("span", {
147
166
  className: o,
148
- children: /* @__PURE__ */ O(x, {
167
+ children: /* @__PURE__ */ D(b, {
149
168
  size: "xs",
150
169
  children: R
151
170
  })
152
171
  }) : null,
153
- I == null ? null : /* @__PURE__ */ O(t, { value: I })
172
+ I == null ? null : /* @__PURE__ */ D(t, { value: I })
154
173
  ]
155
174
  });
156
175
  });
157
176
  //#endregion
158
- export { N as Button, r as buttonAligns, a as buttonEmphases, c as buttonLayouts, h as buttonRoles, S as buttonStatusHoldMs, b as buttonWidths, C as defaultStatusLabels, w as getNextButtonStatus };
177
+ export { N as Button, r as buttonAligns, a as buttonEmphases, c as buttonLayouts, m as buttonRoles, x as buttonStatusHoldMs, y as buttonWidths, S as defaultStatusLabels, C as getNextButtonStatus };
@@ -1 +1 @@
1
- {"version":3,"file":"buttonStatusMotion.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStatusMotion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,oFAAoF;AACpF,MAAM,MAAM,WAAW,GAAG;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AA4CF,gEAAgE;AAChE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAO3D,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,WAAW,CAElF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM,CAElF;AAED,qFAAqF;AACrF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;CAIjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC"}
1
+ {"version":3,"file":"buttonStatusMotion.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStatusMotion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,oFAAoF;AACpF,MAAM,MAAM,WAAW,GAAG;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAgDF,gEAAgE;AAChE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAQ3D,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,WAAW,CAElF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM,CAElF;AAED,qFAAqF;AACrF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;CAIjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC"}
@@ -24,6 +24,10 @@ var e = {
24
24
  outline: {
25
25
  backgroundColor: "transparent",
26
26
  color: "var(--color-fg)"
27
+ },
28
+ "inverse-outline": {
29
+ backgroundColor: "transparent",
30
+ color: "var(--color-on-brand)"
27
31
  }
28
32
  }, t = {
29
33
  loading: {
@@ -49,7 +53,8 @@ var e = {
49
53
  ghost: "",
50
54
  destructive: "",
51
55
  inverse: "shadow-raised",
52
- outline: ""
56
+ outline: "",
57
+ "inverse-outline": ""
53
58
  };
54
59
  function i(n, r) {
55
60
  return n === "idle" ? e[r] : t[n];
@@ -1,5 +1,5 @@
1
1
  /** Prescribed action roles — not a semantic color picker. ADR-0004. */
2
- export declare const buttonRoles: readonly ["primary", "secondary", "ghost", "destructive", "inverse", "outline"];
2
+ export declare const buttonRoles: readonly ["primary", "secondary", "ghost", "destructive", "inverse", "outline", "inverse-outline"];
3
3
  export type ButtonRole = (typeof buttonRoles)[number];
4
4
  export type ButtonSize = "xs" | "sm" | "md" | "lg";
5
5
  export type IconButtonSize = ButtonSize;
@@ -1 +1 @@
1
- {"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStyles.ts"],"names":[],"mappings":"AAMA,uEAAuE;AACvE,eAAO,MAAM,WAAW,iFAAkF,CAAC;AAE3G,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;AAExC,iGAAiG;AACjG,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAE9C,eAAO,MAAM,aAAa,iCAAkC,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,8FAA8F;AAC9F,eAAO,MAAM,YAAY,0BAA2B,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,uGAAuG;AACvG,eAAO,MAAM,YAAY,8BAA+B,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,sGAAsG;AACtG,eAAO,MAAM,cAAc,8BAA+B,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,iBAAiB,QAUd,CAAC;AAEjB,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAaxD,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,yBAAyB,4FACqD,CAAC;AAE5F,4FAA4F;AAC5F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,2GACuE,CAAC;AAE3G,oGAAoG;AACpG,eAAO,MAAM,yBAAyB,kDAAkD,CAAC;AAEzF,6DAA6D;AAC7D,eAAO,MAAM,0BAA0B,kGAC0D,CAAC;AAElG,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK9D,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK5D,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAKhE,CAAC;AAEF,kHAAkH;AAClH,eAAO,MAAM,oBAAoB,QAK+C,CAAC;AAEjF,eAAO,MAAM,sBAAsB,QAEqB,CAAC;AAEzD,mHAAmH;AACnH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG7D,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,QAGqB,CAAC;AAEzD,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAI/D"}
1
+ {"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStyles.ts"],"names":[],"mappings":"AAMA,uEAAuE;AACvE,eAAO,MAAM,WAAW,oGAQd,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;AAExC,iGAAiG;AACjG,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAE9C,eAAO,MAAM,aAAa,iCAAkC,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,8FAA8F;AAC9F,eAAO,MAAM,YAAY,0BAA2B,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,uGAAuG;AACvG,eAAO,MAAM,YAAY,8BAA+B,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,sGAAsG;AACtG,eAAO,MAAM,cAAc,8BAA+B,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,iBAAiB,QAUd,CAAC;AAEjB,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAmBxD,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,yBAAyB,4FACqD,CAAC;AAE5F,4FAA4F;AAC5F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,2GACuE,CAAC;AAE3G,oGAAoG;AACpG,eAAO,MAAM,yBAAyB,kDAAkD,CAAC;AAEzF,6DAA6D;AAC7D,eAAO,MAAM,0BAA0B,kGAC0D,CAAC;AAElG,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK9D,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK5D,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAKhE,CAAC;AAEF,kHAAkH;AAClH,eAAO,MAAM,oBAAoB,QAK+C,CAAC;AAEjF,eAAO,MAAM,sBAAsB,QAEqB,CAAC;AAEzD,mHAAmH;AACnH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG7D,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,QAGqB,CAAC;AAEzD,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAI/D"}
@@ -1,6 +1,6 @@
1
1
  "use client";
2
- import { motionTransition as e, pressScaleClass as t } from "../../../lib/motion.js";
3
- import { clusterHeightClasses as n, clusterSquareClasses as r } from "../../../lib/clusterScale.js";
2
+ import { clusterHeightClasses as e, clusterSquareClasses as t } from "../../../lib/clusterScale.js";
3
+ import { motionTransition as n, pressScaleClass as r } from "../../../lib/motion.js";
4
4
  //#region src/components/atoms/Button/buttonStyles.ts
5
5
  var i = [
6
6
  "primary",
@@ -8,18 +8,20 @@ var i = [
8
8
  "ghost",
9
9
  "destructive",
10
10
  "inverse",
11
- "outline"
11
+ "outline",
12
+ "inverse-outline"
12
13
  ], a = "rounded-full", o = [
13
14
  "pill",
14
15
  "row",
15
16
  "nav"
16
- ], s = ["fill", "hug"], c = ["center", "start"], l = ["strong", "quiet"], u = "inline-flex cursor-pointer items-center font-sans font-medium normal-case tracking-normal transition-[color,transform,box-shadow,border-color,outline-color,background-color] " + e("fast") + " " + t + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:pointer-events-none aria-disabled:opacity-50 no-underline", d = {
17
+ ], s = ["fill", "hug"], c = ["center", "start"], l = ["strong", "quiet"], u = "inline-flex cursor-pointer items-center font-sans font-medium normal-case tracking-normal transition-[color,transform,box-shadow,border-color,outline-color,background-color] " + n("fast") + " " + r + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:pointer-events-none aria-disabled:opacity-50 no-underline", d = {
17
18
  primary: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
18
19
  secondary: "bg-secondary text-secondary-foreground shadow-raised hover:bg-secondary-hover active:bg-secondary-active",
19
20
  ghost: "bg-transparent text-ghost-foreground hover:bg-ghost-hover active:bg-ghost-active",
20
21
  destructive: "bg-error text-on-error hover:bg-error-hover active:bg-error-active",
21
22
  inverse: "bg-on-brand text-brand shadow-raised hover:bg-on-brand-hover active:bg-on-brand-hover",
22
- outline: "border border-fg bg-transparent text-fg hover:bg-ghost-hover active:bg-ghost-active"
23
+ outline: "border border-fg bg-transparent text-fg hover:bg-ghost-hover active:bg-ghost-active",
24
+ "inverse-outline": "border border-on-brand bg-transparent text-on-brand hover:bg-on-brand-hover hover:text-brand active:bg-on-brand-hover active:text-brand"
23
25
  }, f = "border border-border bg-transparent text-fg hover:bg-ghost-hover active:bg-ghost-active", p = {
24
26
  center: "justify-center",
25
27
  start: "justify-start text-left"
@@ -29,9 +31,9 @@ var i = [
29
31
  md: "px-5",
30
32
  lg: "px-7"
31
33
  }, v = {
32
- xs: `${n.sm} ${_.xs} py-1 text-sm leading-none`,
33
- sm: `${n.md} ${_.sm} py-1.5 text-sm leading-none`,
34
- md: `${n.lg} ${_.md} py-2.5 text-sm leading-none`,
34
+ xs: `${e.sm} ${_.xs} py-1 text-sm leading-none`,
35
+ sm: `${e.md} ${_.sm} py-1.5 text-sm leading-none`,
36
+ md: `${e.lg} ${_.md} py-2.5 text-sm leading-none`,
35
37
  lg: `min-h-12 ${_.lg} py-3 text-base leading-none`
36
38
  }, y = {
37
39
  xs: "size-3.5",
@@ -39,11 +41,11 @@ var i = [
39
41
  md: "size-4",
40
42
  lg: "size-[1.125rem]"
41
43
  }, b = {
42
- xs: r.sm,
43
- sm: r.md,
44
- md: r.lg,
44
+ xs: t.sm,
45
+ sm: t.md,
46
+ md: t.lg,
45
47
  lg: "size-12 shrink-0"
46
- }, x = "flex cursor-pointer items-center font-sans tracking-normal transition-[color,background-color,outline-color] " + e("fast") + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50", S = "h-auto min-h-0 rounded-md px-1.5 py-1 text-left font-normal focus-visible:ring-inset focus-visible:ring-offset-0", C = {
48
+ }, x = "flex cursor-pointer items-center font-sans tracking-normal transition-[color,background-color,outline-color] " + n("fast") + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50", S = "h-auto min-h-0 rounded-md px-1.5 py-1 text-left font-normal focus-visible:ring-inset focus-visible:ring-offset-0", C = {
47
49
  fill: "w-full justify-between gap-3",
48
50
  hug: "w-auto justify-start gap-1.5"
49
51
  }, w = "h-auto min-h-0 w-full justify-start gap-2.5 rounded-xl px-2.5 py-2 text-left text-sm font-normal leading-[var(--line-height-sm)] focus-visible:ring-inset focus-visible:ring-offset-0";
@@ -20,12 +20,14 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
20
20
  loading?: boolean;
21
21
  /** Leading Lucide icon. */
22
22
  icon?: ReactElement;
23
+ /** Monospace value — `type-code` instead of the sans face. For a read-only key or id. */
24
+ mono?: boolean;
23
25
  /**
24
26
  * Trailing inset inside the shell — pass {@link Badge} (e.g. Required).
25
27
  * Atoms cannot import Badge; compose at call site. Combinable with `status` / `loading`.
26
28
  */
27
29
  endBadge?: ReactElement;
28
- /** Inside Search — no outer shell; parent pill owns border and focus ring. */
30
+ /** Inside a parent pill (Search, CopyField) — no outer shell; the parent owns border and focus ring. */
29
31
  inline?: boolean;
30
32
  className?: InputLayoutClassName;
31
33
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AAKf,OAAO,EA0BL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEtF,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAyCD;;;GAGG;AACH,eAAO,MAAM,KAAK,yGAqKhB,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AAKf,OAAO,EA2BL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEtF,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,yFAAyF;IACzF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,wGAAwG;IACxG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AA2CD;;;GAGG;AACH,eAAO,MAAM,KAAK,yGAuKhB,CAAC"}
@@ -1,105 +1,105 @@
1
1
  "use client";
2
2
  import { cn as e } from "../../../lib/cn.js";
3
3
  import { typographyClass as t } from "../../../lib/typography.js";
4
- import { inputAttachedFieldClasses as n, inputAttachedInputClasses as r, inputBaseClasses as i, inputCompoundInnerFieldClassesFor as a, inputCompoundShellClassesFor as o, inputControlStackClasses as s, inputDisabledClasses as ee, inputEndBadgeAndStatusGapClasses as c, inputEndBadgeGapClasses as l, inputEndBadgeWrapperClasses as u, inputFieldStackClasses as d, inputIconGapClasses as f, inputIconPositionClasses as p, inputIconSizeClasses as m, inputInlineClasses as h, inputMessagePositions as g, inputShellClasses as _, inputSizeClasses as v, inputSizes as y, inputSoloFocusRingBaseClasses as b, inputSoloFocusRingColorClasses as x, inputSoloRadiusClasses as S, inputStatusGapClasses as C, inputStatusShellClasses as w, inputStatuses as T, inputTrailingInsetClasses as E, inputTrailingInsetPositionClasses as te } from "./inputShellStyles.js";
5
- import { InputStatusBanner as ne } from "../inputShared/InputStatusBanner.js";
6
- import { InputTrailingAffordance as re } from "../inputShared/InputTrailingAffordance.js";
7
- import { forwardRef as D, useId as ie } from "react";
8
- import { Fragment as ae, jsx as O, jsxs as k } from "react/jsx-runtime";
4
+ import { inputAttachedFieldClasses as n, inputAttachedInputClasses as r, inputBaseClasses as i, inputCompoundInnerFieldClassesFor as a, inputCompoundShellClassesFor as o, inputControlStackClasses as s, inputDisabledClasses as c, inputEndBadgeAndStatusGapClasses as l, inputEndBadgeGapClasses as u, inputEndBadgeWrapperClasses as ee, inputFieldStackClasses as te, inputIconGapClasses as d, inputIconPositionClasses as f, inputIconSizeClasses as p, inputInlineClasses as m, inputMessagePositions as h, inputShellClasses as g, inputSizeClasses as _, inputSizes as v, inputSoloFocusRingBaseClasses as y, inputSoloFocusRingColorClasses as b, inputSoloRadiusClasses as x, inputStatusGapClasses as S, inputStatusShellClasses as C, inputStatuses as w, inputTrailingInsetClasses as ne, inputTrailingInsetPositionClasses as re } from "./inputShellStyles.js";
5
+ import { InputStatusBanner as ie } from "../inputShared/InputStatusBanner.js";
6
+ import { InputTrailingAffordance as ae } from "../inputShared/InputTrailingAffordance.js";
7
+ import { forwardRef as T, useId as oe } from "react";
8
+ import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
9
9
  //#region src/components/atoms/Input/Input.tsx
10
- function A(e) {
10
+ function k(e) {
11
11
  e.label == null && e["aria-label"] == null && e["aria-labelledby"] == null && console.warn("[WMDS Input] Provide `label`, `aria-label`, or `aria-labelledby`.");
12
12
  }
13
- function j(e) {
14
- e.message != null && e.status == null && console.warn("[WMDS Input] `message` requires `status`."), e.inline && (e.label != null || e.description != null || e.status != null || e.message != null) && console.warn("[WMDS Input] `inline` is for Search rows only — omit label, description, and validation.");
13
+ function A(e) {
14
+ e.message != null && e.status == null && console.warn("[WMDS Input] `message` requires `status`."), e.inline && (e.label != null || e.description != null || e.status != null || e.message != null) && console.warn("[WMDS Input] `inline` is for a parent pill (Search, CopyField) — omit label, description, and validation.");
15
15
  }
16
- function M(e, t, n) {
17
- return t && n ? c[e] : t ? l[e] : n ? C[e] : !1;
16
+ function j(e, t, n) {
17
+ return t && n ? l[e] : t ? u[e] : n ? S[e] : !1;
18
18
  }
19
- var N = D(function({ size: c = "md", label: l, description: g, status: y, message: C, messagePosition: T = "bottom", loading: D = !1, icon: N, endBadge: P, inline: F = !1, className: I, disabled: L, id: R, "aria-describedby": z, ...B }, V) {
20
- let H = ie(), U = R ?? H;
21
- A({
22
- label: l,
19
+ var M = T(function({ size: l = "md", label: u, description: h, status: v, message: S, messagePosition: w = "bottom", loading: T = !1, icon: M, endBadge: N, mono: P = !1, inline: F = !1, className: I, disabled: L, id: R, "aria-describedby": z, ...B }, V) {
20
+ let H = oe(), U = R ?? H;
21
+ k({
22
+ label: u,
23
23
  "aria-label": B["aria-label"],
24
24
  "aria-labelledby": B["aria-labelledby"]
25
- }), j({
26
- status: y,
27
- message: C,
28
- messagePosition: T,
29
- loading: D,
25
+ }), A({
26
+ status: v,
27
+ message: S,
28
+ messagePosition: w,
29
+ loading: T,
30
30
  inline: F,
31
- label: l,
32
- description: g
31
+ label: u,
32
+ description: h
33
33
  });
34
- let W = C != null && C.length > 0 && y != null, G = P != null, K = !W && (D || y != null), q = N != null, J = M(c, G, K), Y = g != null && !W ? `${U}-description` : void 0, X = W ? `${U}-message` : void 0, oe = [
34
+ let W = S != null && S.length > 0 && v != null, G = N != null, K = !W && (T || v != null), q = M != null, J = j(l, G, K), Y = h != null && !W ? `${U}-description` : void 0, X = W ? `${U}-message` : void 0, se = [
35
35
  z,
36
36
  Y,
37
37
  X
38
- ].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */ k(ae, { children: [
39
- q ? /* @__PURE__ */ O("span", {
40
- className: e("pointer-events-none absolute top-1/2 inline-flex -translate-y-1/2 [&>svg]:size-full [&>svg]:shrink-0 [&>svg]:stroke-current", p[c], m[c]),
38
+ ].filter(Boolean).join(" ") || void 0, Z = /* @__PURE__ */ O(E, { children: [
39
+ q ? /* @__PURE__ */ D("span", {
40
+ className: e("pointer-events-none absolute top-1/2 inline-flex -translate-y-1/2 [&>svg]:size-full [&>svg]:shrink-0 [&>svg]:stroke-current", f[l], p[l]),
41
41
  "aria-hidden": !0,
42
- children: N
42
+ children: M
43
43
  }) : null,
44
- /* @__PURE__ */ O("input", {
44
+ /* @__PURE__ */ D("input", {
45
45
  ...B,
46
46
  ref: V,
47
47
  id: U,
48
48
  disabled: L,
49
- "aria-invalid": y === "error" || void 0,
50
- "aria-describedby": oe,
51
- className: e(ee, W ? e(n, v[c], q && f[c], J, r) : e(i, F ? e(h, q && f[c], I ?? v[c]) : e(v[c], q && f[c], J, y == null ? _[c] : e("border", w[y]), S[c], b, y == null ? x.default : x[y], I)))
49
+ "aria-invalid": v === "error" || void 0,
50
+ "aria-describedby": se,
51
+ className: e(c, P && "type-code !font-mono !leading-none", W ? e(n, _[l], q && d[l], J, r) : e(i, F ? e(m, q && d[l], I ?? _[l]) : e(_[l], q && d[l], J, v == null ? g[l] : e("border", C[v]), x[l], y, v == null ? b.default : b[v], I)))
52
52
  }),
53
- G || K ? /* @__PURE__ */ k("span", {
54
- className: e(E, te[c]),
55
- children: [G ? /* @__PURE__ */ O("span", {
56
- className: u,
57
- children: P
58
- }) : null, K ? /* @__PURE__ */ O(re, {
59
- size: c,
60
- status: D ? void 0 : y,
61
- loading: D
53
+ G || K ? /* @__PURE__ */ O("span", {
54
+ className: e(ne, re[l]),
55
+ children: [G ? /* @__PURE__ */ D("span", {
56
+ className: ee,
57
+ children: N
58
+ }) : null, K ? /* @__PURE__ */ D(ae, {
59
+ size: l,
60
+ status: T ? void 0 : v,
61
+ loading: T
62
62
  }) : null]
63
63
  }) : null
64
- ] }), Q = W && y != null && X != null ? /* @__PURE__ */ O(ne, {
65
- status: y,
66
- message: C,
64
+ ] }), Q = W && v != null && X != null ? /* @__PURE__ */ D(ie, {
65
+ status: v,
66
+ message: S,
67
67
  messageId: X,
68
- size: c,
69
- messagePosition: T
70
- }) : null, $ = W && y != null ? /* @__PURE__ */ k("div", {
71
- className: o(c, y),
68
+ size: l,
69
+ messagePosition: w
70
+ }) : null, $ = W && v != null ? /* @__PURE__ */ O("div", {
71
+ className: o(l, v),
72
72
  children: [
73
- T === "top" ? Q : null,
74
- /* @__PURE__ */ O("div", {
75
- className: a(c, y, T),
73
+ w === "top" ? Q : null,
74
+ /* @__PURE__ */ D("div", {
75
+ className: a(l, v, w),
76
76
  children: Z
77
77
  }),
78
- T === "bottom" ? Q : null
78
+ w === "bottom" ? Q : null
79
79
  ]
80
- }) : /* @__PURE__ */ O("div", {
80
+ }) : /* @__PURE__ */ D("div", {
81
81
  className: e(F ? "relative flex min-w-0 flex-1 items-center" : s),
82
- children: /* @__PURE__ */ O("div", {
82
+ children: /* @__PURE__ */ D("div", {
83
83
  className: "relative flex w-full items-center",
84
84
  children: Z
85
85
  })
86
86
  });
87
- return F || l == null && g == null ? $ : /* @__PURE__ */ k("div", {
88
- className: d,
87
+ return F || u == null && h == null ? $ : /* @__PURE__ */ O("div", {
88
+ className: te,
89
89
  children: [
90
- l == null ? null : /* @__PURE__ */ O("label", {
90
+ u == null ? null : /* @__PURE__ */ D("label", {
91
91
  htmlFor: U,
92
92
  className: e(t("ui-label"), L && "opacity-50"),
93
- children: l
93
+ children: u
94
94
  }),
95
95
  $,
96
- Y == null ? null : /* @__PURE__ */ O("p", {
96
+ Y == null ? null : /* @__PURE__ */ D("p", {
97
97
  id: Y,
98
98
  className: t("caption"),
99
- children: g
99
+ children: h
100
100
  })
101
101
  ]
102
102
  });
103
103
  });
104
104
  //#endregion
105
- export { N as Input, g as inputMessagePositions, y as inputSizes, T as inputStatuses };
105
+ export { M as Input, h as inputMessagePositions, v as inputSizes, w as inputStatuses };
@@ -7,8 +7,14 @@ export type InputMessagePosition = (typeof inputMessagePositions)[number];
7
7
  /** Input shell — text + focus ring share one eased fade (`slow` ≈ 280ms). */
8
8
  export declare const inputShellTransitionClasses: string;
9
9
  export declare const inputBaseClasses: string;
10
+ /**
11
+ * Monospace face for a read-only key or id (`type-code`).
12
+ * `!font-mono` wins over `font-sans` on the same element (`cn` does not merge).
13
+ * `!leading-none` keeps the single-line field's centering.
14
+ */
15
+ export declare const inputMonoFaceClasses = "type-code !font-mono !leading-none";
10
16
  /** Solo shell — ring sits on the input with page offset. */
11
- export declare const inputSoloFocusRingBaseClasses = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-body";
17
+ export declare const inputSoloFocusRingBaseClasses = "focus-visible:outline-none focus-visible:ring-2";
12
18
  export declare const inputSoloFocusRingColorClasses: {
13
19
  readonly default: "focus-visible:ring-focus-ring";
14
20
  readonly error: "focus-visible:ring-error-focus-ring";
@@ -87,9 +93,9 @@ export declare const inputCompoundWrapperClasses: Record<InputSize, string>;
87
93
  export declare const inputCompoundStatusBorderClasses: Record<InputStatus, string>;
88
94
  /** Input inside validation shell — shell owns border, bg, and focus ring. */
89
95
  export declare const inputAttachedFieldClasses: string;
90
- export declare const inputAttachedInputClasses = "rounded-none border-0 shadow-none focus-visible:outline-none focus-visible:ring-0";
96
+ export declare const inputAttachedInputClasses = "rounded-none border-0 shadow-none focus-visible:!outline-none focus-visible:!ring-0";
91
97
  /** Input inside Search / inline row — parent owns shell and focus ring. */
92
- export declare const inputInlineClasses = "rounded-none border-0 bg-transparent shadow-none focus-visible:outline-none focus-visible:ring-0";
98
+ export declare const inputInlineClasses = "rounded-none border-0 bg-transparent shadow-none focus-visible:!outline-none focus-visible:!ring-0";
93
99
  /** @deprecated Split shells removed — use {@link inputCompoundWrapperClasses}. */
94
100
  export declare const inputAttachedShellClasses = "border-b-0";
95
101
  export declare const inputDisabledClasses = "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50";
@@ -1 +1 @@
1
- {"version":3,"file":"inputShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/inputShellStyles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"inputShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/inputShellStyles.ts"],"names":[],"mappings":"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"}