@salt-ds/core 1.53.0 → 1.54.1

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 (122) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/css/salt-core.css +47 -45
  3. package/dist-cjs/avatar/Avatar.css.js +1 -1
  4. package/dist-cjs/badge/Badge.css.js +1 -1
  5. package/dist-cjs/collapsible/CollapsibleTrigger.js +3 -2
  6. package/dist-cjs/collapsible/CollapsibleTrigger.js.map +1 -1
  7. package/dist-cjs/combo-box/ComboBox.js +2 -1
  8. package/dist-cjs/combo-box/ComboBox.js.map +1 -1
  9. package/dist-cjs/index.js +2 -0
  10. package/dist-cjs/index.js.map +1 -1
  11. package/dist-cjs/list-control/ListControlState.js +108 -87
  12. package/dist-cjs/list-control/ListControlState.js.map +1 -1
  13. package/dist-cjs/menu/MenuBase.js +5 -2
  14. package/dist-cjs/menu/MenuBase.js.map +1 -1
  15. package/dist-cjs/menu/MenuContext.js +3 -1
  16. package/dist-cjs/menu/MenuContext.js.map +1 -1
  17. package/dist-cjs/menu/MenuItem.js +5 -0
  18. package/dist-cjs/menu/MenuItem.js.map +1 -1
  19. package/dist-cjs/menu/MenuTrigger.js +3 -2
  20. package/dist-cjs/menu/MenuTrigger.js.map +1 -1
  21. package/dist-cjs/multiline-input/MultilineInput.js +2 -1
  22. package/dist-cjs/multiline-input/MultilineInput.js.map +1 -1
  23. package/dist-cjs/number-input/NumberInput.js +7 -7
  24. package/dist-cjs/number-input/NumberInput.js.map +1 -1
  25. package/dist-cjs/number-input/internal/useLongPressPointerAction.js +63 -0
  26. package/dist-cjs/number-input/internal/useLongPressPointerAction.js.map +1 -0
  27. package/dist-cjs/overlay/OverlayTrigger.js +2 -2
  28. package/dist-cjs/overlay/OverlayTrigger.js.map +1 -1
  29. package/dist-cjs/pill/Pill.js +72 -9
  30. package/dist-cjs/pill/Pill.js.map +1 -1
  31. package/dist-cjs/pill/PillCheckIcon.css.js +6 -0
  32. package/dist-cjs/pill/PillCheckIcon.css.js.map +1 -0
  33. package/dist-cjs/pill/PillCheckIcon.js +48 -0
  34. package/dist-cjs/pill/PillCheckIcon.js.map +1 -0
  35. package/dist-cjs/pill/PillGroup.css.js +6 -0
  36. package/dist-cjs/pill/PillGroup.css.js.map +1 -0
  37. package/dist-cjs/pill/PillGroup.js +83 -0
  38. package/dist-cjs/pill/PillGroup.js.map +1 -0
  39. package/dist-cjs/pill/PillGroupContext.js +27 -0
  40. package/dist-cjs/pill/PillGroupContext.js.map +1 -0
  41. package/dist-cjs/pill-input/PillInput.js +1 -0
  42. package/dist-cjs/pill-input/PillInput.js.map +1 -1
  43. package/dist-cjs/salt-provider/ProviderContext.js +11 -0
  44. package/dist-cjs/salt-provider/ProviderContext.js.map +1 -0
  45. package/dist-cjs/salt-provider/SaltProvider.js +24 -132
  46. package/dist-cjs/salt-provider/SaltProvider.js.map +1 -1
  47. package/dist-cjs/salt-provider/ThemeApplicator.js +115 -0
  48. package/dist-cjs/salt-provider/ThemeApplicator.js.map +1 -0
  49. package/dist-cjs/slider/internal/useRangeSliderThumb.js +14 -5
  50. package/dist-cjs/slider/internal/useRangeSliderThumb.js.map +1 -1
  51. package/dist-cjs/slider/internal/useSliderThumb.js +14 -5
  52. package/dist-cjs/slider/internal/useSliderThumb.js.map +1 -1
  53. package/dist-cjs/tag/Tag.css.js +1 -1
  54. package/dist-cjs/toggle-button/ToggleButton.css.js +1 -1
  55. package/dist-es/avatar/Avatar.css.js +1 -1
  56. package/dist-es/badge/Badge.css.js +1 -1
  57. package/dist-es/collapsible/CollapsibleTrigger.js +3 -2
  58. package/dist-es/collapsible/CollapsibleTrigger.js.map +1 -1
  59. package/dist-es/combo-box/ComboBox.js +3 -2
  60. package/dist-es/combo-box/ComboBox.js.map +1 -1
  61. package/dist-es/index.js +1 -0
  62. package/dist-es/index.js.map +1 -1
  63. package/dist-es/list-control/ListControlState.js +108 -87
  64. package/dist-es/list-control/ListControlState.js.map +1 -1
  65. package/dist-es/menu/MenuBase.js +5 -2
  66. package/dist-es/menu/MenuBase.js.map +1 -1
  67. package/dist-es/menu/MenuContext.js +3 -1
  68. package/dist-es/menu/MenuContext.js.map +1 -1
  69. package/dist-es/menu/MenuItem.js +6 -1
  70. package/dist-es/menu/MenuItem.js.map +1 -1
  71. package/dist-es/menu/MenuTrigger.js +3 -2
  72. package/dist-es/menu/MenuTrigger.js.map +1 -1
  73. package/dist-es/multiline-input/MultilineInput.js +3 -2
  74. package/dist-es/multiline-input/MultilineInput.js.map +1 -1
  75. package/dist-es/number-input/NumberInput.js +7 -7
  76. package/dist-es/number-input/NumberInput.js.map +1 -1
  77. package/dist-es/number-input/internal/useLongPressPointerAction.js +61 -0
  78. package/dist-es/number-input/internal/useLongPressPointerAction.js.map +1 -0
  79. package/dist-es/overlay/OverlayTrigger.js +2 -2
  80. package/dist-es/overlay/OverlayTrigger.js.map +1 -1
  81. package/dist-es/pill/Pill.js +74 -11
  82. package/dist-es/pill/Pill.js.map +1 -1
  83. package/dist-es/pill/PillCheckIcon.css.js +4 -0
  84. package/dist-es/pill/PillCheckIcon.css.js.map +1 -0
  85. package/dist-es/pill/PillCheckIcon.js +46 -0
  86. package/dist-es/pill/PillCheckIcon.js.map +1 -0
  87. package/dist-es/pill/PillGroup.css.js +4 -0
  88. package/dist-es/pill/PillGroup.css.js.map +1 -0
  89. package/dist-es/pill/PillGroup.js +81 -0
  90. package/dist-es/pill/PillGroup.js.map +1 -0
  91. package/dist-es/pill/PillGroupContext.js +24 -0
  92. package/dist-es/pill/PillGroupContext.js.map +1 -0
  93. package/dist-es/pill-input/PillInput.js +1 -0
  94. package/dist-es/pill-input/PillInput.js.map +1 -1
  95. package/dist-es/salt-provider/ProviderContext.js +9 -0
  96. package/dist-es/salt-provider/ProviderContext.js.map +1 -0
  97. package/dist-es/salt-provider/SaltProvider.js +25 -133
  98. package/dist-es/salt-provider/SaltProvider.js.map +1 -1
  99. package/dist-es/salt-provider/ThemeApplicator.js +113 -0
  100. package/dist-es/salt-provider/ThemeApplicator.js.map +1 -0
  101. package/dist-es/slider/internal/useRangeSliderThumb.js +14 -5
  102. package/dist-es/slider/internal/useRangeSliderThumb.js.map +1 -1
  103. package/dist-es/slider/internal/useSliderThumb.js +14 -5
  104. package/dist-es/slider/internal/useSliderThumb.js.map +1 -1
  105. package/dist-es/tag/Tag.css.js +1 -1
  106. package/dist-es/toggle-button/ToggleButton.css.js +1 -1
  107. package/dist-types/menu/MenuContext.d.ts +2 -0
  108. package/dist-types/number-input/internal/useLongPressPointerAction.d.ts +2 -0
  109. package/dist-types/pill/Pill.d.ts +1 -0
  110. package/dist-types/pill/PillCheckIcon.d.ts +7 -0
  111. package/dist-types/pill/PillGroup.d.ts +34 -0
  112. package/dist-types/pill/PillGroupContext.d.ts +9 -0
  113. package/dist-types/pill/index.d.ts +1 -0
  114. package/dist-types/salt-provider/ProviderContext.d.ts +5 -0
  115. package/dist-types/salt-provider/SaltProvider.d.ts +5 -56
  116. package/dist-types/salt-provider/ThemeApplicator.d.ts +56 -0
  117. package/package.json +2 -2
  118. package/dist-cjs/number-input/internal/useActivateWhileMouseDown.js +0 -50
  119. package/dist-cjs/number-input/internal/useActivateWhileMouseDown.js.map +0 -1
  120. package/dist-es/number-input/internal/useActivateWhileMouseDown.js +0 -48
  121. package/dist-es/number-input/internal/useActivateWhileMouseDown.js.map +0 -1
  122. package/dist-types/number-input/internal/useActivateWhileMouseDown.d.ts +0 -5
