@voxel51/voodo 2.0.0 → 2.1.0

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 (151) hide show
  1. package/bin/voodo.mjs +127 -0
  2. package/dist/cli/reference.d.ts +79 -0
  3. package/dist/cli/reference.d.ts.map +1 -0
  4. package/dist/cli.cjs +11 -0
  5. package/dist/cli.cjs.map +1 -0
  6. package/dist/cli.d.ts +2 -0
  7. package/dist/cli.js +167 -0
  8. package/dist/cli.js.map +1 -0
  9. package/dist/components/ActivityToast/ActivityToast.d.ts +1 -1
  10. package/dist/components/ActivityToast/ActivityToast.d.ts.map +1 -1
  11. package/dist/components/Button/Button.d.ts +5 -3
  12. package/dist/components/Button/Button.d.ts.map +1 -1
  13. package/dist/components/Card/Card.d.ts +3 -3
  14. package/dist/components/Card/Card.d.ts.map +1 -1
  15. package/dist/components/Card/RichCard.d.ts +3 -1
  16. package/dist/components/Card/RichCard.d.ts.map +1 -1
  17. package/dist/components/Checkbox/Checkbox.d.ts +1 -0
  18. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  19. package/dist/components/Clickable/Clickable.d.ts +1 -1
  20. package/dist/components/Combobox/Combobox.d.ts +3 -3
  21. package/dist/components/Combobox/Combobox.d.ts.map +1 -1
  22. package/dist/components/ContextMenu/ContextMenu.d.ts +1 -1
  23. package/dist/components/Datepicker/DatePicker.d.ts +1 -1
  24. package/dist/components/Datepicker/DatepickerIconButton.d.ts.map +1 -1
  25. package/dist/components/Divider/Divider.d.ts +21 -14
  26. package/dist/components/Divider/Divider.d.ts.map +1 -1
  27. package/dist/components/Drawer/Drawer.d.ts +37 -0
  28. package/dist/components/Drawer/Drawer.d.ts.map +1 -1
  29. package/dist/components/Dropdown/Dropdown.d.ts +3 -3
  30. package/dist/components/Dropdown/Dropdown.d.ts.map +1 -1
  31. package/dist/components/Dropdown/DropdownTrigger.d.ts +2 -2
  32. package/dist/components/Dropzone/Dropzone.d.ts.map +1 -1
  33. package/dist/components/EmptyState/EmptyState.d.ts +11 -4
  34. package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
  35. package/dist/components/FormField/FormField.d.ts +2 -2
  36. package/dist/components/FormField/FormField.d.ts.map +1 -1
  37. package/dist/components/FormFieldGroup/FormFieldGroup.d.ts +4 -19
  38. package/dist/components/FormFieldGroup/FormFieldGroup.d.ts.map +1 -1
  39. package/dist/components/Heading/Heading.d.ts +1 -1
  40. package/dist/components/Heading/Heading.d.ts.map +1 -1
  41. package/dist/components/IconAction/IconAction.d.ts +7 -1
  42. package/dist/components/IconAction/IconAction.d.ts.map +1 -1
  43. package/dist/components/Icons/Icon.d.ts +4 -3
  44. package/dist/components/Icons/Icon.d.ts.map +1 -1
  45. package/dist/components/Icons/IconBase.d.ts +2 -0
  46. package/dist/components/Icons/IconBase.d.ts.map +1 -1
  47. package/dist/components/Icons/IconWrapper.d.ts +3 -1
  48. package/dist/components/Icons/IconWrapper.d.ts.map +1 -1
  49. package/dist/components/ImageList/ImageList.d.ts +4 -4
  50. package/dist/components/ImageList/ImageList.d.ts.map +1 -1
  51. package/dist/components/Input/Input.d.ts +14 -19
  52. package/dist/components/Input/Input.d.ts.map +1 -1
  53. package/dist/components/Input/InputIcon.d.ts +1 -1
  54. package/dist/components/Input/InputIcon.d.ts.map +1 -1
  55. package/dist/components/Input/styles.d.ts +11 -12
  56. package/dist/components/Input/styles.d.ts.map +1 -1
  57. package/dist/components/ListItem/ListItem.d.ts +2 -2
  58. package/dist/components/ListItem/ListItem.d.ts.map +1 -1
  59. package/dist/components/LoadingDots/LoadingDots.d.ts +1 -1
  60. package/dist/components/Menu/MenuCheckItem.d.ts.map +1 -1
  61. package/dist/components/Menu/MenuIconTextItem.d.ts +4 -4
  62. package/dist/components/Menu/MenuIconTextItem.d.ts.map +1 -1
  63. package/dist/components/Menu/MenuSectionTitle.d.ts.map +1 -1
  64. package/dist/components/Menu/MenuTextItem.d.ts +3 -3
  65. package/dist/components/Menu/MenuTextItem.d.ts.map +1 -1
  66. package/dist/components/Menu/styles.d.ts.map +1 -1
  67. package/dist/components/Modal/Modal.d.ts +17 -9
  68. package/dist/components/Modal/Modal.d.ts.map +1 -1
  69. package/dist/components/Pill/Pill.d.ts +5 -4
  70. package/dist/components/Pill/Pill.d.ts.map +1 -1
  71. package/dist/components/Popover/Popover.d.ts +5 -5
  72. package/dist/components/Popover/styles.d.ts.map +1 -1
  73. package/dist/components/Progress/Progress.d.ts +4 -4
  74. package/dist/components/Progress/Progress.d.ts.map +1 -1
  75. package/dist/components/Radio/Radio.d.ts +15 -3
  76. package/dist/components/Radio/Radio.d.ts.map +1 -1
  77. package/dist/components/Radio/RadioGroup.d.ts +4 -4
  78. package/dist/components/Radio/RadioGroup.d.ts.map +1 -1
  79. package/dist/components/RichButton/RichButton.d.ts +2 -0
  80. package/dist/components/RichButton/RichButton.d.ts.map +1 -1
  81. package/dist/components/RichList/RichList.d.ts +14 -13
  82. package/dist/components/RichList/RichList.d.ts.map +1 -1
  83. package/dist/components/Select/Option.d.ts.map +1 -1
  84. package/dist/components/Select/Select.d.ts +17 -7
  85. package/dist/components/Select/Select.d.ts.map +1 -1
  86. package/dist/components/Sheet/Sheet.d.ts +9 -4
  87. package/dist/components/Sheet/Sheet.d.ts.map +1 -1
  88. package/dist/components/Slider/Slider.d.ts +15 -1
  89. package/dist/components/Slider/Slider.d.ts.map +1 -1
  90. package/dist/components/Slider/SliderBar.d.ts +1 -1
  91. package/dist/components/Slider/SliderKnob.d.ts +1 -1
  92. package/dist/components/Slider/SliderLabels.d.ts +1 -1
  93. package/dist/components/Spinner/Spinner.d.ts +1 -1
  94. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  95. package/dist/components/Stack/Stack.d.ts +3 -3
  96. package/dist/components/StepRail/StepRail.d.ts.map +1 -1
  97. package/dist/components/Table/Table.d.ts +82 -0
  98. package/dist/components/Table/Table.d.ts.map +1 -1
  99. package/dist/components/Tabs/Tab.d.ts +3 -0
  100. package/dist/components/Tabs/Tab.d.ts.map +1 -1
  101. package/dist/components/Text/Text.d.ts +7 -3
  102. package/dist/components/Text/Text.d.ts.map +1 -1
  103. package/dist/components/TextAction/TextAction.d.ts +9 -2
  104. package/dist/components/TextAction/TextAction.d.ts.map +1 -1
  105. package/dist/components/TextArea/TextArea.d.ts +7 -3
  106. package/dist/components/TextArea/TextArea.d.ts.map +1 -1
  107. package/dist/components/TextBadge/TextBadge.d.ts +3 -3
  108. package/dist/components/TextBadge/TextBadge.d.ts.map +1 -1
  109. package/dist/components/Toast/Toast.d.ts +4 -4
  110. package/dist/components/Toast/Toast.d.ts.map +1 -1
  111. package/dist/components/ToastContainer/ToastContainer.d.ts +9 -1
  112. package/dist/components/ToastContainer/ToastContainer.d.ts.map +1 -1
  113. package/dist/components/Toggle/Toggle.d.ts +2 -2
  114. package/dist/components/Toggle/Toggle.d.ts.map +1 -1
  115. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +12 -11
  116. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
  117. package/dist/components/Toolbar/Toolbar.d.ts +14 -14
  118. package/dist/components/Toolbar/Toolbar.d.ts.map +1 -1
  119. package/dist/components/Toolbar/ToolbarGroup.d.ts +1 -1
  120. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  121. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  122. package/dist/components/Tree/TreeSelect.d.ts +1 -1
  123. package/dist/components/Tree/types.d.ts +2 -0
  124. package/dist/components/Tree/types.d.ts.map +1 -1
  125. package/dist/components/UnsetHint/UnsetHint.d.ts +2 -1
  126. package/dist/components/UnsetHint/UnsetHint.d.ts.map +1 -1
  127. package/dist/components/UploadList/UploadList.d.ts.map +1 -1
  128. package/dist/index.cjs +1 -1
  129. package/dist/index.cjs.map +1 -1
  130. package/dist/index.js +4032 -3844
  131. package/dist/index.js.map +1 -1
  132. package/dist/{palette-C24I0BcT.js → palette-Boxwxq4V.js} +92 -24
  133. package/dist/palette-Boxwxq4V.js.map +1 -0
  134. package/dist/palette-DV12yAPS.cjs +2 -0
  135. package/dist/palette-DV12yAPS.cjs.map +1 -0
  136. package/dist/styles/text.d.ts +6 -0
  137. package/dist/styles/text.d.ts.map +1 -1
  138. package/dist/theme/tokens/index.d.ts +62 -0
  139. package/dist/theme/tokens/index.d.ts.map +1 -1
  140. package/dist/theme/tokens/typography.d.ts +139 -0
  141. package/dist/theme/tokens/typography.d.ts.map +1 -1
  142. package/dist/tokens.cjs +1 -1
  143. package/dist/tokens.js +2 -2
  144. package/dist/types/text.d.ts +43 -4
  145. package/dist/types/text.d.ts.map +1 -1
  146. package/dist/util/classes.d.ts.map +1 -1
  147. package/dist/voodo.css +1 -1
  148. package/package.json +5 -1
  149. package/dist/palette-C24I0BcT.js.map +0 -1
  150. package/dist/palette-yXRdZevG.cjs +0 -2
  151. package/dist/palette-yXRdZevG.cjs.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB3C,qCAAqC;AACrC,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAOD,MAAM,WAAW,UAAU;IACzB,mEAAmE;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,4DAA4D;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAmFhC,CAAC"}
