@astryxdesign/core 0.1.3 → 0.1.4-canary.02643db

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 (168) hide show
  1. package/CHANGELOG.md +51 -0
  2. package/dist/Button/Button.d.ts.map +1 -1
  3. package/dist/Button/Button.js +29 -8
  4. package/dist/Calendar/Calendar.d.ts.map +1 -1
  5. package/dist/Calendar/Calendar.js +49 -20
  6. package/dist/Calendar/dayCellUtils.d.ts +67 -5
  7. package/dist/Calendar/dayCellUtils.d.ts.map +1 -1
  8. package/dist/Calendar/dayCellUtils.js +139 -18
  9. package/dist/CheckboxInput/CheckboxInput.d.ts +6 -1
  10. package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
  11. package/dist/CheckboxInput/CheckboxInput.js +7 -1
  12. package/dist/Code/Code.d.ts +15 -1
  13. package/dist/Code/Code.d.ts.map +1 -1
  14. package/dist/Code/Code.js +32 -2
  15. package/dist/Code/index.d.ts +1 -1
  16. package/dist/Code/index.d.ts.map +1 -1
  17. package/dist/CodeBlock/index.d.ts +1 -1
  18. package/dist/CodeBlock/index.d.ts.map +1 -1
  19. package/dist/CommandPalette/CommandPaletteEmpty.d.ts +1 -1
  20. package/dist/CommandPalette/CommandPaletteEmpty.d.ts.map +1 -1
  21. package/dist/CommandPalette/CommandPaletteEmpty.js +24 -4
  22. package/dist/ContextMenu/ContextMenu.d.ts +9 -1
  23. package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
  24. package/dist/ContextMenu/ContextMenu.js +6 -3
  25. package/dist/DateRangeInput/DateRangeInput.js +2 -2
  26. package/dist/DateTimeInput/DateTimeInput.d.ts +0 -5
  27. package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
  28. package/dist/Divider/Divider.d.ts +0 -22
  29. package/dist/Divider/Divider.d.ts.map +1 -1
  30. package/dist/Markdown/parser.d.ts +7 -0
  31. package/dist/Markdown/parser.d.ts.map +1 -1
  32. package/dist/Markdown/parser.js +300 -6
  33. package/dist/MultiSelector/MultiSelector.d.ts +7 -1
  34. package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
  35. package/dist/MultiSelector/MultiSelector.js +10 -1
  36. package/dist/RadioList/RadioList.d.ts +7 -1
  37. package/dist/RadioList/RadioList.d.ts.map +1 -1
  38. package/dist/RadioList/RadioList.js +3 -1
  39. package/dist/RadioList/RadioListItem.d.ts.map +1 -1
  40. package/dist/RadioList/RadioListItem.js +6 -1
  41. package/dist/Selector/Selector.d.ts +6 -0
  42. package/dist/Selector/Selector.d.ts.map +1 -1
  43. package/dist/Selector/Selector.js +9 -0
  44. package/dist/Slider/Slider.d.ts +6 -0
  45. package/dist/Slider/Slider.d.ts.map +1 -1
  46. package/dist/Slider/Slider.js +10 -1
  47. package/dist/Spinner/Spinner.d.ts.map +1 -1
  48. package/dist/Spinner/Spinner.js +1 -1
  49. package/dist/Switch/Switch.d.ts +6 -1
  50. package/dist/Switch/Switch.d.ts.map +1 -1
  51. package/dist/Switch/Switch.js +7 -1
  52. package/dist/Table/BaseTable.d.ts.map +1 -1
  53. package/dist/Table/BaseTable.js +8 -1
  54. package/dist/Table/TableCell.d.ts.map +1 -1
  55. package/dist/Table/TableCell.js +73 -4
  56. package/dist/Table/index.d.ts +2 -0
  57. package/dist/Table/index.d.ts.map +1 -1
  58. package/dist/Table/index.js +1 -0
  59. package/dist/Table/plugins/rowExpansion/index.d.ts +3 -0
  60. package/dist/Table/plugins/rowExpansion/index.d.ts.map +1 -0
  61. package/dist/Table/plugins/rowExpansion/index.js +3 -0
  62. package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts +90 -0
  63. package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map +1 -0
  64. package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +398 -0
  65. package/dist/Table/tableContextMenu.d.ts +5 -1
  66. package/dist/Table/tableContextMenu.d.ts.map +1 -1
  67. package/dist/Table/tableContextMenu.js +10 -3
  68. package/dist/Text/Text.d.ts +1 -1
  69. package/dist/Text/Text.d.ts.map +1 -1
  70. package/dist/Text/Text.js +4 -3
  71. package/dist/Text/text.stylex.d.ts +35 -0
  72. package/dist/Text/text.stylex.d.ts.map +1 -1
  73. package/dist/Text/text.stylex.js +52 -1
  74. package/dist/Tokenizer/Tokenizer.d.ts +6 -1
  75. package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
  76. package/dist/Tokenizer/Tokenizer.js +10 -1
  77. package/dist/astryx.css +16 -0
  78. package/dist/astryx.umd.js +51 -49
  79. package/dist/astryx.umd.js.map +4 -4
  80. package/dist/docs-types.d.ts +12 -0
  81. package/dist/docs-types.d.ts.map +1 -1
  82. package/package.json +1 -1
  83. package/src/AspectRatio/AspectRatio.doc.mjs +1 -1
  84. package/src/Avatar/Avatar.doc.mjs +2 -2
  85. package/src/Button/Button.tsx +39 -6
  86. package/src/ButtonGroup/ButtonGroup.doc.mjs +1 -1
  87. package/src/Calendar/Calendar.test.tsx +106 -0
  88. package/src/Calendar/Calendar.tsx +59 -22
  89. package/src/Calendar/dayCellUtils.test.ts +306 -1
  90. package/src/Calendar/dayCellUtils.ts +206 -13
  91. package/src/Card/Card.doc.mjs +1 -1
  92. package/src/Chat/useChatNewMessages.test.tsx +4 -4
  93. package/src/CheckboxInput/CheckboxInput.doc.mjs +9 -1
  94. package/src/CheckboxInput/CheckboxInput.test.tsx +36 -0
  95. package/src/CheckboxInput/CheckboxInput.tsx +11 -0
  96. package/src/CheckboxList/CheckboxList.doc.mjs +1 -1
  97. package/src/Code/Code.test.tsx +54 -0
  98. package/src/Code/Code.tsx +48 -4
  99. package/src/Code/index.ts +1 -1
  100. package/src/CodeBlock/index.ts +1 -1
  101. package/src/CommandPalette/CommandPaletteEmpty.tsx +15 -1
  102. package/src/ContextMenu/ContextMenu.tsx +17 -1
  103. package/src/DateInput/DateInput.doc.mjs +6 -1
  104. package/src/DateRangeInput/DateRangeInput.doc.mjs +1 -1
  105. package/src/DateRangeInput/DateRangeInput.tsx +2 -2
  106. package/src/DateTimeInput/DateTimeInput.doc.mjs +1 -1
  107. package/src/DateTimeInput/DateTimeInput.tsx +1 -6
  108. package/src/Divider/Divider.tsx +1 -23
  109. package/src/DropdownMenu/DropdownMenu.test.tsx +5 -3
  110. package/src/EmptyState/EmptyState.doc.mjs +1 -1
  111. package/src/Field/Field.doc.mjs +1 -1
  112. package/src/FileInput/FileInput.doc.mjs +1 -1
  113. package/src/FormLayout/__snapshots__/FormLayout.test.tsx.snap +0 -3
  114. package/src/Grid/Grid.doc.mjs +3 -3
  115. package/src/Layout/__tests__/edgeCompensation.test.tsx +72 -0
  116. package/src/Markdown/Markdown.test.tsx +23 -0
  117. package/src/Markdown/incremental.test.ts +36 -0
  118. package/src/Markdown/parser.test.ts +210 -0
  119. package/src/Markdown/parser.ts +301 -6
  120. package/src/MobileNav/MobileNav.doc.mjs +20 -0
  121. package/src/MultiSelector/MultiSelector.doc.mjs +14 -1
  122. package/src/MultiSelector/MultiSelector.test.tsx +33 -0
  123. package/src/MultiSelector/MultiSelector.tsx +20 -0
  124. package/src/PowerSearch/PowerSearch.doc.mjs +2 -2
  125. package/src/RadioList/RadioList.doc.mjs +7 -1
  126. package/src/RadioList/RadioList.test.tsx +46 -0
  127. package/src/RadioList/RadioList.tsx +10 -1
  128. package/src/RadioList/RadioListItem.tsx +4 -0
  129. package/src/Section/Section.test.tsx +4 -10
  130. package/src/SegmentedControl/SegmentedControl.doc.mjs +1 -1
  131. package/src/Selector/Selector.doc.mjs +12 -1
  132. package/src/Selector/Selector.test.tsx +30 -0
  133. package/src/Selector/Selector.tsx +18 -0
  134. package/src/Slider/Slider.doc.mjs +14 -2
  135. package/src/Slider/Slider.test.tsx +30 -0
  136. package/src/Slider/Slider.tsx +20 -0
  137. package/src/Spinner/Spinner.tsx +1 -0
  138. package/src/Switch/Switch.doc.mjs +14 -2
  139. package/src/Switch/Switch.test.tsx +38 -0
  140. package/src/Switch/Switch.tsx +12 -0
  141. package/src/TabList/TabList.doc.mjs +3 -3
  142. package/src/Table/BaseTable.tsx +9 -1
  143. package/src/Table/Table.test.tsx +23 -0
  144. package/src/Table/TableCell.tsx +87 -8
  145. package/src/Table/index.ts +5 -0
  146. package/src/Table/plugins/rowExpansion/index.ts +7 -0
  147. package/src/Table/plugins/rowExpansion/useTableRowExpansion.test.tsx +155 -0
  148. package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx +590 -0
  149. package/src/Table/tableContextMenu.test.tsx +27 -3
  150. package/src/Table/tableContextMenu.tsx +20 -2
  151. package/src/Table/useTablePagination.doc.mjs +4 -1
  152. package/src/Table/useTableRowExpansion.doc.mjs +80 -0
  153. package/src/Table/useTableSortable.doc.mjs +4 -1
  154. package/src/Text/Text.doc.mjs +2 -2
  155. package/src/Text/Text.test.tsx +11 -0
  156. package/src/Text/Text.tsx +4 -2
  157. package/src/Text/text.stylex.ts +41 -0
  158. package/src/TextArea/TextArea.doc.mjs +1 -1
  159. package/src/TextInput/TextInput.doc.mjs +1 -1
  160. package/src/TimeInput/TimeInput.doc.mjs +11 -6
  161. package/src/Tokenizer/Tokenizer.doc.mjs +14 -2
  162. package/src/Tokenizer/Tokenizer.test.tsx +33 -0
  163. package/src/Tokenizer/Tokenizer.tsx +19 -0
  164. package/src/Toolbar/Toolbar.test.tsx +1 -1
  165. package/src/Typeahead/BaseTypeahead.doc.mjs +10 -0
  166. package/src/Typeahead/Typeahead.doc.mjs +6 -1
  167. package/src/docs-types.ts +12 -0
  168. package/src/hooks/useKeyboardHint.doc.mjs +6 -6
