@salt-ds/core 1.67.1 → 1.69.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 (237) hide show
  1. package/CHANGELOG.md +70 -0
  2. package/css/salt-core.css +321 -63
  3. package/dist-cjs/avatar/Avatar.css.js +1 -1
  4. package/dist-cjs/avatar/Avatar.js +5 -2
  5. package/dist-cjs/avatar/Avatar.js.map +1 -1
  6. package/dist-cjs/breadcrumbs/Breadcrumb.css.js +6 -0
  7. package/dist-cjs/breadcrumbs/Breadcrumb.css.js.map +1 -0
  8. package/dist-cjs/breadcrumbs/Breadcrumb.js +104 -0
  9. package/dist-cjs/breadcrumbs/Breadcrumb.js.map +1 -0
  10. package/dist-cjs/breadcrumbs/BreadcrumbLabel.js +25 -0
  11. package/dist-cjs/breadcrumbs/BreadcrumbLabel.js.map +1 -0
  12. package/dist-cjs/breadcrumbs/BreadcrumbTrigger.js +52 -0
  13. package/dist-cjs/breadcrumbs/BreadcrumbTrigger.js.map +1 -0
  14. package/dist-cjs/breadcrumbs/Breadcrumbs.css.js +6 -0
  15. package/dist-cjs/breadcrumbs/Breadcrumbs.css.js.map +1 -0
  16. package/dist-cjs/breadcrumbs/Breadcrumbs.js +151 -0
  17. package/dist-cjs/breadcrumbs/Breadcrumbs.js.map +1 -0
  18. package/dist-cjs/breadcrumbs/internal/BreadcrumbContext.js +12 -0
  19. package/dist-cjs/breadcrumbs/internal/BreadcrumbContext.js.map +1 -0
  20. package/dist-cjs/breadcrumbs/internal/BreadcrumbOverflowDisclosure.js +243 -0
  21. package/dist-cjs/breadcrumbs/internal/BreadcrumbOverflowDisclosure.js.map +1 -0
  22. package/dist-cjs/breadcrumbs/internal/breadcrumbItems.js +21 -0
  23. package/dist-cjs/breadcrumbs/internal/breadcrumbItems.js.map +1 -0
  24. package/dist-cjs/card/Card.css.js +1 -1
  25. package/dist-cjs/card/Card.js +4 -1
  26. package/dist-cjs/card/Card.js.map +1 -1
  27. package/dist-cjs/card/CardContent.css.js +6 -0
  28. package/dist-cjs/card/CardContent.css.js.map +1 -0
  29. package/dist-cjs/card/CardContent.js +30 -0
  30. package/dist-cjs/card/CardContent.js.map +1 -0
  31. package/dist-cjs/card/CardFooter.css.js +6 -0
  32. package/dist-cjs/card/CardFooter.css.js.map +1 -0
  33. package/dist-cjs/card/CardFooter.js +30 -0
  34. package/dist-cjs/card/CardFooter.js.map +1 -0
  35. package/dist-cjs/card/CardHeader.css.js +6 -0
  36. package/dist-cjs/card/CardHeader.css.js.map +1 -0
  37. package/dist-cjs/card/CardHeader.js +30 -0
  38. package/dist-cjs/card/CardHeader.js.map +1 -0
  39. package/dist-cjs/card/hasCardSection.js +16 -0
  40. package/dist-cjs/card/hasCardSection.js.map +1 -0
  41. package/dist-cjs/checkbox/Checkbox.js +2 -1
  42. package/dist-cjs/checkbox/Checkbox.js.map +1 -1
  43. package/dist-cjs/dropdown/Dropdown.js +3 -3
  44. package/dist-cjs/dropdown/Dropdown.js.map +1 -1
  45. package/dist-cjs/file-drop-zone/FileDropZone.css.js +1 -1
  46. package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js +11 -1
  47. package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
  48. package/dist-cjs/index.js +14 -0
  49. package/dist-cjs/index.js.map +1 -1
  50. package/dist-cjs/input/Input.js +10 -3
  51. package/dist-cjs/input/Input.js.map +1 -1
  52. package/dist-cjs/interactable-card/InteractableCard.css.js +1 -1
  53. package/dist-cjs/interactable-card/InteractableCard.js +4 -1
  54. package/dist-cjs/interactable-card/InteractableCard.js.map +1 -1
  55. package/dist-cjs/kbd/Kbd.css.js +1 -1
  56. package/dist-cjs/link-card/LinkCard.css.js +1 -1
  57. package/dist-cjs/link-card/LinkCard.js +4 -1
  58. package/dist-cjs/link-card/LinkCard.js.map +1 -1
  59. package/dist-cjs/list-box/ListBox.css.js +1 -1
  60. package/dist-cjs/list-box/ListBox.js +1 -1
  61. package/dist-cjs/list-box/ListBox.js.map +1 -1
  62. package/dist-cjs/mega-menu/MegaMenuPanel.css.js +1 -1
  63. package/dist-cjs/multiline-input/MultilineInput.js +2 -0
  64. package/dist-cjs/multiline-input/MultilineInput.js.map +1 -1
  65. package/dist-cjs/number-input/NumberInput.js +2 -0
  66. package/dist-cjs/number-input/NumberInput.js.map +1 -1
  67. package/dist-cjs/overlay/Overlay.js +46 -29
  68. package/dist-cjs/overlay/Overlay.js.map +1 -1
  69. package/dist-cjs/overlay/OverlayContext.js +1 -0
  70. package/dist-cjs/overlay/OverlayContext.js.map +1 -1
  71. package/dist-cjs/overlay/OverlayPanel.css.js +1 -1
  72. package/dist-cjs/overlay/OverlayPanel.js +4 -2
  73. package/dist-cjs/overlay/OverlayPanel.js.map +1 -1
  74. package/dist-cjs/pill-input/PillInput.js +10 -3
  75. package/dist-cjs/pill-input/PillInput.js.map +1 -1
  76. package/dist-cjs/semantic-icon-provider/SemanticIconProvider.js +2 -1
  77. package/dist-cjs/semantic-icon-provider/SemanticIconProvider.js.map +1 -1
  78. package/dist-cjs/side-panel/SidePanel.css.js +1 -1
  79. package/dist-cjs/slider/RangeSlider.js +6 -2
  80. package/dist-cjs/slider/RangeSlider.js.map +1 -1
  81. package/dist-cjs/slider/Slider.js +2 -0
  82. package/dist-cjs/slider/Slider.js.map +1 -1
  83. package/dist-cjs/slider/internal/SliderTooltip.css.js +1 -1
  84. package/dist-cjs/slider/internal/SliderTooltip.js +1 -1
  85. package/dist-cjs/slider/internal/SliderTooltip.js.map +1 -1
  86. package/dist-cjs/toast/Toast.css.js +1 -1
  87. package/dist-cjs/toggle-button-group/ToggleButtonGroup.css.js +1 -1
  88. package/dist-cjs/toggletip/ToggletipPanel.css.js +1 -1
  89. package/dist-cjs/toolbar/Toolbar.css.js +1 -1
  90. package/dist-cjs/tooltip/Tooltip.css.js +1 -1
  91. package/dist-cjs/viewport/ViewportProvider.js.map +1 -1
  92. package/dist-es/avatar/Avatar.css.js +1 -1
  93. package/dist-es/avatar/Avatar.js +5 -2
  94. package/dist-es/avatar/Avatar.js.map +1 -1
  95. package/dist-es/breadcrumbs/Breadcrumb.css.js +4 -0
  96. package/dist-es/breadcrumbs/Breadcrumb.css.js.map +1 -0
  97. package/dist-es/breadcrumbs/Breadcrumb.js +102 -0
  98. package/dist-es/breadcrumbs/Breadcrumb.js.map +1 -0
  99. package/dist-es/breadcrumbs/BreadcrumbLabel.js +23 -0
  100. package/dist-es/breadcrumbs/BreadcrumbLabel.js.map +1 -0
  101. package/dist-es/breadcrumbs/BreadcrumbTrigger.js +50 -0
  102. package/dist-es/breadcrumbs/BreadcrumbTrigger.js.map +1 -0
  103. package/dist-es/breadcrumbs/Breadcrumbs.css.js +4 -0
  104. package/dist-es/breadcrumbs/Breadcrumbs.css.js.map +1 -0
  105. package/dist-es/breadcrumbs/Breadcrumbs.js +149 -0
  106. package/dist-es/breadcrumbs/Breadcrumbs.js.map +1 -0
  107. package/dist-es/breadcrumbs/internal/BreadcrumbContext.js +9 -0
  108. package/dist-es/breadcrumbs/internal/BreadcrumbContext.js.map +1 -0
  109. package/dist-es/breadcrumbs/internal/BreadcrumbOverflowDisclosure.js +241 -0
  110. package/dist-es/breadcrumbs/internal/BreadcrumbOverflowDisclosure.js.map +1 -0
  111. package/dist-es/breadcrumbs/internal/breadcrumbItems.js +19 -0
  112. package/dist-es/breadcrumbs/internal/breadcrumbItems.js.map +1 -0
  113. package/dist-es/card/Card.css.js +1 -1
  114. package/dist-es/card/Card.js +4 -1
  115. package/dist-es/card/Card.js.map +1 -1
  116. package/dist-es/card/CardContent.css.js +4 -0
  117. package/dist-es/card/CardContent.css.js.map +1 -0
  118. package/dist-es/card/CardContent.js +28 -0
  119. package/dist-es/card/CardContent.js.map +1 -0
  120. package/dist-es/card/CardFooter.css.js +4 -0
  121. package/dist-es/card/CardFooter.css.js.map +1 -0
  122. package/dist-es/card/CardFooter.js +28 -0
  123. package/dist-es/card/CardFooter.js.map +1 -0
  124. package/dist-es/card/CardHeader.css.js +4 -0
  125. package/dist-es/card/CardHeader.css.js.map +1 -0
  126. package/dist-es/card/CardHeader.js +28 -0
  127. package/dist-es/card/CardHeader.js.map +1 -0
  128. package/dist-es/card/hasCardSection.js +14 -0
  129. package/dist-es/card/hasCardSection.js.map +1 -0
  130. package/dist-es/checkbox/Checkbox.js +2 -1
  131. package/dist-es/checkbox/Checkbox.js.map +1 -1
  132. package/dist-es/dropdown/Dropdown.js +3 -3
  133. package/dist-es/dropdown/Dropdown.js.map +1 -1
  134. package/dist-es/file-drop-zone/FileDropZone.css.js +1 -1
  135. package/dist-es/file-drop-zone/FileDropZoneTrigger.js +11 -1
  136. package/dist-es/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
  137. package/dist-es/index.js +7 -0
  138. package/dist-es/index.js.map +1 -1
  139. package/dist-es/input/Input.js +10 -3
  140. package/dist-es/input/Input.js.map +1 -1
  141. package/dist-es/interactable-card/InteractableCard.css.js +1 -1
  142. package/dist-es/interactable-card/InteractableCard.js +4 -1
  143. package/dist-es/interactable-card/InteractableCard.js.map +1 -1
  144. package/dist-es/kbd/Kbd.css.js +1 -1
  145. package/dist-es/link-card/LinkCard.css.js +1 -1
  146. package/dist-es/link-card/LinkCard.js +4 -1
  147. package/dist-es/link-card/LinkCard.js.map +1 -1
  148. package/dist-es/list-box/ListBox.css.js +1 -1
  149. package/dist-es/list-box/ListBox.js +1 -1
  150. package/dist-es/list-box/ListBox.js.map +1 -1
  151. package/dist-es/mega-menu/MegaMenuPanel.css.js +1 -1
  152. package/dist-es/multiline-input/MultilineInput.js +2 -0
  153. package/dist-es/multiline-input/MultilineInput.js.map +1 -1
  154. package/dist-es/number-input/NumberInput.js +2 -0
  155. package/dist-es/number-input/NumberInput.js.map +1 -1
  156. package/dist-es/overlay/Overlay.js +46 -29
  157. package/dist-es/overlay/Overlay.js.map +1 -1
  158. package/dist-es/overlay/OverlayContext.js +1 -0
  159. package/dist-es/overlay/OverlayContext.js.map +1 -1
  160. package/dist-es/overlay/OverlayPanel.css.js +1 -1
  161. package/dist-es/overlay/OverlayPanel.js +4 -2
  162. package/dist-es/overlay/OverlayPanel.js.map +1 -1
  163. package/dist-es/pill-input/PillInput.js +10 -3
  164. package/dist-es/pill-input/PillInput.js.map +1 -1
  165. package/dist-es/semantic-icon-provider/SemanticIconProvider.js +3 -2
  166. package/dist-es/semantic-icon-provider/SemanticIconProvider.js.map +1 -1
  167. package/dist-es/side-panel/SidePanel.css.js +1 -1
  168. package/dist-es/slider/RangeSlider.js +6 -2
  169. package/dist-es/slider/RangeSlider.js.map +1 -1
  170. package/dist-es/slider/Slider.js +2 -0
  171. package/dist-es/slider/Slider.js.map +1 -1
  172. package/dist-es/slider/internal/SliderTooltip.css.js +1 -1
  173. package/dist-es/slider/internal/SliderTooltip.js +1 -1
  174. package/dist-es/slider/internal/SliderTooltip.js.map +1 -1
  175. package/dist-es/toast/Toast.css.js +1 -1
  176. package/dist-es/toggle-button-group/ToggleButtonGroup.css.js +1 -1
  177. package/dist-es/toggletip/ToggletipPanel.css.js +1 -1
  178. package/dist-es/toolbar/Toolbar.css.js +1 -1
  179. package/dist-es/tooltip/Tooltip.css.js +1 -1
  180. package/dist-es/viewport/ViewportProvider.js.map +1 -1
  181. package/dist-types/avatar/Avatar.d.ts +11 -1
  182. package/dist-types/breadcrumbs/Breadcrumb.d.ts +23 -0
  183. package/dist-types/breadcrumbs/BreadcrumbLabel.d.ts +4 -0
  184. package/dist-types/breadcrumbs/BreadcrumbTrigger.d.ts +8 -0
  185. package/dist-types/breadcrumbs/Breadcrumbs.d.ts +32 -0
  186. package/dist-types/breadcrumbs/index.d.ts +4 -0
  187. package/dist-types/breadcrumbs/internal/BreadcrumbContext.d.ts +14 -0
  188. package/dist-types/breadcrumbs/internal/BreadcrumbOverflowDisclosure.d.ts +9 -0
  189. package/dist-types/breadcrumbs/internal/breadcrumbItems.d.ts +9 -0
  190. package/dist-types/breakpoints/BreakpointProvider.d.ts +1 -1
  191. package/dist-types/card/CardContent.d.ts +4 -0
  192. package/dist-types/card/CardFooter.d.ts +4 -0
  193. package/dist-types/card/CardHeader.d.ts +4 -0
  194. package/dist-types/card/hasCardSection.d.ts +2 -0
  195. package/dist-types/card/index.d.ts +3 -0
  196. package/dist-types/dialog/Dialog.d.ts +1 -1
  197. package/dist-types/file-drop-zone/FileDropZoneTrigger.d.ts +4 -0
  198. package/dist-types/form-field/FormFieldHelperText.d.ts +1 -1
  199. package/dist-types/form-field/FormFieldLabel.d.ts +1 -1
  200. package/dist-types/index.d.ts +1 -0
  201. package/dist-types/input/Input.d.ts +4 -0
  202. package/dist-types/mega-menu/MegaMenu.d.ts +1 -1
  203. package/dist-types/menu/Menu.d.ts +1 -1
  204. package/dist-types/menu/MenuBase.d.ts +1 -1
  205. package/dist-types/multiline-input/MultilineInput.d.ts +4 -0
  206. package/dist-types/navigation-item/ExpansionIcon.d.ts +1 -1
  207. package/dist-types/number-input/NumberInput.d.ts +4 -0
  208. package/dist-types/overlay/Overlay.d.ts +14 -3
  209. package/dist-types/overlay/OverlayContext.d.ts +1 -0
  210. package/dist-types/pagination/PageRanges.d.ts +1 -1
  211. package/dist-types/pill-input/PillInput.d.ts +4 -0
  212. package/dist-types/radio-button/RadioButtonIcon.d.ts +1 -1
  213. package/dist-types/salt-provider/SaltProvider.d.ts +2 -2
  214. package/dist-types/salt-provider/ThemeApplicator.d.ts +1 -1
  215. package/dist-types/semantic-icon-provider/SemanticIconProvider.d.ts +2 -1
  216. package/dist-types/side-panel/SidePanelProvider.d.ts +1 -1
  217. package/dist-types/slider/RangeSlider.d.ts +8 -0
  218. package/dist-types/slider/Slider.d.ts +4 -0
  219. package/dist-types/slider/internal/SliderThumb.d.ts +1 -1
  220. package/dist-types/slider/internal/SliderTooltip.d.ts +1 -1
  221. package/dist-types/spinner/svgSpinners/SpinnerSVG.d.ts +1 -1
  222. package/dist-types/stepper/internal/StepConnector.d.ts +1 -1
  223. package/dist-types/stepper/internal/StepExpandTrigger.d.ts +1 -1
  224. package/dist-types/stepper/internal/StepIcon.d.ts +1 -1
  225. package/dist-types/stepper/internal/StepScreenReaderOnly.d.ts +1 -1
  226. package/dist-types/stepper/internal/StepText.d.ts +1 -1
  227. package/dist-types/stepper/internal/StepperProvider.d.ts +1 -1
  228. package/dist-types/tabs/internal/overflow/TabSlot.d.ts +1 -1
  229. package/dist-types/toggletip/Toggletip.d.ts +1 -1
  230. package/dist-types/toolbar/ToolbarOverflow.d.ts +4 -4
  231. package/dist-types/toolbar/ToolbarOverflowFloatingBoundary.d.ts +2 -2
  232. package/dist-types/tooltip/TooltipBase.d.ts +1 -1
  233. package/dist-types/utils/useFloatingUI/useFloatingUI.d.ts +2 -2
  234. package/dist-types/vertical-navigation/SubMenuContext.d.ts +1 -1
  235. package/dist-types/vertical-navigation/VerticalNavigationItemExpansionIcon.d.ts +1 -1
  236. package/dist-types/viewport/ViewportProvider.d.ts +2 -2
  237. package/package.json +3 -3