1
+ {"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB3C,qCAAqC;AACrC,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,EAAE,CAAC;AAExE,yBAAiB,SAAS,CAAC;IACzB,KAAY,IAAI,GAAG,OAAO,SAAS,CAAC,IAAI,CAAC;IACzC,KAAY,KAAK,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;CAC5C;AAOD,MAAM,WAAW,UAAU;IACzB,mEAAmE;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,4DAA4D;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAqFhC,CAAC"}
@@ -32,6 +32,14 @@ export interface MultiValueSliderProps extends Omit<SliderProps, "multi" | "onCh
32
32
  *
33
33
  * This component renders a slider with one or more draggable knobs, optional numeric inputs, and optional labels.
34
34
  *
35
+ * @example
36
+ * ```tsx
37
+ * <BaseSlider min={0} max={1} step={0.05} value={threshold} onChange={setThreshold} />
38
+ * // Prefer the type-safe aliases:
39
+ * <SingleValueSlider min={0} max={100} value={opacity} onChange={setOpacity} />
40
+ * <MultiValueSlider min={0} max={1} value={[low, high]} onChange={setRange} />
41
+ * ```
42
+ *
35
43
  * This component operates as both a controlled and uncontrolled component.
36
44
  * See `value` and `onChange` for controlled behavior.