package/dist/Tokenizer/Tokenizer.js CHANGED
@@ -235,6 +235,7 @@ export function Tokenizer({
235
235
  maxMenuItems,
236
236
  emptySearchResultsText,
237
237
  isDisabled = false,
238
+ htmlName,
238
239
  disabledMessage,
239
240
  hasClear = false,
240
241
  endContent,
@@ -555,7 +556,15 @@ export function Tokenizer({
555
556
  anchorRef: wrapperRef,
556
557
  size: size,
557
558
  inputXStyle: isAtMax || isTruncated ? styles.inputAtMax : value.length > 0 ? styles.inputCompact : undefined
558
- }), (endContent || hasClear && value.length > 0 && !isDisabled) && /*#__PURE__*/_jsxs("div", {
559
+ }), htmlName != null && value.map(item => /*#__PURE__*/_jsx("input", {
560
+ type: "hidden",
561
+ name: htmlName,
562
+ value: item.id
563
+ // Disabled native controls are excluded from form submission;
564
+ // mirror that for the hidden carriers.
565
+ ,
566
+ disabled: isDisabled
567
+ }, item.id)), (endContent || hasClear && value.length > 0 && !isDisabled) && /*#__PURE__*/_jsxs("div", {
559
568
  ...stylex.props(styles.endSection, endSectionSizeStyles[size]),
560
569
  children: [endContent, hasClear && value.length > 0 && !isDisabled && /*#__PURE__*/_jsx(InputClearButton, {
561
570
  label: "Clear all",
package/dist/astryx.css CHANGED
@@ -23,6 +23,7 @@
23
23
  @property --x-maxWidth { syntax: "*"; inherits: false;}
24
24
  @property --x-minHeight { syntax: "*"; inherits: false;}
25
25
  @property --x-minWidth { syntax: "*"; inherits: false;}
26
+ @property --x-paddingInlineStart { syntax: "*"; inherits: false;}
26
27
  @property --x-right { syntax: "*"; inherits: false;}
27
28
  @property --x-top { syntax: "*"; inherits: false;}
28
29
  @property --x-transform { syntax: "*"; inherits: false;}
@@ -701,6 +702,17 @@
701
702
  .xwsyq91:not(#\#):not(#\#):not(#\#){font-size:20px}
702
703
  .x1pvqxga:not(#\#):not(#\#):not(#\#){font-size:24px}
703
704
  .x1qlqyl8:not(#\#):not(#\#):not(#\#){font-size:inherit}
705
+ .xhs0kqb:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-2xl)}
706
+ .x16a80zy:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-2xs)}
707
+ .x10srzze:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-3xl)}
708
+ .x10p7juq:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-3xs)}
709
+ .xqcvi3d:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-4xl)}
710
+ .xxc45ev:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-4xs)}
711
+ .x1j29vfg:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-base)}
712
+ .xc7cgfe:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-lg)}
713
+ .x1eqnyfr:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-sm)}
714
+ .x1wqms48:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-xl)}
715
+ .x51wmvv:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-xs)}
704
716
  .xho7bvi:not(#\#):not(#\#):not(#\#){font-size:var(--spacing-4)}
705
717
  .xjm74w1:not(#\#):not(#\#):not(#\#){font-size:var(--text-body-size)}
706
718
  .xp03k98:not(#\#):not(#\#):not(#\#){font-size:var(--text-code-size)}
@@ -869,6 +881,7 @@
869
881
  .x31w388:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-6)}
870
882
  .xchaq28:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-7)}