@@ -0,0 +1,9 @@
1
+ import { type RenderPropsType } from "../../utils";
2
+ import type { NormalizedBreadcrumb } from "./breadcrumbItems";
3
+ interface BreadcrumbOverflowDisclosureProps {
4
+ currentIndex: number;
5
+ items: NormalizedBreadcrumb[];
6
+ render?: RenderPropsType["render"];
7
+ }
8
+ export declare function BreadcrumbOverflowDisclosure({ currentIndex, items, render, }: BreadcrumbOverflowDisclosureProps): import("react").JSX.Element;
9
+ export {};
@@ -0,0 +1,9 @@
1
+ import { type Key, type ReactElement, type ReactNode } from "react";
2
+ import type { BreadcrumbProps } from "../Breadcrumb";
3
+ export interface NormalizedBreadcrumb {
4
+ element: ReactElement<BreadcrumbProps>;
5
+ index: number;
6
+ key: Key;
7
+ props: BreadcrumbProps;
8
+ }
9
+ export declare function flattenBreadcrumbItems(children: ReactNode): ReactNode[];
@@ -8,7 +8,7 @@ interface BreakpointProviderProps {
8
8
  children?: ReactNode;
9
9
  matchedBreakpoints: Breakpoint[];
10
10
  }
11
- export declare function BreakpointProvider(props: BreakpointProviderProps): import("react/jsx-runtime").JSX.Element;
11
+ export declare function BreakpointProvider(props: BreakpointProviderProps): import("react").JSX.Element;
12
12
  export declare function useMatchedBreakpoints(breakpoints: Breakpoints): Breakpoint[];