37
45
  *
@@ -106,11 +114,14 @@ export declare const BaseSlider: FC<SliderProps>;
106
114
  *
107
115
  * @param onChange Callback triggered when the slider value changes.
108
116
  * This change can be triggered in three ways:
109
- * - The user modifies the value in the minimum or maximum input field.
117
+ * - The user modifies the value in the input field.
110
118
  * - The user drags a slider knob.
111
119
  * - The user clicks on the slider track.
112
120
  * @param max Maximum value of the slider
113
121
  * @param min Minimum value of the slider
122
+ * @param value The controlled value: a single number in `[min, max]`.
123
+ * @param onChangeCommitted Called once when an interaction completes (drag
124
+ * release, track click, input blur), with a single number.
114
125
  * @param props See {@link BaseSlider} for all available properties.
115
126
  */
116
127
  export declare const SingleValueSlider: FC<SingleValueSliderProps>;
@@ -145,6 +156,9 @@ export declare const SingleValueSlider: FC<SingleValueSliderProps>;
145
156
  * - The user clicks on the slider track.
146
157
  * @param max Maximum value of the slider
147
158
  * @param min Minimum value of the slider
159
+ * @param value The controlled value: `[low, high]`, each in `[min, max]`.
160
+ * @param onChangeCommitted Called once when an interaction completes (drag
161
+ * release, track click, input blur), with `[low, high]`.
148
162
  * @param props See {@link BaseSlider} for all available properties.
149
163
  */
150
164
  export declare const MultiValueSlider: FC<MultiValueSliderProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,EAAE,EACF,cAAc,EACd,SAAS,EAIV,MAAM,OAAO,CAAC;AAYf,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,OAAO,CACrD;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,OAAO,CACrD;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CAiLtC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAexD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAetD,CAAC"}
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,EAAE,EACF,cAAc,EACd,SAAS,EAIV,MAAM,OAAO,CAAC;AAYf,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,OAAO,CACrD;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,OAAO,CACrD;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CAiLtC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAexD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAetD,CAAC"}
@@ -25,7 +25,7 @@ interface SliderBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"
25
25
  * If `multi` is true, this must be a value of the form [low, high]; otherwise, this is a single numeric value.
26
26
  * @param props Additional HTML properties to apply to the component.
27
27
  *
28
- * @internal For use by {@link Slider}.
28
+ * @internal For use by {@link BaseSlider}.
29
29
  */
30
30
  export declare const SliderBar: FC<SliderBarProps>;
31
31
  export {};