871
883
  .x1j3hnjz:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-8)}
884
+ .xnvo3vl:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--x-paddingInlineStart)}
872
885
  .x67bb7w:not(#\#):not(#\#):not(#\#){pointer-events:auto}
873
886
  .x47corl:not(#\#):not(#\#):not(#\#){pointer-events:none}
874
887
  .x1tsffl5:not(#\#):not(#\#):not(#\#){position-anchor:--outline-active}
@@ -985,6 +998,7 @@
985
998
  .x19991ni:not(#\#):not(#\#):not(#\#){transition-property:opacity}
986
999
  .x1xuz8iz:not(#\#):not(#\#):not(#\#){transition-property:top,height}
987
1000
  .x18dpk69:not(#\#):not(#\#):not(#\#){transition-property:transform,background-color}
1001
+ .xefglzl:not(#\#):not(#\#):not(#\#){transition-property:transform,color,background-color}
988
1002
  .xh3q6i0:not(#\#):not(#\#):not(#\#){transition-property:transform,width,height}
989
1003
  .x11xpdln:not(#\#):not(#\#):not(#\#){transition-property:transform}
990
1004
  .xxrbq2n:not(#\#):not(#\#):not(#\#){transition-property:width}
@@ -1002,6 +1016,7 @@
1002
1016
  .xuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
1003
1017
  .x126k92a:not(#\#):not(#\#):not(#\#){white-space:pre-wrap}
1004
1018
  .x1sdyfia:not(#\#):not(#\#):not(#\#){white-space:pre}
1019
+ .x1so62im:not(#\#):not(#\#):not(#\#){will-change:transform}
1005
1020
  .x1yn0g08:not(#\#):not(#\#):not(#\#){word-break:break-all}
1006
1021
  .x13faqbe:not(#\#):not(#\#):not(#\#){word-break:break-word}
1007
1022
  .x1lldw8n:not(#\#):not(#\#):not(#\#){word-break:normal}
@@ -1059,6 +1074,7 @@
1059
1074
  .x1wzlfcn:last-child:not(#\#):not(#\#):not(#\#){padding-inline-end:max(var(--container-padding-inline-end,var(--spacing-4)),var(--spacing-2))}
1060
1075
  .x1dnou9g:nth-child(even):not(#\#):not(#\#):not(#\#){background-color:var(--color-background-muted)}
1061
1076
  .x1uwx2nv:hover:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}
1077
+ .x1cqbx0l:hover:not(#\#):not(#\#):not(#\#){color:var(--color-icon-primary)}
1062
1078
  .x1c52tdz:focus:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}
1063
1079
  .x1rsz1da:focus:not(#\#):not(#\#):not(#\#){clip-path:none}
1064
1080
  .xodanix:focus:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--spacing-2)}