@@ -1,48 +0,0 @@
1
- import { useWindow } from '@salt-ds/window';
2
- import { useState, useCallback, useEffect } from 'react';
3
- import { useInterval } from './useInterval.js';
4
-
5
- const INITIAL_DELAY = 500;
6
- const INTERVAL_DELAY = 100;
7
- function useActivateWhileMouseDown(activationFn, isAtLimit) {
8
- const [buttonDown, setButtonDown] = useState(false);
9
- const [delay, setDelay] = useState(INITIAL_DELAY);
10
- const cancelInterval = useCallback(() => {
11
- setButtonDown(false);
12
- setDelay(INITIAL_DELAY);
13
- }, []);
14
- useEffect(() => {
15
- if (isAtLimit) cancelInterval();
16
- }, [isAtLimit, cancelInterval]);
17
- const targetWindow = useWindow();
18
- useEffect(() => {
19
- if (targetWindow) {
20
- targetWindow.addEventListener("mouseup", cancelInterval);
21
- }
22
- return () => {
23
- if (targetWindow) {
24
- targetWindow.removeEventListener("mouseup", cancelInterval);
25
- }
26
- };
27
- }, [cancelInterval, targetWindow]);
28
- const activate = (event) => {
29
- activationFn(event);
30
- if (event.type === "mousedown") {
31
- setButtonDown(true);
32
- }
33
- };
34
- useInterval(
35
- () => {
36
- if (!buttonDown) return;
37
- activationFn();
38
- if (delay === INITIAL_DELAY) {
39
- setDelay(INTERVAL_DELAY);
40
- }
41
- },
42
- buttonDown ? delay : null
43
- );
44
- return { activate, buttonDown };
45
- }
46
-
47
- export { useActivateWhileMouseDown };
48
- //# sourceMappingURL=useActivateWhileMouseDown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useActivateWhileMouseDown.js","sources":["../src/number-input/internal/useActivateWhileMouseDown.ts"],"sourcesContent":["import { useWindow } from \"@salt-ds/window\";\nimport { type SyntheticEvent, useCallback, useEffect, useState } from \"react\";\nimport { useInterval } from \"./useInterval\";\n\nconst INITIAL_DELAY = 500;\nconst INTERVAL_DELAY = 100;\n\nexport function useActivateWhileMouseDown(\n activationFn: (event?: SyntheticEvent) => void,\n isAtLimit: boolean,\n) {\n const [buttonDown, setButtonDown] = useState(false);\n const [delay, setDelay] = useState(INITIAL_DELAY);\n\n const cancelInterval = useCallback(() => {\n setButtonDown(false);\n setDelay(INITIAL_DELAY);\n }, []);\n\n useEffect(() => {\n if (isAtLimit) cancelInterval();\n }, [isAtLimit, cancelInterval]);\n\n const targetWindow = useWindow();\n\n useEffect(() => {\n if (targetWindow) {\n targetWindow.addEventListener(\"mouseup\", cancelInterval);\n }\n return () => {\n if (targetWindow) {\n targetWindow.removeEventListener(\"mouseup\", cancelInterval);\n }\n };\n }, [cancelInterval, targetWindow]);\n\n const activate = (event: SyntheticEvent) => {\n activationFn(event);\n if (event.type === \"mousedown\") {\n setButtonDown(true);\n }\n };\n\n useInterval(\n () => {\n if (!buttonDown) return;\n activationFn();\n if (delay === INITIAL_DELAY) {\n setDelay(INTERVAL_DELAY);\n }\n },\n buttonDown ? delay : null,\n );\n\n return { activate, buttonDown };\n}\n"],"names":[],"mappings":";;;;AAIA,MAAM,aAAA,GAAgB,GAAA;AACtB,MAAM,cAAA,GAAiB,GAAA;AAEhB,SAAS,yBAAA,CACd,cACA,SAAA,EACA;AACA,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,aAAa,CAAA;AAEhD,EAAA,MAAM,cAAA,GAAiB,YAAY,MAAM;AACvC,IAAA,aAAA,CAAc,KAAK,CAAA;AACnB,IAAA,QAAA,CAAS,aAAa,CAAA;AAAA,EACxB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,cAAA,EAAe;AAAA,EAChC,CAAA,EAAG,CAAC,SAAA,EAAW,cAAc,CAAC,CAAA;AAE9B,EAAA,MAAM,eAAe,SAAA,EAAU;AAE/B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,YAAA,CAAa,gBAAA,CAAiB,WAAW,cAAc,CAAA;AAAA,IACzD;AACA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,YAAA,EAAc;AAChB,QAAA,YAAA,CAAa,mBAAA,CAAoB,WAAW,cAAc,CAAA;AAAA,MAC5D;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,cAAA,EAAgB,YAAY,CAAC,CAAA;AAEjC,EAAA,MAAM,QAAA,GAAW,CAAC,KAAA,KAA0B;AAC1C,IAAA,YAAA,CAAa,KAAK,CAAA;AAClB,IAAA,IAAI,KAAA,CAAM,SAAS,WAAA,EAAa;AAC9B,MAAA,aAAA,CAAc,IAAI,CAAA;AAAA,IACpB;AAAA,EACF,CAAA;AAEA,EAAA,WAAA;AAAA,IACE,MAAM;AACJ,MAAA,IAAI,CAAC,UAAA,EAAY;AACjB,MAAA,YAAA,EAAa;AACb,MAAA,IAAI,UAAU,aAAA,EAAe;AAC3B,QAAA,QAAA,CAAS,cAAc,CAAA;AAAA,MACzB;AAAA,IACF,CAAA;AAAA,IACA,aAAa,KAAA,GAAQ;AAAA,GACvB;AAEA,EAAA,OAAO,EAAE,UAAU,UAAA,EAAW;AAChC;;;;"}
@@ -1,5 +0,0 @@
1
- import { type SyntheticEvent } from "react";
2
- export declare function useActivateWhileMouseDown(activationFn: (event?: SyntheticEvent) => void, isAtLimit: boolean): {
3
- activate: (event: SyntheticEvent) => void;
4
- buttonDown: boolean;
5
- };