@@ -15,7 +15,7 @@ interface SliderKnobProps extends HTMLAttributes<HTMLDivElement> {
15
15
  *
16
16
  * @param position The relative position of the knob; this must be a value in the range `[0, 1]`.
17
17
  * @param onDragStart Callback triggered on the start of a drag event.
18
- * @param value Value of the knob; this is expected to be `position * (max - min)`.
18
+ * @param value Value of the knob; this is expected to be `min + position * (max - min)`.
19
19
  * @param min Minimum allowed value, exposed as `aria-valuemin`.
20
20
  * @param max Maximum allowed value, exposed as `aria-valuemax`.
21
21
  * @param props Additional HTML properties to apply to the component.
@@ -24,7 +24,7 @@ interface SliderLabelProps extends HTMLAttributes<HTMLDivElement> {
24
24
  * otherwise, this is a single numeric value.
25
25
  * @param props Additional HTML properties to apply to the component.
26
26
  *
27
- * @internal For use by {@link Slider}.
27
+ * @internal For use by {@link BaseSlider}.
28
28
  */
29
29
  export declare const SliderLabels: FC<SliderLabelProps>;
30
30
  export {};
@@ -8,7 +8,7 @@ export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
8
8
  *
9
9
  * @example
10
10
  * ```tsx
11
- * <Spinner size={Size.Md} />
11
+ * <Spinner size="md" />
12
12
  * ```
13
13
  *
14
14
  * @param className `class` overrides to apply to the component.
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAUD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAepC,CAAC"}
1
+ {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAWD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAepC,CAAC"}
@@ -11,7 +11,7 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
11
11
  *
12
12
  * @example
13
13
  * ```tsx
14
- * <Stack orientation={Orientation.Vertical} spacing={Spacing.Md}>
14
+ * <Stack orientation="col" spacing="md">
15
15
  * <Text>Top</Text>
16
16
  * <Text>Middle</Text>
17
17
  * <Text>Bottom</Text>
@@ -20,7 +20,7 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
20
20
  *
21
21
  * @example
22
22
  * ```tsx
23
- * <Stack orientation={Orientation.Horizontal} spacing={Spacing.Md}>
23
+ * <Stack orientation="row" spacing="md">
24
24
  * <Text>Left</Text>
25
25
  * <Text>Middle</Text>
26
26
  * <Text>Right</Text>
@@ -29,7 +29,7 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
29
29
  *
30
30
  * @example
31
31
  * ```tsx
32
- * <Stack orientation={Orientation.Horizontal} align={Align.Center} justify={Justify.Between}>
32
+ * <Stack orientation="row" align="center" justify="between">
33
33
  * <Text>Left</Text>
34
34
  * <Text>Middle</Text>
35
35
  * <Text>Right</Text>
@@ -1 +1 @@
1
- {"version":3,"file":"StepRail.d.ts","sourceRoot":"","sources":["../../../src/components/StepRail/StepRail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiB3D,sCAAsC;AACtC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,gBAAgB,CAAC,EAChC,UAAU,CACX;IACC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAuBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA0EtC,CAAC"}
1
+ {"version":3,"file":"StepRail.d.ts","sourceRoot":"","sources":["../../../src/components/StepRail/StepRail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmB3D,sCAAsC;AACtC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,gBAAgB,CAAC,EAChC,UAAU,CACX;IACC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAuBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6EtC,CAAC"}
@@ -1,8 +1,90 @@
1
1
  import { FC, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
2
+ /**
3
+ * A styled data table.
4
+ *
5
+ * Compose it from {@link TableHeader}, {@link TableBody}, {@link TableRow},
6
+ * {@link TableHead} and {@link TableCell}. Each renders its native table
7
+ * element, so any HTML table attribute passes through.
8
+ *
9
+ * @example
10
+ * ```tsx
11
+ * <Table>
12
+ * <TableHeader>
13
+ * <TableRow>
14
+ * <TableHead>Name</TableHead>
15
+ * <TableHead>Status</TableHead>
16
+ * </TableRow>
17
+ * </TableHeader>
18
+ * <TableBody>
19
+ * <TableRow onClick={() => openRun(run.id)}>
20
+ * <TableCell>{run.name}</TableCell>
21
+ * <TableCell>{run.status}</TableCell>
22
+ * </TableRow>
23
+ * </TableBody>
24
+ * </Table>
25
+ * ```
26
+ *
27
+ * @param className Additional CSS class names to apply to the table.
28
+ * @param children The table sections.
29
+ * @param props Additional HTML properties to apply to the table.
30
+ */
2
31
  export declare const Table: FC<HTMLAttributes<HTMLTableElement>>;
32
+ /**
33
+ * A table row. A row with an `onClick` gets a pointer cursor and a hover
34
+ * highlight; a row without one stays static.
35
+ *
36
+ * @example
37
+ * ```tsx
38
+ * <TableRow onClick={() => openRun(run.id)}>
39
+ * <TableCell>{run.name}</TableCell>
40
+ * </TableRow>
41
+ * ```
42
+ */
3
43
  export declare const TableRow: FC<HTMLAttributes<HTMLTableRowElement>>;
44
+ /**
45
+ * The table's header section (`thead`), with a divider below it.
46
+ *
47
+ * @example
48
+ * ```tsx
49
+ * <TableHeader>
50
+ * <TableRow>
51
+ * <TableHead>Name</TableHead>
52
+ * </TableRow>
53
+ * </TableHeader>
54
+ * ```
55
+ */
4
56
  export declare const TableHeader: FC<HTMLAttributes<HTMLTableSectionElement>>;
57
+ /**
58
+ * The table's body section (`tbody`).
59
+ *
60
+ * @example
61
+ * ```tsx
62
+ * <TableBody>
63
+ * {runs.map((run) => (
64
+ * <TableRow key={run.id}>
65
+ * <TableCell>{run.name}</TableCell>
66
+ * </TableRow>
67
+ * ))}
68
+ * </TableBody>
69
+ * ```
70
+ */
5
71
  export declare const TableBody: FC<HTMLAttributes<HTMLTableSectionElement>>;
72
+ /**
73
+ * A body cell (`td`), in the primary text color.
74
+ *
75
+ * @example
76
+ * ```tsx
77
+ * <TableCell colSpan={2}>{run.name}</TableCell>
78
+ * ```
79
+ */
6
80
  export declare const TableCell: FC<TdHTMLAttributes<HTMLTableCellElement>>;
81
+ /**
82
+ * A header cell (`th`), in the secondary text color.
83
+ *
84
+ * @example
85
+ * ```tsx
86
+ * <TableHead scope="col">Status</TableHead>
87
+ * ```
88
+ */
7
89
  export declare const TableHead: FC<ThHTMLAttributes<HTMLTableCellElement>>;
8
90
  //# sourceMappingURL=Table.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,EAAE,EACF,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAgBf,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAkBtD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAoB5D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAiBnE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAKjE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAkBhE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAkBhE,CAAC"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,EAAE,EACF,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAiBf;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAkBtD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAqB5D,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAiBnE,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAKjE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAkBhE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAkBhE,CAAC"}
@@ -23,6 +23,9 @@ export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<
23
23
  * @param active Whether this is the selected tab. The {@link Tabs} underline slides to it.
24
24
  * @param count Optional trailing count rendered after the label.
25
25
  * @param href Renders the tab as an anchor. See {@link TabProps.href}.
26
+ * @param target Anchor target, used with `href`.
27
+ * @param rel Anchor rel, used with `href`. Defaults to `"noreferrer"` when
28
+ * `target` is `"_blank"`.
26
29
  * @param disabled If `true`, disables the tab.
27
30
  * @param className `class` overrides to apply to the component.
28
31
  * @param children The tab's label.
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAE1B,MAAM,OAAO,CAAC;AAcf,MAAM,WAAW,QACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1E;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,GAAG,kGAiFf,CAAC"}
1
+ {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAE1B,MAAM,OAAO,CAAC;AAcf,MAAM,WAAW,QACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1E;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,GAAG,kGAqFf,CAAC"}
@@ -18,12 +18,16 @@ export interface TextProps extends HTMLAttributes<HTMLSpanElement> {
18
18
  *
19
19
  * @example
20
20
  * ```tsx
21
- * <Text>
22
- * Some text
21
+ * <Text>Plain body text</Text>
22
+ * <Text variant="heading-md">Section title</Text>
23
+ * <Text variant="body-secondary" color="text-secondary">
24
+ * Supporting detail
23
25
  * </Text>
24
26
  * ```
25
27
  *
26
- * @param variant The variant of the text; this controls the size and related styling of the text. See {@link Variant}.
28
+ * @param variant The text's role in the type tier, which sets its size, line
29
+ * height and weight together. Defaults to `"body-primary"`. The size-only
30
+ * variants (`"xxs"` to `"xxl"`) are deprecated. See {@link TextVariant}.
27
31
  * @param color The color of the text. See {@link TextProps.color}.
28
32
  * @param children The content wrapped by this component.
29
33
  * @param className `class` overrides to apply to the component.
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EACL,KAAK,cAAc,EAInB,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAuB9B,CAAC"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EACL,KAAK,cAAc,EAGnB,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA2B9B,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { ButtonHTMLAttributes, FC } from 'react';
2
2
  import { IconInput } from '../Icons';
3
3
  import { Size } from '../../types';
4
- type TextActionSize = `${Size.Sm | Size.Md}`;
4
+ type TextActionSize = `${Size.Sm | Size.Md | Size.Lg}`;
5
5
  export interface TextActionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
6
6
  size?: TextActionSize;
7
7
  leadingIcon?: IconInput;
@@ -12,10 +12,17 @@ export interface TextActionProps extends ButtonHTMLAttributes<HTMLButtonElement>
12
12
  *
13
13
  * @example
14
14
  * ```tsx
15
- * <TextAction size={Size.Sm} trailingIcon={IconName.ArrowUpRight} onClick={upgrade}>
15
+ * <TextAction size="sm" trailingIcon={ArrowUpRightIcon} onClick={upgrade}>
16
16
  * Upgrade
17
17
  * </TextAction>
18
18
  * ```
19
+ *
20
+ * @param size `"sm"`, `"md"` or `"lg"`. Defaults to `"md"`.
21
+ * @param leadingIcon Optional icon before the label: a per-icon component.
22
+ * @param trailingIcon Optional icon after the label: a per-icon component.
23
+ * @param className Additional CSS class names to apply to the button.
24
+ * @param children The label.
25
+ * @param props Additional HTML button properties, such as `onClick`.
19
26
  */
20
27
  export declare const TextAction: FC<TextActionProps>;
21
28
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"TextAction.d.ts","sourceRoot":"","sources":["../../../src/components/TextAction/TextAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAKL,IAAI,EAGL,MAAM,SAAS,CAAC;AAEjB,KAAK,cAAc,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE7C,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAYD;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAiC1C,CAAC"}
1
+ {"version":3,"file":"TextAction.d.ts","sourceRoot":"","sources":["../../../src/components/TextAction/TextAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAGjE,OAAO,EAKL,IAAI,EAIL,MAAM,SAAS,CAAC;AAEjB,KAAK,cAAc,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAiBD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkC1C,CAAC"}
@@ -28,12 +28,15 @@ export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
28
28
  * const MyComponent = () => {
29
29
  * const [value, setValue] = useState<string>("");
30
30
  *
31
- * const onChange = useCallback((newValue: string) => setValue(newValue), [setValue]);
31
+ * const onChange = useCallback(
32
+ * (event: ChangeEvent<HTMLTextAreaElement>) => setValue(event.target.value),
33
+ * []
34
+ * );
32
35
  *
33
36
  * return (
34
37
  * <TextArea
35
38
  * onChange={onChange}
36
- * resize={ResizeBehavior.None}
39
+ * resize="None"
37
40
  * rows={10}
38
41
  * value={value}
39
42
  * />
@@ -44,7 +47,8 @@ export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
44
47
  * @param size The size of the textarea; this controls the size of the text itself and container padding.
45
48
  * See {@link Size}.
46
49
  * @param error If `true`, renders the textarea in an error state.
47
- * @param resize Resize behavior. See {@link ResizeBehavior}.
50
+ * @param resize Resize behavior: `"None"`, `"Vertical"`, `"Horizontal"` or
51
+ * `"BiDirectional"`. Defaults to `"Vertical"`. See {@link ResizeBehavior}.
48
52
  * @param rows The number of text rows to display in the textarea.
49
53
  * @param className `class` overrides to apply to the component.
50
54
  * @param containerClassName `class` overrides to apply to the component's container.
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAIxD,OAAO,EAOL,IAAI,EAGL,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AACX,MAAM,MAAM,cAAc,GACxB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,EAAE,CAAC;AAE5D,yBAAiB,cAAc,CAAC;IAC9B,KAAY,IAAI,GAAG,OAAO,cAAc,CAAC,IAAI,CAAC;IAC9C,KAAY,QAAQ,GAAG,OAAO,cAAc,CAAC,QAAQ,CAAC;IACtD,KAAY,UAAU,GAAG,OAAO,cAAc,CAAC,UAAU,CAAC;IAC1D,KAAY,aAAa,GAAG,OAAO,cAAc,CAAC,aAAa,CAAC;CACjE;AAED,MAAM,WAAW,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IAChF,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAuBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAqDtC,CAAC"}
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAKxD,OAAO,EAOL,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AACX,MAAM,MAAM,cAAc,GACxB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,EAAE,CAAC;AAE5D,yBAAiB,cAAc,CAAC;IAC9B,KAAY,IAAI,GAAG,OAAO,cAAc,CAAC,IAAI,CAAC;IAC9C,KAAY,QAAQ,GAAG,OAAO,cAAc,CAAC,QAAQ,CAAC;IACtD,KAAY,UAAU,GAAG,OAAO,cAAc,CAAC,UAAU,CAAC;IAC1D,KAAY,aAAa,GAAG,OAAO,cAAc,CAAC,aAAa,CAAC;CACjE;AAED,MAAM,WAAW,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IAChF,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AA0BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAqDtC,CAAC"}
@@ -6,16 +6,16 @@ export interface TextBadgeProps extends HTMLAttributes<HTMLSpanElement> {
6
6
  /**
7
7
  * A simple badge-like component for displaying text in an opinionated way.
8
8
  *
9
- * This component is an alias for {@link Text} with {@link TextVariant.Label}.
9
+ * This component is an alias for {@link Text} with the `"label"` variant.
10
10
  *
11
11
  * @example
12
12
  * ```tsx
13
- * <TextBadge color={TextColor.Success}>
13
+ * <TextBadge color="text-success">
14
14
  * completed
15
15
  * </TextBadge>
16
16
  * ```
17
17
  *
18
- * @param color Color of the content. See {@link Color}.
18
+ * @param color Color of the content: a {@link TextColor} or {@link IconColor} token. Defaults to `"text-accent"`.
19
19
  * @param children Content wrapped by this component.
20
20
  * @param props Additional HTML properties to apply to the component.
21
21
  */
@@ -1 +1 @@
1
- {"version":3,"file":"TextBadge.d.ts","sourceRoot":"","sources":["../../../src/components/TextBadge/TextBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAe,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,eAAe,CAAC;IACrE,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAQxC,CAAC"}
1
+ {"version":3,"file":"TextBadge.d.ts","sourceRoot":"","sources":["../../../src/components/TextBadge/TextBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAe,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,eAAe,CAAC;IACrE,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CASxC,CAAC"}
@@ -31,19 +31,19 @@ export interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"
31
31
  * description="You will be notified when the recipient opens your message"
32
32
  * icon={CheckIcon}
33
33
  * action={
34
- * <Button variant={Variant.Secondary} onClick={() => setOpen(false)}>
34
+ * <Button variant="secondary" onClick={() => setOpen(false)}>
35
35
  * Undo
36
36
  * </Button>
37
37
  * }
38
38
  * onClose={() => setOpen(false)}
39
- * variant={Variant.Success}
39
+ * variant="success"
40
40
  * />
41
41
  * );
42
42
  * };
43
43
  * ```
44
44
  *
45
45
  * @param action Optional content to display in the "action" slot; this is typically a {@link Button}/CTA.
46
- * @param anchor The location in the viewport to anchor the toast. See {@link Anchor}.
46
+ * @param anchor The location in the viewport to anchor the toast; ignored inside a {@link ToastContainer}. Defaults to `"bottom"`. See {@link Anchor}.
47
47
  * @param className `class` overrides to apply to the component.
48
48
  * @param description Optional content to display in the "description" slot; this should be considered secondary content.
49
49
  * @param duration How long, in milliseconds, the toast shows itself before calling `onClose`. Omit it and the
@@ -55,7 +55,7 @@ export interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"
55
55
  * @param solid If `true`, a success or danger toast fills with its action color instead of only tinting its icon.
56
56
  * @param open If `true`, the toast will be visible; otherwise it will be hidden.
57
57
  * @param title Optional content to display in the "title" slot; this should be considered the primary content.
58
- * @param variant The variant of the toast; this controls icon styling. See {@link Variant}.
58
+ * @param variant The variant of the toast: `"primary"`, `"secondary"`, `"success"`, `"danger"` or `"icon"`. It sets the icon color, and with `solid` the fill. Defaults to `"primary"`.
59
59
  * @param props Additional HTML properties to apply to the component.
60
60
  */
61
61
  export declare const Toast: FC<ToastProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,EAAE,EAEF,cAAc,EAEd,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAa,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAM5E,OAAO,EAEL,MAAM,EAaN,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,KAAK,YAAY,GACf,GAAG,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;AAEjE,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACR;IACC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AA6BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA6IhC,CAAC"}
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,EAAE,EAEF,cAAc,EAEd,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAa,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAM5E,OAAO,EAEL,MAAM,EAgBN,OAAO,EACR,MAAM,SAAS,CAAC;AAGjB,KAAK,YAAY,GACf,GAAG,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;AAEjE,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACR;IACC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAuBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAgJhC,CAAC"}
@@ -15,7 +15,15 @@ export interface ToastContainerProps extends HTMLAttributes<HTMLDivElement> {
15
15
  * Several children stack at the anchor, oldest first, with the newest against
16
16
  * the anchored edge.
17
17
  *
18
- * @param anchor The location in the viewport to anchor the toast. See {@link Anchor}.
18
+ * @example
19
+ * ```tsx
20
+ * <ToastContainer anchor="bottom-right" open={open}>
21
+ * <Toast title="Saved" variant="success" onClose={() => setOpen(false)} />
22
+ * </ToastContainer>
23
+ * ```
24
+ *
25
+ * @param anchor The location in the viewport to anchor the toast. Defaults to
26
+ * `"bottom"`. See {@link Anchor}.
19
27
  * @param children Content wrapped by this component.
20
28
  * @param open If `true`, this component and its children will be rendered; otherwise it will be hidden.
21
29
  * @param props Additional HTML properties to apply to the component.
@@ -1 +1 @@
1
- {"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ToastContainer/ToastContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC;;;GAGG;AACH,eAAO,MAAM,UAAU,kCAAgC,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA0BD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsBlD,CAAC"}
1
+ {"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ToastContainer/ToastContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC;;;GAGG;AACH,eAAO,MAAM,UAAU,kCAAgC,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA0BD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsBlD,CAAC"}
@@ -15,7 +15,7 @@ export interface ToggleProps extends ModifiedToggleProps {
15
15
  /**
16
16
  * A component supporting a boolean toggle.
17
17
  *
18
- * This component operates exclusively as a controlled component. See `value` and `onChange` for controlled behavior.
18
+ * This component operates exclusively as a controlled component. See `checked` and `onChange` for controlled behavior.
19
19
  *
20
20
  * @example
21
21
  * ```tsx
@@ -37,7 +37,7 @@ export interface ToggleProps extends ModifiedToggleProps {
37
37
  * @param checked If `true`, renders the toggle in the "active" state.
38
38
  * @param disabled If `true`, disables the toggle.
39
39
  * @param onChange Callback triggered when the toggle value changes.
40
- * @param size Size of the toggle. See {@link Size}.
40
+ * @param size Size of the toggle: `"sm"` or `"md"`. Defaults to `"md"`.
41
41
  * @param className `class` overrides to apply to the component.
42
42
  * @param labelClassName `class` overrides to apply to the toggle's label.
43
43
  * @param label Optional label for the toggle.
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKtD,OAAO,EAML,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,KAAK,mBAAmB,GAAG,IAAI,CAC7B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CACrE,CAAC;AAEF,KAAK,UAAU,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,mBAAmB;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAqCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmFlC,CAAC"}
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKtD,OAAO,EAML,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,KAAK,mBAAmB,GAAG,IAAI,CAC7B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CACrE,CAAC;AAEF,KAAK,UAAU,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,mBAAmB;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAsCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAkFlC,CAAC"}
@@ -40,8 +40,8 @@ export interface ToggleSwitchProps extends Omit<HTMLAttributes<HTMLDivElement>,
40
40
  * ```tsx
41
41
  * const MyComponent = () => {
42
42
  * const tabs: Descriptor<ToggleSwitchTab>[] = useMemo(() => [
43
- * {id: "1", data: {label: "Tab 1", content: "Tab 1 content"}}
44
- * {id: "2", data: {label: "Tab 2", content: "Tab 2 content"}}
43
+ * {id: "1", data: {label: "Tab 1", content: "Tab 1 content"}},
44
+ * {id: "2", data: {label: "Tab 2", content: "Tab 2 content"}},
45
45
  * {id: "3", data: {label: "Tab 3", content: "Tab 3 content"}}
46
46
  * ],
47
47
  * []
@@ -59,20 +59,21 @@ export interface ToggleSwitchProps extends Omit<HTMLAttributes<HTMLDivElement>,
59
59
  *
60
60
  * @param tabs List of component descriptors which will be used to create {@link ToggleSwitchTab} children.
61
61
  * Each tab supports optional `disabled` and `tooltip` fields. See {@link ToggleSwitchTab}.
62
- * @param variant Variant of the tabs.
63
- * The variants have the following behaviors:
64
- * - {@link ToggleSwitchVariant.Default} - tabs are bordered and have visible boundaries;
62
+ * @param variant Visual style of the tab set:
63
+ * - `"default"` - tabs are bordered and have visible boundaries;
65
64
  * the active tab has a distinct background from inactive tabs.
66
- * - {@link ToggleSwitchVariant.Soft} - tabs are not bordered;
67
- * the active tab has a distinct background and is highlighted in an accent color.
68
- * - {@link ToggleSwitchVariant.Full} - similar to {@link ToggleSwitchVariant.Default} and expands to fill
69
- * its container.
70
- * - {@link ToggleSwitchVariant.Borderless} - tabs are not bordered; the active tab has a bottom border.
65
+ * - `"soft"` - tabs sit in a padded, filled tray with no border;
66
+ * the active tab gets a raised neutral background and primary text.
67
+ * - `"full"` - like `"default"`, with primary text on the active tab.
68
+ * Use `fullWidth` to fill the container.
69
+ * - `"borderless"` - tabs are not bordered; the active tab has a bottom border.
71
70
  * See {@link ToggleSwitchVariant}.
72
71
  * @param defaultIndex The index of the tab which should be considered active when the component first renders (uncontrolled).
72
+ * Defaults to `0`.
73
73
  * @param index The active tab index for controlled usage; when set it drives the active tab and overrides `defaultIndex`.
74
74
  * @param onChange Callback triggered when the active tab changes.
75
- * @param size Size of the tabs; this controls the text size and padding. See {@link Size}.
75
+ * @param size Size of the tabs: `"xs"`, `"sm"` or `"md"`; this controls the text size and padding.
76
+ * Defaults to `"sm"`. See {@link ToggleSwitchSize}.
76
77
  * @param fullWidth If `true`, the tab group will fill the width of their container.
77
78
  * @param tabListClassName `class` overrides to apply to the tabs.
78
79
  * @param tabPanelClassName `class` overrides to apply to the active content container.
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,EAKL,UAAU,EAEV,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AACX,MAAM,MAAM,mBAAmB,GAC7B,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAAE,CAAC;AAEtE,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,OAAO,GAAG,OAAO,mBAAmB,CAAC,OAAO,CAAC;IACzD,KAAY,IAAI,GAAG,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACnD,KAAY,IAAI,GAAG,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACnD,KAAY,UAAU,GAAG,OAAO,mBAAmB,CAAC,UAAU,CAAC;CAChE;AAED,MAAM,MAAM,gBAAgB,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;AAErE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,UAAU,CACxB;IACC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+FD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAyF9C,CAAC"}
1
+ {"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3D,OAAO,EAKL,UAAU,EAEV,IAAI,EAIL,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AACX,MAAM,MAAM,mBAAmB,GAC7B,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAAE,CAAC;AAEtE,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,OAAO,GAAG,OAAO,mBAAmB,CAAC,OAAO,CAAC;IACzD,KAAY,IAAI,GAAG,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACnD,KAAY,IAAI,GAAG,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACnD,KAAY,UAAU,GAAG,OAAO,mBAAmB,CAAC,UAAU,CAAC;CAChE;AAED,MAAM,MAAM,gBAAgB,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;AAErE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,UAAU,CACxB;IACC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAkGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4F9C,CAAC"}
@@ -2,7 +2,7 @@ import { HTMLAttributes, JSX, ReactNode } from 'react';
2
2
  import { Orientation, ZIndex } from '../../types';
3
3
  export interface ToolbarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
4
4
  children: ReactNode;
5
- /** Layout direction for groups and actions. Default `Orientation.Column`. */
5
+ /** Layout direction for groups and actions. Default `"col"`. */
6
6
  orientation?: Orientation;
7
7
  /** Lock horizontal (x-axis) movement. Default `false`. */
8
8
  lockX?: boolean;
@@ -12,7 +12,7 @@ export interface ToolbarProps extends Omit<HTMLAttributes<HTMLDivElement>, "chil
12
12
  xOffset?: string | number;
13
13
  /** Initial offset from the top edge of the parent container. Accepts any CSS length (e.g. `20`, `"10%"`, `"2rem"`). Default `20`. */
14
14
  yOffset?: string | number;
15
- /** Stacking layer for the toolbar. Default `ZIndex.AboveModal`. */
15
+ /** Stacking layer for the toolbar. Default `"above-modal"`. */
16
16
  zIndex?: ZIndex;
17
17
  /** Whether the toolbar is rendered. Default `true`. */
18
18
  visible?: boolean;
@@ -34,23 +34,23 @@ export interface ToolbarProps extends Omit<HTMLAttributes<HTMLDivElement>, "chil
34
34
  *
35
35
  * Double-clicking the drag handle collapses the toolbar to just the handle.
36
36
  *
37
- * @param props.children - Tool groups and actions to render inside the toolbar.
38
- * @param props.orientation - Layout direction for groups and actions. Default `Orientation.Column`.
39
- * @param props.lockX - Lock horizontal (x-axis) movement. Default `false`.
40
- * @param props.lockY - Lock vertical (y-axis) movement. Default `false`.
41
- * @param props.xOffset - Initial offset from the left edge of the parent container. Accepts any CSS length (e.g. `20`, `"10%"`, `"2rem"`). Default `20`.
42
- * @param props.yOffset - Initial offset from the top edge of the parent container. Accepts any CSS length (e.g. `20`, `"10%"`, `"2rem"`). Default `20`.
43
- * @param props.zIndex - Stacking layer for the toolbar. Default `ZIndex.AboveModal`.
44
- * @param props.visible - Whether the toolbar is rendered. Default `true`.
45
- * @param props.onPositionChange - Called after every drag move with the new pixel position.
46
- * @param props - Any additional `HTMLDivElement` attributes (e.g. `data-testid`, `aria-label`) are
37
+ * @param children Tool groups and actions to render inside the toolbar.
38
+ * @param orientation Layout direction for groups and actions. Default `"col"`.
39
+ * @param lockX Lock horizontal (x-axis) movement. Default `false`.
40
+ * @param lockY Lock vertical (y-axis) movement. Default `false`.
41
+ * @param xOffset Initial offset from the left edge of the parent container. Accepts any CSS length (e.g. `20`, `"10%"`, `"2rem"`). Default `20`.
42
+ * @param yOffset Initial offset from the top edge of the parent container. Accepts any CSS length (e.g. `20`, `"10%"`, `"2rem"`). Default `20`.
43
+ * @param zIndex Stacking layer for the toolbar. Default `"above-modal"`.
44
+ * @param visible Whether the toolbar is rendered. Default `true`.
45
+ * @param onPositionChange Called after every drag move with the new pixel position.
46
+ * @param props Any additional `HTMLDivElement` attributes (e.g. `data-testid`, `aria-label`) are
47
47
  * forwarded to the root `div`. Internal `onPointerDown`, `onClick`, and `onKeyDown` handlers that
48
48
  * call `stopPropagation` are merged with any consumer-provided handlers.
49
49
  *
50
50
  * @example
51
51
  * ```tsx
52
- * <Toolbar orientation={Orientation.Column} xOffset={20} yOffset={100}>
53
- * <ToolbarGroup label="Tool">
52
+ * <Toolbar orientation="col" xOffset={20} yOffset={100}>
53
+ * <ToolbarGroup aria-label="Tool">
54
54
  * <ToolbarAction active>
55
55
  * <BrushIcon />
56
56
  * </ToolbarAction>
@@ -1 +1 @@
1
- {"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,cAAc,EACd,GAAG,EAEH,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,OAAO,EAQL,WAAW,EAKX,MAAM,EAEP,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sIAAsI;IACtI,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qIAAqI;IACrI,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5D;AAKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,OAAO;kKAgBjB,YAAY,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI;;CA+HnC,CAAC"}
1
+ {"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,cAAc,EACd,GAAG,EAEH,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,OAAO,EAQL,WAAW,EAKX,MAAM,EAEP,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,gEAAgE;IAChE,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sIAAsI;IACtI,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qIAAqI;IACrI,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5D;AAKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,OAAO;kKAgBjB,YAAY,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI;;CA+HnC,CAAC"}
@@ -9,7 +9,7 @@ export interface ToolbarGroupProps extends Omit<HTMLAttributes<HTMLDivElement>,
9
9
  * A divider is automatically rendered after each group; the last group's divider is hidden.
10
10
  *
11
11
  * @param children `ToolbarAction` items to render within the group.
12
- * @param props Additional `HTMLDivElement` attributes (e.g. `data-testid`, `aria-label`) forwarded to the root element.
12
+ * @param props Additional `HTMLDivElement` attributes (e.g. `data-testid`, `aria-label`) forwarded to the inner `role="group"` element, not the outer wrapper.
13
13
  *
14
14
  * @example
15
15
  * ```tsx
@@ -18,7 +18,7 @@ export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "cont
18
18
  * </Tooltip>
19
19
  * ```
20
20
  *
21
- * @param anchor Position to anchor the tooltip relative to its content. See {@link Anchor}.
21
+ * @param anchor Position of the tooltip relative to its content: `"top"`, `"right"`, `"bottom"` or `"left"`. Defaults to `"top"`. See {@link TooltipAnchor}.
22
22
  * @param content The content of the tooltip.
23
23
  * @param children The content which this component wraps; this acts as the element anchor and the hover trigger.
24
24
  * @param className `class` overrides to apply to the tooltip panel.