13
13
  export declare function useBreakpoint(): BreakpointContext & {
14
14
  breakpoint: Breakpoint | null;
@@ -0,0 +1,4 @@
1
+ import { type ComponentPropsWithoutRef } from "react";
2
+ export interface CardContentProps extends ComponentPropsWithoutRef<"div"> {
3
+ }
4
+ export declare const CardContent: import("react").ForwardRefExoticComponent<CardContentProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,4 @@
1
+ import { type ComponentPropsWithoutRef } from "react";
2
+ export interface CardFooterProps extends ComponentPropsWithoutRef<"div"> {
3
+ }
4
+ export declare const CardFooter: import("react").ForwardRefExoticComponent<CardFooterProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,4 @@
1
+ import { type ComponentPropsWithoutRef } from "react";
2
+ export interface CardHeaderProps extends ComponentPropsWithoutRef<"div"> {
3
+ }
4
+ export declare const CardHeader: import("react").ForwardRefExoticComponent<CardHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,2 @@
1
+ import { type ReactNode } from "react";
2
+ export declare function hasCardSection(children: ReactNode): boolean;
@@ -1 +1,4 @@
1
1
  export * from "./Card";
2
+ export * from "./CardContent";
3
+ export * from "./CardFooter";
4
+ export * from "./CardHeader";
@@ -5,7 +5,7 @@ interface ConditionalScrimWrapperProps {
5
5
  children?: ReactNode;
6
6
  condition: boolean;
7
7
  }
8
- export declare const ConditionalScrimWrapper: ({ condition, children, }: ConditionalScrimWrapperProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const ConditionalScrimWrapper: ({ condition, children, }: ConditionalScrimWrapperProps) => import("react").JSX.Element;
9
9
  export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
10
10
  /**
11
11
  * Display or hide the component.
@@ -15,6 +15,10 @@ export interface FileDropZoneTriggerProps extends Omit<ComponentPropsWithoutRef<
15
15
  * Allows multiple files to be uploaded.
16
16
  */
17
17
  multiple?: boolean;
18
+ /**
19
+ * The name applied to the hidden input.
20
+ */
21
+ name?: string;
18
22
  /**
19
23
  * Callback for input change event
20
24
  */
@@ -1,4 +1,4 @@
1
1
  import { type TextProps } from "../text";
2
2
  export interface FormFieldHelperTextProps extends Omit<TextProps<"label">, "variant" | "styleAs"> {
3
3
  }
4
- export declare const FormFieldHelperText: ({ className, children, ...restProps }: FormFieldHelperTextProps) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const FormFieldHelperText: ({ className, children, ...restProps }: FormFieldHelperTextProps) => import("react").JSX.Element;
@@ -8,4 +8,4 @@ export interface FormFieldLabelProps extends Omit<TextProps<"label">, "variant"
8
8
  */
9
9
  intent?: "label" | "sentence";
10
10
  }
11
- export declare const FormFieldLabel: ({ className, children, intent, onClick, ...restProps }: FormFieldLabelProps) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const FormFieldLabel: ({ className, children, intent, onClick, ...restProps }: FormFieldLabelProps) => import("react").JSX.Element;
@@ -5,6 +5,7 @@ export * from "./badge";
5
5
  export * from "./banner";
6
6
  export * from "./border-item";
7
7
  export * from "./border-layout";
8
+ export * from "./breadcrumbs";
8
9
  export { type Breakpoints, DEFAULT_BREAKPOINTS, useBreakpoint, } from "./breakpoints";
9
10
  export * from "./button";
10
11
  export * from "./card";
@@ -19,6 +19,10 @@ export interface InputProps extends Omit<ComponentPropsWithoutRef<"div">, "defau
19
19
  * Optional ref for the input component
20
20
  */
21
21
  inputRef?: Ref<HTMLInputElement>;
22
+ /**
23
+ * The name applied to the input.
24
+ */
25
+ name?: string;
22
26
  /**
23
27
  * If `true`, the component is read only.
24
28
  */
@@ -33,4 +33,4 @@ export interface MegaMenuProps {
33
33
  * Not intended to be nested inside another floating overlay (e.g. a dialog or
34
34
  * popover): the mega menu does not participate in floating-ui's `FloatingTree`
35
35
  */
36
- export declare function MegaMenu({ children, open, defaultOpen, onOpenChange, placement, }: MegaMenuProps): import("react/jsx-runtime").JSX.Element;
36
+ export declare function MegaMenu({ children, open, defaultOpen, onOpenChange, placement, }: MegaMenuProps): import("react").JSX.Element;
@@ -1,4 +1,4 @@
1
1
  import { type MenuBaseProps } from "./MenuBase";
2
2
  export interface MenuProps extends MenuBaseProps {
3
3
  }
4
- export declare function Menu(props: MenuProps): import("react/jsx-runtime").JSX.Element;
4
+ export declare function Menu(props: MenuProps): import("react").JSX.Element;
@@ -24,4 +24,4 @@ export interface MenuBaseProps {
24
24
  */
25
25
  getVirtualElement?: () => ReferenceType | null;
26
26
  }
27
- export declare function MenuBase(props: MenuBaseProps): import("react/jsx-runtime").JSX.Element;
27
+ export declare function MenuBase(props: MenuBaseProps): import("react").JSX.Element;
@@ -10,6 +10,10 @@ export interface MultilineInputProps extends Omit<ComponentPropsWithoutRef<"div"
10
10
  * End adornment component
11
11
  */
12
12
  endAdornment?: ReactNode;
13
+ /**
14
+ * The name applied to the textarea.
15
+ */
16
+ name?: string;
13
17
  /**
14
18
  * If `true`, the component is read only.
15
19
  */
@@ -8,5 +8,5 @@ interface ExpansionIconProps {
8
8
  */
9
9
  orientation?: "horizontal" | "vertical";
10
10
  }
11
- export declare const ExpansionIcon: ({ expanded, orientation, }: ExpansionIconProps) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const ExpansionIcon: ({ expanded, orientation, }: ExpansionIconProps) => import("react").JSX.Element;
12
12
  export {};
@@ -81,6 +81,10 @@ export interface NumberInputProps extends Omit<ComponentPropsWithoutRef<"div">,
81
81
  * @default Number.MIN_SAFE_INTEGER
82
82
  */
83
83
  min?: number;
84
+ /**
85
+ * The name applied to the input.
86
+ */
87
+ name?: string;
84
88
  /**
85
89
  * Callback function that is triggered when the value changes via user input or increment/decrement.
86
90
  * Use `onNumberChange` if you want stable number, after blur or through increment/decrement
@@ -1,5 +1,9 @@
1
- import { type ComponentPropsWithoutRef } from "react";
2
- export interface OverlayProps extends ComponentPropsWithoutRef<"div"> {
1
+ import { type ReactNode } from "react";
2
+ export interface OverlayProps {
3
+ /**
4
+ * The content of the Overlay, typically an `OverlayTrigger` and `OverlayPanel`.
5
+ */
6
+ children?: ReactNode;
3
7
  /**
4
8
  * Display or hide the component.
5
9
  */
@@ -8,6 +12,13 @@ export interface OverlayProps extends ComponentPropsWithoutRef<"div"> {
8
12
  * Callback function triggered when open state changes.
9
13
  */
10
14
  onOpenChange?: (open: boolean) => void;
15
+ /**
16
+ * Set the placement of the Overlay component relative to the trigger element. Defaults to `top`.
17
+ */
11
18
  placement?: "top" | "bottom" | "left" | "right";
19
+ /**
20
+ * When `true`, the arrow indicator is hidden
21
+ */
22
+ hideArrow?: boolean;
12
23
  }
13
- export declare const Overlay: ({ children, open, onOpenChange, placement: placementProp, }: OverlayProps) => import("react/jsx-runtime").JSX.Element;
24
+ export declare const Overlay: ({ children, open, onOpenChange, placement: placementProp, hideArrow, }: OverlayProps) => import("react").JSX.Element;
@@ -11,6 +11,7 @@ export interface OverlayContextValue {
11
11
  openState: boolean;
12
12
  floatingStyles: FloatingStyleProps;
13
13
  arrowProps: FloatingArrowProps;
14
+ hideArrow: boolean;
14
15
  context: FloatingContext;
15
16
  reference?: (node: ReferenceType | null) => void;
16
17
  floating?: (node: HTMLElement | null) => void;
@@ -2,4 +2,4 @@ export interface PageRangesProps {
2
2
  boundaryCount?: number;
3
3
  siblingCount?: number;
4
4
  }
5
- export declare function PageRanges({ siblingCount, boundaryCount, }: PageRangesProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare function PageRanges({ siblingCount, boundaryCount, }: PageRangesProps): import("react").JSX.Element;
@@ -19,6 +19,10 @@ export interface PillInputProps extends Omit<ComponentPropsWithoutRef<"div">, "d
19
19
  * Optional ref for the input component
20
20
  */
21
21
  inputRef?: Ref<HTMLInputElement>;
22
+ /**
23
+ * The name applied to the input.
24
+ */
25
+ name?: string;
22
26
  /**
23
27
  * If `true`, the component is read only.
24
28
  */
@@ -13,4 +13,4 @@ export interface RadioButtonIconProps extends ComponentPropsWithoutRef<"div"> {
13
13
  /**
14
14
  * Default radio icon
15
15
  */
16
- export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => import("react/jsx-runtime").JSX.Element;
16
+ export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => import("react").JSX.Element;
@@ -53,9 +53,9 @@ interface SaltProviderThatClassesToRoot extends SaltProviderThatInjectsThemeElem
53
53
  applyClassesTo: "root";
54
54
  }
55
55
  type SaltProviderProps = SaltProviderThatAppliesClassesToChild | SaltProviderThatInjectsThemeElement | SaltProviderThatClassesToRoot;
56
- export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): import("react/jsx-runtime").JSX.Element;
56
+ export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): import("react").JSX.Element;
57
57
  export type SaltProviderNextProps = SaltProviderProps & Pick<ThemeApplicatorProps, ThemeNextOnlyAttributes>;
58
- export declare function SaltProviderNext({ enableStyleInjection, ...restProps }: SaltProviderNextProps): import("react/jsx-runtime").JSX.Element;
58
+ export declare function SaltProviderNext({ enableStyleInjection, ...restProps }: SaltProviderNextProps): import("react").JSX.Element;
59
59
  /** @deprecated since 1.32.0. Use `SaltProviderNextProps`. */
60
60
  export type UNSTABLE_SaltProviderNextProps = SaltProviderNextProps;
61
61
  /** @deprecated since 1.32.0. Use `SaltProviderNext`. */
@@ -53,4 +53,4 @@ export interface ThemeApplicatorProps {
53
53
  actionFont?: ActionFont;
54
54
  children?: ReactNode;
55
55
  }
56
- export declare function ThemeApplicator({ applyClassesTo, children, density, mode, theme, corner, headingFont, accent, actionFont, }: ThemeApplicatorProps): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
56
+ export declare function ThemeApplicator({ applyClassesTo, children, density, mode, theme, corner, headingFont, accent, actionFont, }: ThemeApplicatorProps): string | number | boolean | Iterable<ReactNode> | import("react").JSX.Element | null | undefined;
@@ -9,6 +9,7 @@ export interface SemanticIconMap {
9
9
  CollapseRightIcon: ElementType;
10
10
  CompletedIcon: ElementType;
11
11
  DecreaseIcon: ElementType;
12
+ EntityIcon: ElementType;
12
13
  ErrorIcon: ElementType;
13
14
  ErrorStatusAdornment: ElementType;
14
15
  ExpandGroupIcon: ElementType;
@@ -43,5 +44,5 @@ export interface SemanticIconProviderProps {
43
44
  */
44
45
  children: ReactNode;
45
46
  }
46
- export declare const SemanticIconProvider: ({ iconMap, children, }: SemanticIconProviderProps) => import("react/jsx-runtime").JSX.Element;
47
+ export declare const SemanticIconProvider: ({ iconMap, children, }: SemanticIconProviderProps) => import("react").JSX.Element;
47
48
  export declare const useIcon: () => SemanticIconMap;
@@ -17,4 +17,4 @@ export interface SidePanelProviderProps {
17
17
  */
18
18
  children: ReactNode;
19
19
  }
20
- export declare function SidePanelProvider(props: SidePanelProviderProps): import("react/jsx-runtime").JSX.Element;
20
+ export declare function SidePanelProvider(props: SidePanelProviderProps): import("react").JSX.Element;
@@ -61,6 +61,14 @@ export interface RangeSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "
61
61
  * Label for minimum value.
62
62
  */
63
63
  minLabel?: string;
64
+ /**
65
+ * The name applied to the start value input.
66
+ */
67
+ startName?: string;
68
+ /**
69
+ * The name applied to the end value input.
70
+ */
71
+ endName?: string;
64
72
  /**
65
73
  * Callback called when slider value is changed.
66
74
  * It provides a generic event and the current value of the slider.
@@ -58,6 +58,10 @@ export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCha
58
58
  * Label for the minimum value.
59
59
  */
60
60
  minLabel?: string;
61
+ /**
62
+ * The name applied to the input.
63
+ */
64
+ name?: string;
61
65
  /**
62
66
  * Callback called when slider value is changed.
63
67
  * It provides a generic event and the current value of the slider.
@@ -22,5 +22,5 @@ interface SliderThumbProps extends Omit<ComponentPropsWithoutRef<"input">, "onCh
22
22
  stepMultiplier: number;
23
23
  trackDragging: boolean;
24
24
  }
25
- export declare const SliderThumb: ({ "aria-label": ariaLabel, "aria-valuetext": ariaValueText, "aria-labelledby": ariaLabelledBy, accessibleMaxText, accessibleMinText, disabled, format, handleInputChange, handleKeydownOnThumb, handlePointerDown, index, inputRef, isFocusVisible, max, maxLabel, min, minLabel, offsetPercentage, restrictToMarks, showTooltip, sliderValue, step, stepMultiplier, trackDragging, ...rest }: SliderThumbProps) => import("react/jsx-runtime").JSX.Element;
25
+ export declare const SliderThumb: ({ "aria-label": ariaLabel, "aria-valuetext": ariaValueText, "aria-labelledby": ariaLabelledBy, accessibleMaxText, accessibleMinText, disabled, format, handleInputChange, handleKeydownOnThumb, handlePointerDown, index, inputRef, isFocusVisible, max, maxLabel, min, minLabel, offsetPercentage, restrictToMarks, showTooltip, sliderValue, step, stepMultiplier, trackDragging, ...rest }: SliderThumbProps) => import("react").JSX.Element;
26
26
  export {};
@@ -2,5 +2,5 @@ interface SliderTooltipProps {
2
2
  value: number | string;
3
3
  open?: boolean;
4
4
  }
5
- export declare const SliderTooltip: ({ value, open }: SliderTooltipProps) => import("react/jsx-runtime").JSX.Element;
5
+ export declare const SliderTooltip: ({ value, open }: SliderTooltipProps) => import("react").JSX.Element;
6
6
  export {};
@@ -7,5 +7,5 @@ type SpinnerSVGProps = ComponentPropsWithoutRef<"svg">;
7
7
  * draws the left half with a fading gradient. Radius and stroke width come
8
8
  * from CSS custom properties set by the parent `.saltSpinner-*` size class.
9
9
  */
10
- export declare const SpinnerSVG: ({ id, ...rest }: SpinnerSVGProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const SpinnerSVG: ({ id, ...rest }: SpinnerSVGProps) => import("react").JSX.Element;
11
11
  export {};
@@ -1 +1 @@
1
- export declare function StepConnector(): import("react/jsx-runtime").JSX.Element;
1
+ export declare function StepConnector(): import("react").JSX.Element;
@@ -2,4 +2,4 @@ import { type ButtonProps } from "../../button";
2
2
  export interface StepExpandTriggerProps extends ButtonProps {
3
3
  expanded: boolean;
4
4
  }
5
- export declare function StepExpandTrigger({ id, expanded, className, ...props }: StepExpandTriggerProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare function StepExpandTrigger({ id, expanded, className, ...props }: StepExpandTriggerProps): import("react").JSX.Element;
@@ -5,4 +5,4 @@ export interface StepIconProps extends IconProps {
5
5
  status?: StepStatus;
6
6
  sizeMultiplier?: IconProps["size"];
7
7
  }
8
- export declare function StepIcon({ status, stage, size, sizeMultiplier, className, ...props }: StepIconProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare function StepIcon({ status, stage, size, sizeMultiplier, className, ...props }: StepIconProps): import("react").JSX.Element;
@@ -2,4 +2,4 @@ import type { ComponentPropsWithoutRef, ReactNode } from "react";
2
2
  export interface StepScreenReaderOnlyProps extends ComponentPropsWithoutRef<"div"> {
3
3
  children?: ReactNode;
4
4
  }
5
- export declare function StepScreenReaderOnly({ children, ...props }: StepScreenReaderOnlyProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare function StepScreenReaderOnly({ children, ...props }: StepScreenReaderOnlyProps): import("react").JSX.Element;
@@ -2,4 +2,4 @@ import { type TextProps } from "../../text";
2
2
  export interface StepTextProps extends TextProps<"div"> {
3
3
  purpose: "label" | "description";
4
4
  }
5
- export declare function StepText({ id, purpose, className, styleAs, children, ...props }: StepTextProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare function StepText({ id, purpose, className, styleAs, children, ...props }: StepTextProps): import("react").JSX.Element;
@@ -6,4 +6,4 @@ export interface StepperProviderProps {
6
6
  orientation: StepperOrientation;
7
7
  children: ReactNode;
8
8
  }
9
- export declare function StepperProvider({ orientation: orientationProp, children, }: StepperProviderProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function StepperProvider({ orientation: orientationProp, children, }: StepperProviderProps): import("react").JSX.Element;
@@ -3,4 +3,4 @@ export interface TabSlotProps extends ComponentPropsWithoutRef<"div"> {
3
3
  slotId: string;
4
4
  value: string;
5
5
  }
6
- export declare function TabSlot({ slotId, value, ...rest }: TabSlotProps): import("react/jsx-runtime").JSX.Element;
6
+ export declare function TabSlot({ slotId, value, ...rest }: TabSlotProps): import("react").JSX.Element;
@@ -11,4 +11,4 @@ export interface ToggletipProps {
11
11
  onOpenChange?: (open: boolean) => void;
12
12
  placement?: "top" | "bottom" | "left" | "right";
13
13
  }
14
- export declare const Toggletip: ({ children, open, onOpenChange, placement, }: ToggletipProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const Toggletip: ({ children, open, onOpenChange, placement, }: ToggletipProps) => import("react").JSX.Element;
@@ -7,18 +7,18 @@ interface ToolbarOverflowOwnersProps {
7
7
  hostNodes: Record<string, HTMLDivElement | null>;
8
8
  items: ToolbarOverflowItem[];
9
9
  }
10
- export declare function ToolbarOverflowOwners({ hostNodes, items, }: ToolbarOverflowOwnersProps): import("react/jsx-runtime").JSX.Element;
10
+ export declare function ToolbarOverflowOwners({ hostNodes, items, }: ToolbarOverflowOwnersProps): import("react").JSX.Element;
11
11
  export declare function ToolbarOverflowTriggerContent({ label, named, }: {
12
12
  label: string;
13
13
  named: boolean;
14
- }): import("react/jsx-runtime").JSX.Element;
14
+ }): import("react").JSX.Element;
15
15
  interface ToolbarOverflowMenuProps {
16
16
  focusMemoryRef?: RefObject<ToolbarFocusMemory | null>;
17
17
  getItemHostRef: (id: string, kind: ToolbarItemHostKind) => (node: HTMLDivElement | null) => void;
18
18
  group: ToolbarOverflowGroup;
19
19
  onItemFocus?: (itemId: string, controlIndex: number) => void;
20
20
  }
21
- export declare function ToolbarOverflowMenu({ focusMemoryRef, getItemHostRef, group, onItemFocus, }: ToolbarOverflowMenuProps): import("react/jsx-runtime").JSX.Element;
21
+ export declare function ToolbarOverflowMenu({ focusMemoryRef, getItemHostRef, group, onItemFocus, }: ToolbarOverflowMenuProps): import("react").JSX.Element;
22
22
  export interface ToolbarOverflowContentProps {
23
23
  focusMemoryRef?: RefObject<ToolbarFocusMemory | null>;
24
24
  getItemHostRef: (id: string, kind: ToolbarItemHostKind) => (node: HTMLDivElement | null) => void;
@@ -30,5 +30,5 @@ export interface ToolbarOverflowContentProps {
30
30
  overflowedIds: Set<string>;
31
31
  content: ToolbarContentModel;
32
32
  }
33
- export declare function ToolbarOverflowContent({ content, focusMemoryRef, getItemHostRef, getItemRef, getNamedTriggerRef, getContentRef, onItemFocus, overflowGroups, overflowedIds, }: ToolbarOverflowContentProps): import("react/jsx-runtime").JSX.Element;
33
+ export declare function ToolbarOverflowContent({ content, focusMemoryRef, getItemHostRef, getItemRef, getNamedTriggerRef, getContentRef, onItemFocus, overflowGroups, overflowedIds, }: ToolbarOverflowContentProps): import("react").JSX.Element;
34
34
  export {};
@@ -5,12 +5,12 @@ interface ToolbarOverflowFloatingBoundaryContextValue {
5
5
  }
6
6
  export declare function ToolbarOverflowFloatingBoundaryProvider({ children, }: {
7
7
  children: ReactNode;
8
- }): import("react/jsx-runtime").JSX.Element;
8
+ }): import("react").JSX.Element;
9
9
  export declare function useToolbarOverflowFloatingBoundary(): ToolbarOverflowFloatingBoundaryContextValue | null;
10
10
  export declare function isTargetInsideOverflowBoundary(panelContent: HTMLElement | null, floatingBoundary: ToolbarOverflowFloatingBoundaryContextValue | null, boundaryKey: string, target: EventTarget | null): boolean;
11
11
  export declare function getToolbarOverflowBoundaryKey(host: HTMLElement | null): string | null;
12
12
  export declare function ToolbarOverflowFloatingComponentProvider({ boundaryKey, children, }: {
13
13
  boundaryKey: string | null;
14
14
  children: ReactNode;
15
- }): import("react/jsx-runtime").JSX.Element;
15
+ }): import("react").JSX.Element;
16
16
  export {};
@@ -8,5 +8,5 @@ interface TooltipBaseProps extends Omit<TooltipProps, "children"> {
8
8
  */
9
9
  status?: ValidationStatus;
10
10
  }
11
- export declare const TooltipBase: (props: TooltipBaseProps) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const TooltipBase: (props: TooltipBaseProps) => import("react").JSX.Element;
12
12
  export {};
@@ -33,7 +33,7 @@ export interface FloatingComponentContextType {
33
33
  export interface FloatingComponentProviderProps extends FloatingComponentContextType {
34
34
  children: ReactNode;
35
35
  }
36
- export declare function FloatingComponentProvider(props: FloatingComponentProviderProps): import("react/jsx-runtime").JSX.Element;
36
+ export declare function FloatingComponentProvider(props: FloatingComponentProviderProps): import("react").JSX.Element;
37
37
  export declare function useFloatingComponent(): FloatingComponentContextType;
38
38
  export interface UseFloatingUIProps extends Pick<UseFloatingOptions, "placement" | "strategy" | "open" | "onOpenChange" | "nodeId" | "rootContext"> {
39
39
  /**
@@ -53,7 +53,7 @@ export interface FloatingPlatformProviderProps {
53
53
  children: ReactNode;
54
54
  animationFrame?: boolean;
55
55
  }
56
- export declare function FloatingPlatformProvider(props: FloatingPlatformProviderProps): import("react/jsx-runtime").JSX.Element;
56
+ export declare function FloatingPlatformProvider(props: FloatingPlatformProviderProps): import("react").JSX.Element;
57
57
  export declare function useFloatingPlatform(): FloatingPlatformContextType;
58
58
  export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: {
59
59
  name: string;
@@ -10,5 +10,5 @@ export declare function SubMenuProvider({ children, directIcons, setDirectIcons,
10
10
  children: ReactNode;
11
11
  directIcons: string[];
12
12
  setDirectIcons?: Dispatch<SetStateAction<string[]>>;
13
- }): import("react/jsx-runtime").JSX.Element;
13
+ }): import("react").JSX.Element;
14
14
  export {};
@@ -1,2 +1,2 @@
1
1
  import type { IconProps } from "@salt-ds/icons";
2
- export declare const VerticalNavigationItemExpansionIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const VerticalNavigationItemExpansionIcon: (props: IconProps) => import("react").JSX.Element;
@@ -3,6 +3,6 @@ declare const ViewportContext: import("react").Context<number | null>;
3
3
  type ViewportProviderProps = {
4
4
  children?: ReactNode;
5
5
  };
6
- declare const ViewportProvider: ({ children }: ViewportProviderProps) => import("react/jsx-runtime").JSX.Element;
6
+ declare const ViewportProvider: ({ children }: ViewportProviderProps) => import("react").JSX.Element;
7
7
  declare const useViewport: () => number;
8
- export { ViewportProvider, ViewportContext, useViewport };
8
+ export { useViewport, ViewportContext, ViewportProvider };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/core",
3
- "version": "1.67.1",
3
+ "version": "1.69.0",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",
@@ -18,8 +18,8 @@
18
18
  },
19
19
  "dependencies": {
20
20
  "@floating-ui/react": "^0.27.19",
21
- "@salt-ds/icons": "^1.18.1",
22
- "@salt-ds/styles": "0.3.0",
21
+ "@salt-ds/icons": "^1.18.2",
22
+ "@salt-ds/styles": "0.4.0",
23
23
  "@salt-ds/window": "0.1.1",
24
24
  "clsx": "^2.0.0",
25
25
  "compute-scroll-into-view": "^3.0.0",