@salt-ds/lab 1.0.0-alpha.44 → 1.0.0-alpha.45

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 (106) hide show
  1. package/css/salt-lab.css +32 -84
  2. package/dist-cjs/calendar/internal/CalendarDay.js +5 -1
  3. package/dist-cjs/calendar/internal/CalendarDay.js.map +1 -1
  4. package/dist-cjs/calendar/internal/CalendarNavigation.js +2 -6
  5. package/dist-cjs/calendar/internal/CalendarNavigation.js.map +1 -1
  6. package/dist-cjs/calendar/useCalendar.js +4 -4
  7. package/dist-cjs/calendar/useCalendar.js.map +1 -1
  8. package/dist-cjs/calendar/useSelection.js +4 -0
  9. package/dist-cjs/calendar/useSelection.js.map +1 -1
  10. package/dist-cjs/contact-details/ContactPrimaryInfo.js.map +1 -1
  11. package/dist-cjs/date-input/DateInput.css.js +1 -1
  12. package/dist-cjs/date-input/DateInput.js +196 -49
  13. package/dist-cjs/date-input/DateInput.js.map +1 -1
  14. package/dist-cjs/date-picker/DatePicker.js +164 -0
  15. package/dist-cjs/date-picker/DatePicker.js.map +1 -0
  16. package/dist-cjs/date-picker/DatePickerContext.js +36 -0
  17. package/dist-cjs/date-picker/DatePickerContext.js.map +1 -0
  18. package/dist-cjs/date-picker/DatePickerPanel.css.js +6 -0
  19. package/dist-cjs/date-picker/DatePickerPanel.css.js.map +1 -0
  20. package/dist-cjs/date-picker/DatePickerPanel.js +139 -0
  21. package/dist-cjs/date-picker/DatePickerPanel.js.map +1 -0
  22. package/dist-cjs/index.js +3 -0
  23. package/dist-cjs/index.js.map +1 -1
  24. package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.css.js +1 -1
  25. package/dist-cjs/stepper-input/StepperInput.css.js +1 -1
  26. package/dist-cjs/stepper-input/StepperInput.js +25 -74
  27. package/dist-cjs/stepper-input/StepperInput.js.map +1 -1
  28. package/dist-cjs/stepper-input/useStepperInput.js +19 -63
  29. package/dist-cjs/stepper-input/useStepperInput.js.map +1 -1
  30. package/dist-es/calendar/internal/CalendarDay.js +5 -1
  31. package/dist-es/calendar/internal/CalendarDay.js.map +1 -1
  32. package/dist-es/calendar/internal/CalendarNavigation.js +3 -7
  33. package/dist-es/calendar/internal/CalendarNavigation.js.map +1 -1
  34. package/dist-es/calendar/useCalendar.js +5 -5
  35. package/dist-es/calendar/useCalendar.js.map +1 -1
  36. package/dist-es/calendar/useSelection.js +4 -1
  37. package/dist-es/calendar/useSelection.js.map +1 -1
  38. package/dist-es/contact-details/ContactPrimaryInfo.js.map +1 -1
  39. package/dist-es/date-input/DateInput.css.js +1 -1
  40. package/dist-es/date-input/DateInput.js +200 -53
  41. package/dist-es/date-input/DateInput.js.map +1 -1
  42. package/dist-es/date-picker/DatePicker.js +160 -0
  43. package/dist-es/date-picker/DatePicker.js.map +1 -0
  44. package/dist-es/date-picker/DatePickerContext.js +31 -0
  45. package/dist-es/date-picker/DatePickerContext.js.map +1 -0
  46. package/dist-es/date-picker/DatePickerPanel.css.js +4 -0
  47. package/dist-es/date-picker/DatePickerPanel.css.js.map +1 -0
  48. package/dist-es/date-picker/DatePickerPanel.js +135 -0
  49. package/dist-es/date-picker/DatePickerPanel.js.map +1 -0
  50. package/dist-es/index.js +2 -1
  51. package/dist-es/index.js.map +1 -1
  52. package/dist-es/stepped-tracker/TrackerStep/TrackerStep.css.js +1 -1
  53. package/dist-es/stepper-input/StepperInput.css.js +1 -1
  54. package/dist-es/stepper-input/StepperInput.js +27 -76
  55. package/dist-es/stepper-input/StepperInput.js.map +1 -1
  56. package/dist-es/stepper-input/useStepperInput.js +19 -63
  57. package/dist-es/stepper-input/useStepperInput.js.map +1 -1
  58. package/dist-types/breadcrumbs/internal/BreadcrumbsCollapsed.d.ts +1 -1
  59. package/dist-types/breadcrumbs/internal/BreadcrumbsSeparator.d.ts +1 -1
  60. package/dist-types/button-bar/internal/DescendantContext.d.ts +1 -1
  61. package/dist-types/calendar/useSelection.d.ts +1 -0
  62. package/dist-types/combo-box-deprecated/internal/MultiSelectComboBox.d.ts +1 -1
  63. package/dist-types/combo-box-deprecated/internal/useComboBox.d.ts +54 -60
  64. package/dist-types/combo-box-deprecated/internal/useMultiSelectComboBox.d.ts +165 -182
  65. package/dist-types/common-hooks/collectionProvider.d.ts +1 -1
  66. package/dist-types/contact-details/MailLinkComponent.d.ts +1 -1
  67. package/dist-types/date-input/DateInput.d.ts +21 -7
  68. package/dist-types/date-picker/DatePicker.d.ts +55 -0
  69. package/dist-types/date-picker/DatePickerContext.d.ts +23 -0
  70. package/dist-types/date-picker/DatePickerPanel.d.ts +8 -0
  71. package/dist-types/date-picker/index.d.ts +1 -0
  72. package/dist-types/form-field-legacy/FormActivationIndicator.d.ts +1 -1
  73. package/dist-types/form-field-legacy/FormHelperText.d.ts +1 -1
  74. package/dist-types/form-field-legacy/FormLabel.d.ts +1 -1
  75. package/dist-types/form-field-legacy/NecessityIndicator.d.ts +1 -1
  76. package/dist-types/form-field-legacy/StatusIndicator.d.ts +1 -1
  77. package/dist-types/index.d.ts +1 -0
  78. package/dist-types/list-deprecated/internal/DescendantContext.d.ts +1 -1
  79. package/dist-types/list-deprecated/internal/Highlighter.d.ts +1 -1
  80. package/dist-types/query-input/internal/CategoryList.d.ts +1 -1
  81. package/dist-types/query-input/internal/SearchList.d.ts +1 -1
  82. package/dist-types/query-input/internal/ValueList.d.ts +1 -1
  83. package/dist-types/query-input/internal/ValueSelector.d.ts +1 -1
  84. package/dist-types/responsive/overflowUtils.d.ts +1 -1
  85. package/dist-types/slider/internal/SliderMarkLabels.d.ts +1 -1
  86. package/dist-types/slider/internal/SliderRail.d.ts +1 -1
  87. package/dist-types/slider/internal/SliderRailMarks.d.ts +1 -1
  88. package/dist-types/slider/internal/SliderSelection.d.ts +1 -1
  89. package/dist-types/stepped-tracker/SteppedTrackerContext.d.ts +2 -2
  90. package/dist-types/stepped-tracker/TrackerConnector/TrackerConnector.d.ts +1 -1
  91. package/dist-types/stepper-input/StepperInput.d.ts +43 -12
  92. package/dist-types/stepper-input/useStepperInput.d.ts +7 -293
  93. package/dist-types/tabs/TabActivationIndicator.d.ts +1 -1
  94. package/dist-types/toolbar/Tooltray.d.ts +1 -1
  95. package/dist-types/tree/TreeNode.d.ts +1 -1
  96. package/package.json +2 -2
  97. package/dist-cjs/stepper-input/internal/useActivationIndicatorPosition.js +0 -38
  98. package/dist-cjs/stepper-input/internal/useActivationIndicatorPosition.js.map +0 -1
  99. package/dist-cjs/stepper-input/internal/useDynamicAriaLabel.js +0 -76
  100. package/dist-cjs/stepper-input/internal/useDynamicAriaLabel.js.map +0 -1
  101. package/dist-es/stepper-input/internal/useActivationIndicatorPosition.js +0 -34
  102. package/dist-es/stepper-input/internal/useActivationIndicatorPosition.js.map +0 -1
  103. package/dist-es/stepper-input/internal/useDynamicAriaLabel.js +0 -72
  104. package/dist-es/stepper-input/internal/useDynamicAriaLabel.js.map +0 -1
  105. package/dist-types/stepper-input/internal/useActivationIndicatorPosition.d.ts +0 -2
  106. package/dist-types/stepper-input/internal/useDynamicAriaLabel.d.ts +0 -3
@@ -7,4 +7,4 @@ export interface BreadcrumbsCollapsedProps extends Omit<MenuButtonProps, "Cascad
7
7
  children: ReactNode;
8
8
  className?: string;
9
9
  }
10
- export declare const BreadcrumbsCollapsed: ({ children, CascadingMenuProps, accessibleText, ...rest }: BreadcrumbsCollapsedProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const BreadcrumbsCollapsed: ({ children, CascadingMenuProps, accessibleText, ...rest }: BreadcrumbsCollapsedProps) => JSX.Element;
@@ -1,2 +1,2 @@
1
1
  import { IconProps } from "@salt-ds/icons";
2
- export declare const BreadcrumbsSeparator: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const BreadcrumbsSeparator: (props: IconProps) => JSX.Element;
@@ -9,5 +9,5 @@ interface DescendantContextType {
9
9
  setItems?: DescendantProviderProps["setItems"];
10
10
  }
11
11
  export declare const DescendantContext: import("react").Context<DescendantContextType>;
12
- export declare function DescendantProvider({ items, setItems, ...props }: DescendantProviderProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare function DescendantProvider({ items, setItems, ...props }: DescendantProviderProps): JSX.Element;
13
13
  export {};
@@ -35,6 +35,7 @@ export interface UseSingleSelectionCalendarProps extends BaseUseSelectionCalenda
35
35
  }
36
36
  export declare type useSelectionCalendarProps = UseSingleSelectionCalendarProps | UseMultiSelectionCalendarProps | UseRangeSelectionCalendarProps | UseOffsetSelectionCalendarProps;
37
37
  export declare function isRangeOrOffsetSelectionValue(selectionValue?: AllSelectionValueType): selectionValue is RangeSelectionValueType | OffsetSelectionValueType;
38
+ export declare function isRangeOrOffsetSelectionWithStartDate(selectionValue?: AllSelectionValueType): selectionValue is RangeSelectionValueType | OffsetSelectionValueType;
38
39
  export declare function useSelectionCalendar(props: useSelectionCalendarProps): {
39
40
  state: {
40
41
  selectedDate: CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | RangeSelectionValueType | OffsetSelectionValueType | MultiSelectionValueType | null | undefined;
@@ -7,4 +7,4 @@ export declare type MultiSelectComboBoxProps<Item> = BaseComboBoxProps<Item, "mu
7
7
  multiSelect: true;
8
8
  delimiter?: string | string[];
9
9
  };
10
- export declare function MultiSelectComboBox<Item>(props: MultiSelectComboBoxProps<Item>): import("react/jsx-runtime").JSX.Element;
10
+ export declare function MultiSelectComboBox<Item>(props: MultiSelectComboBoxProps<Item>): JSX.Element;
@@ -52,68 +52,62 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
52
52
  slot?: string | undefined;
53
53
  style?: import("react").CSSProperties | undefined;
54
54
  title?: string | undefined;
55
- suppressHydrationWarning?: boolean | undefined;
56
55
  className?: string | undefined;
57
56
  color?: string | undefined;
58
57
  id?: string | undefined;
59
58
  lang?: string | undefined;
60
59
  role: (import("react").AriaRole | undefined) & string;
61
60
  tabIndex?: number | undefined;
62
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
63
- "aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
64
- "aria-braillelabel"?: string | undefined;
65
- "aria-brailleroledescription"?: string | undefined;
66
- "aria-busy"?: (boolean | "true" | "false") | undefined;
67
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
68
- "aria-colcount"?: number | undefined;
69
- "aria-colindex"?: number | undefined;
70
- "aria-colindextext"?: string | undefined;
71
- "aria-colspan"?: number | undefined;
72
- "aria-controls"?: string | undefined;
73
- "aria-current"?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
74
- "aria-describedby"?: string | undefined;
75
- "aria-description"?: string | undefined;
76
- "aria-details"?: string | undefined;
77
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
78
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
79
- "aria-errormessage"?: string | undefined;
80
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
81
- "aria-flowto"?: string | undefined;
82
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
83
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
84
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
85
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
86
- "aria-keyshortcuts"?: string | undefined;
87
- "aria-label"?: string | undefined;
88
- "aria-labelledby"?: string | undefined;
89
- "aria-level"?: number | undefined;
90
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
91
- "aria-modal"?: (boolean | "true" | "false") | undefined;
92
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
93
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
94
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
95
- "aria-owns"?: string | undefined;
96
- "aria-placeholder"?: string | undefined;
97
- "aria-posinset"?: number | undefined;
98
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
99
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
100
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
101
- "aria-required"?: (boolean | "true" | "false") | undefined;
102
- "aria-roledescription"?: string | undefined;
103
- "aria-rowcount"?: number | undefined;
104
- "aria-rowindex"?: number | undefined;
105
- "aria-rowindextext"?: string | undefined;
106
- "aria-rowspan"?: number | undefined;
107
- "aria-selected"?: (boolean | "true" | "false") | undefined;
108
- "aria-setsize"?: number | undefined;
109
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
110
- "aria-valuemax"?: number | undefined;
111
- "aria-valuemin"?: number | undefined;
112
- "aria-valuenow"?: number | undefined;
113
- "aria-valuetext"?: string | undefined;
61
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
62
+ 'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
63
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
64
+ 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
65
+ 'aria-colcount'?: number | undefined;
66
+ 'aria-colindex'?: number | undefined;
67
+ 'aria-colspan'?: number | undefined;
68
+ 'aria-controls'?: string | undefined;
69
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
70
+ 'aria-describedby'?: string | undefined;
71
+ 'aria-details'?: string | undefined;
72
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
73
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
74
+ 'aria-errormessage'?: string | undefined;
75
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
76
+ 'aria-flowto'?: string | undefined;
77
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
78
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
79
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
80
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
81
+ 'aria-keyshortcuts'?: string | undefined;
82
+ 'aria-label'?: string | undefined;
83
+ 'aria-labelledby'?: string | undefined;
84
+ 'aria-level'?: number | undefined;
85
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
86
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
87
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
88
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
89
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
90
+ 'aria-owns'?: string | undefined;
91
+ 'aria-placeholder'?: string | undefined;
92
+ 'aria-posinset'?: number | undefined;
93
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
94
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
95
+ 'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
96
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
97
+ 'aria-roledescription'?: string | undefined;
98
+ 'aria-rowcount'?: number | undefined;
99
+ 'aria-rowindex'?: number | undefined;
100
+ 'aria-rowspan'?: number | undefined;
101
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
102
+ 'aria-setsize'?: number | undefined;
103
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
104
+ 'aria-valuemax'?: number | undefined;
105
+ 'aria-valuemin'?: number | undefined;
106
+ 'aria-valuenow'?: number | undefined;
107
+ 'aria-valuetext'?: string | undefined;
114
108
  children?: import("react").ReactNode;
115
109
  dangerouslySetInnerHTML?: {
116
- __html: string | TrustedHTML;
110
+ __html: string;
117
111
  } | undefined;
118
112
  onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
119
113
  onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -251,7 +245,9 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
251
245
  onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
252
246
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
253
247
  onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
248
+ onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
254
249
  onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
250
+ onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
255
251
  onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
256
252
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
257
253
  onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -275,26 +271,24 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
275
271
  defaultChecked?: boolean | undefined;
276
272
  defaultValue?: string | number | readonly string[] | undefined;
277
273
  suppressContentEditableWarning?: boolean | undefined;
274
+ suppressHydrationWarning?: boolean | undefined;
278
275
  accessKey?: string | undefined;
279
- autoFocus?: boolean | undefined;
280
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
276
+ contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
281
277
  contextMenu?: string | undefined;
282
278
  dir?: string | undefined;
283
279
  draggable?: (boolean | "true" | "false") | undefined;
284
280
  hidden?: boolean | undefined;
285
281
  nonce?: string | undefined;
282
+ placeholder?: string | undefined;
286
283
  spellCheck?: (boolean | "true" | "false") | undefined;
287
284
  translate?: "yes" | "no" | undefined;
288
285
  radioGroup?: string | undefined;
289
286
  about?: string | undefined;
290
- content?: string | undefined;
291
287
  datatype?: string | undefined;
292
288
  inlist?: any;
293
289
  prefix?: string | undefined;
294
290
  property?: string | undefined;
295
- rel?: string | undefined;
296
291
  resource?: string | undefined;
297
- rev?: string | undefined;
298
292
  typeof?: string | undefined;
299
293
  vocab?: string | undefined;
300
294
  autoCapitalize?: string | undefined;
@@ -308,7 +302,7 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
308
302
  results?: number | undefined;
309
303
  security?: string | undefined;
310
304
  unselectable?: "on" | "off" | undefined;
311
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
305
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
312
306
  is?: string | undefined;
313
307
  };
314
308
  };