@salt-ds/core 0.0.0-snapshot-20230705144029 → 0.0.0-snapshot-20230802143610

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 (252) hide show
  1. package/dist-cjs/accordion/Accordion.css.js +6 -0
  2. package/dist-cjs/accordion/Accordion.css.js.map +1 -0
  3. package/dist-cjs/accordion/Accordion.js +73 -0
  4. package/dist-cjs/accordion/Accordion.js.map +1 -0
  5. package/dist-cjs/accordion/AccordionContext.js +29 -0
  6. package/dist-cjs/accordion/AccordionContext.js.map +1 -0
  7. package/dist-cjs/accordion/AccordionGroup.css.js +6 -0
  8. package/dist-cjs/accordion/AccordionGroup.css.js.map +1 -0
  9. package/dist-cjs/accordion/AccordionGroup.js +36 -0
  10. package/dist-cjs/accordion/AccordionGroup.js.map +1 -0
  11. package/dist-cjs/accordion/AccordionHeader.css.js +6 -0
  12. package/dist-cjs/accordion/AccordionHeader.css.js.map +1 -0
  13. package/dist-cjs/accordion/AccordionHeader.js +63 -0
  14. package/dist-cjs/accordion/AccordionHeader.js.map +1 -0
  15. package/dist-cjs/accordion/AccordionPanel.css.js +6 -0
  16. package/dist-cjs/accordion/AccordionPanel.css.js.map +1 -0
  17. package/dist-cjs/accordion/AccordionPanel.js +76 -0
  18. package/dist-cjs/accordion/AccordionPanel.js.map +1 -0
  19. package/dist-cjs/button/Button.css.js +1 -1
  20. package/dist-cjs/card/InteractableCard.css.js +1 -1
  21. package/dist-cjs/card/InteractableCard.js +5 -3
  22. package/dist-cjs/card/InteractableCard.js.map +1 -1
  23. package/dist-cjs/checkbox/Checkbox.css.js +1 -1
  24. package/dist-cjs/checkbox/Checkbox.js +27 -17
  25. package/dist-cjs/checkbox/Checkbox.js.map +1 -1
  26. package/dist-cjs/checkbox/CheckboxGroup.js +5 -1
  27. package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
  28. package/dist-cjs/checkbox/CheckboxIcon.css.js +1 -1
  29. package/dist-cjs/checkbox/CheckboxIcon.js +42 -24
  30. package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
  31. package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  32. package/dist-cjs/drawer/Drawer.css.js +6 -0
  33. package/dist-cjs/drawer/Drawer.css.js.map +1 -0
  34. package/dist-cjs/drawer/Drawer.js +82 -0
  35. package/dist-cjs/drawer/Drawer.js.map +1 -0
  36. package/dist-cjs/drawer/useDrawer.js +36 -0
  37. package/dist-cjs/drawer/useDrawer.js.map +1 -0
  38. package/dist-cjs/form-field/FormField.css.js +1 -1
  39. package/dist-cjs/form-field/FormField.js +4 -4
  40. package/dist-cjs/form-field/FormField.js.map +1 -1
  41. package/dist-cjs/form-field/FormFieldHelperText.css.js +1 -1
  42. package/dist-cjs/form-field/FormFieldLabel.css.js +1 -1
  43. package/dist-cjs/form-field/FormFieldLabel.js +5 -4
  44. package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
  45. package/dist-cjs/index.js +27 -10
  46. package/dist-cjs/index.js.map +1 -1
  47. package/dist-cjs/input/Input.css.js +1 -1
  48. package/dist-cjs/input/Input.js +2 -11
  49. package/dist-cjs/input/Input.js.map +1 -1
  50. package/dist-cjs/multiline-input/MultilineInput.css.js +6 -0
  51. package/dist-cjs/multiline-input/MultilineInput.css.js.map +1 -0
  52. package/dist-cjs/multiline-input/MultilineInput.js +170 -0
  53. package/dist-cjs/multiline-input/MultilineInput.js.map +1 -0
  54. package/dist-cjs/radio-button/RadioButton.css.js +1 -1
  55. package/dist-cjs/radio-button/RadioButton.js +20 -9
  56. package/dist-cjs/radio-button/RadioButton.js.map +1 -1
  57. package/dist-cjs/radio-button/RadioButtonGroup.js +4 -0
  58. package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
  59. package/dist-cjs/radio-button/RadioButtonIcon.css.js +1 -1
  60. package/dist-cjs/radio-button/RadioButtonIcon.js +35 -21
  61. package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
  62. package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
  63. package/dist-cjs/status-adornment/StatusAdornment.css.js +1 -1
  64. package/dist-cjs/text/Text.css.js +1 -1
  65. package/dist-cjs/toast/Toast.css.js +6 -0
  66. package/dist-cjs/toast/Toast.css.js.map +1 -0
  67. package/dist-cjs/toast/Toast.js +50 -0
  68. package/dist-cjs/toast/Toast.js.map +1 -0
  69. package/dist-cjs/toast/ToastContent.css.js +6 -0
  70. package/dist-cjs/toast/ToastContent.css.js.map +1 -0
  71. package/dist-cjs/toast/ToastContent.js +34 -0
  72. package/dist-cjs/toast/ToastContent.js.map +1 -0
  73. package/dist-cjs/toggle-button/ToggleButton.css.js +6 -0
  74. package/dist-cjs/toggle-button/ToggleButton.css.js.map +1 -0
  75. package/dist-cjs/toggle-button/ToggleButton.js +81 -0
  76. package/dist-cjs/toggle-button/ToggleButton.js.map +1 -0
  77. package/dist-cjs/toggle-button-group/ToggleButtonGroup.css.js +6 -0
  78. package/dist-cjs/toggle-button-group/ToggleButtonGroup.css.js.map +1 -0
  79. package/dist-cjs/toggle-button-group/ToggleButtonGroup.js +117 -0
  80. package/dist-cjs/toggle-button-group/ToggleButtonGroup.js.map +1 -0
  81. package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js +20 -0
  82. package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js.map +1 -0
  83. package/dist-cjs/tooltip/Tooltip.js +52 -17
  84. package/dist-cjs/tooltip/Tooltip.js.map +1 -1
  85. package/dist-cjs/tooltip/useTooltip.js.map +1 -1
  86. package/dist-cjs/utils/useFloatingUI.js +1 -48
  87. package/dist-cjs/utils/useFloatingUI.js.map +1 -1
  88. package/dist-es/accordion/Accordion.css.js +4 -0
  89. package/dist-es/accordion/Accordion.css.js.map +1 -0
  90. package/dist-es/accordion/Accordion.js +69 -0
  91. package/dist-es/accordion/Accordion.js.map +1 -0
  92. package/dist-es/accordion/AccordionContext.js +24 -0
  93. package/dist-es/accordion/AccordionContext.js.map +1 -0
  94. package/dist-es/accordion/AccordionGroup.css.js +4 -0
  95. package/dist-es/accordion/AccordionGroup.css.js.map +1 -0
  96. package/dist-es/accordion/AccordionGroup.js +32 -0
  97. package/dist-es/accordion/AccordionGroup.js.map +1 -0
  98. package/dist-es/accordion/AccordionHeader.css.js +4 -0
  99. package/dist-es/accordion/AccordionHeader.css.js.map +1 -0
  100. package/dist-es/accordion/AccordionHeader.js +59 -0
  101. package/dist-es/accordion/AccordionHeader.js.map +1 -0
  102. package/dist-es/accordion/AccordionPanel.css.js +4 -0
  103. package/dist-es/accordion/AccordionPanel.css.js.map +1 -0
  104. package/dist-es/accordion/AccordionPanel.js +72 -0
  105. package/dist-es/accordion/AccordionPanel.js.map +1 -0
  106. package/dist-es/button/Button.css.js +1 -1
  107. package/dist-es/card/InteractableCard.css.js +1 -1
  108. package/dist-es/card/InteractableCard.js +5 -3
  109. package/dist-es/card/InteractableCard.js.map +1 -1
  110. package/dist-es/checkbox/Checkbox.css.js +1 -1
  111. package/dist-es/checkbox/Checkbox.js +27 -17
  112. package/dist-es/checkbox/Checkbox.js.map +1 -1
  113. package/dist-es/checkbox/CheckboxGroup.js +5 -1
  114. package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
  115. package/dist-es/checkbox/CheckboxIcon.css.js +1 -1
  116. package/dist-es/checkbox/CheckboxIcon.js +43 -25
  117. package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
  118. package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  119. package/dist-es/drawer/Drawer.css.js +4 -0
  120. package/dist-es/drawer/Drawer.css.js.map +1 -0
  121. package/dist-es/drawer/Drawer.js +77 -0
  122. package/dist-es/drawer/Drawer.js.map +1 -0
  123. package/dist-es/drawer/useDrawer.js +32 -0
  124. package/dist-es/drawer/useDrawer.js.map +1 -0
  125. package/dist-es/form-field/FormField.css.js +1 -1
  126. package/dist-es/form-field/FormField.js +4 -4
  127. package/dist-es/form-field/FormField.js.map +1 -1
  128. package/dist-es/form-field/FormFieldHelperText.css.js +1 -1
  129. package/dist-es/form-field/FormFieldLabel.css.js +1 -1
  130. package/dist-es/form-field/FormFieldLabel.js +5 -4
  131. package/dist-es/form-field/FormFieldLabel.js.map +1 -1
  132. package/dist-es/index.js +14 -3
  133. package/dist-es/index.js.map +1 -1
  134. package/dist-es/input/Input.css.js +1 -1
  135. package/dist-es/input/Input.js +2 -11
  136. package/dist-es/input/Input.js.map +1 -1
  137. package/dist-es/multiline-input/MultilineInput.css.js +4 -0
  138. package/dist-es/multiline-input/MultilineInput.css.js.map +1 -0
  139. package/dist-es/multiline-input/MultilineInput.js +166 -0
  140. package/dist-es/multiline-input/MultilineInput.js.map +1 -0
  141. package/dist-es/radio-button/RadioButton.css.js +1 -1
  142. package/dist-es/radio-button/RadioButton.js +20 -9
  143. package/dist-es/radio-button/RadioButton.js.map +1 -1
  144. package/dist-es/radio-button/RadioButtonGroup.js +4 -0
  145. package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
  146. package/dist-es/radio-button/RadioButtonIcon.css.js +1 -1
  147. package/dist-es/radio-button/RadioButtonIcon.js +35 -21
  148. package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
  149. package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
  150. package/dist-es/status-adornment/StatusAdornment.css.js +1 -1
  151. package/dist-es/text/Text.css.js +1 -1
  152. package/dist-es/toast/Toast.css.js +4 -0
  153. package/dist-es/toast/Toast.css.js.map +1 -0
  154. package/dist-es/toast/Toast.js +46 -0
  155. package/dist-es/toast/Toast.js.map +1 -0
  156. package/dist-es/toast/ToastContent.css.js +4 -0
  157. package/dist-es/toast/ToastContent.css.js.map +1 -0
  158. package/dist-es/toast/ToastContent.js +30 -0
  159. package/dist-es/toast/ToastContent.js.map +1 -0
  160. package/dist-es/toggle-button/ToggleButton.css.js +4 -0
  161. package/dist-es/toggle-button/ToggleButton.css.js.map +1 -0
  162. package/dist-es/toggle-button/ToggleButton.js +77 -0
  163. package/dist-es/toggle-button/ToggleButton.js.map +1 -0
  164. package/dist-es/toggle-button-group/ToggleButtonGroup.css.js +4 -0
  165. package/dist-es/toggle-button-group/ToggleButtonGroup.css.js.map +1 -0
  166. package/dist-es/toggle-button-group/ToggleButtonGroup.js +113 -0
  167. package/dist-es/toggle-button-group/ToggleButtonGroup.js.map +1 -0
  168. package/dist-es/toggle-button-group/ToggleButtonGroupContext.js +15 -0
  169. package/dist-es/toggle-button-group/ToggleButtonGroupContext.js.map +1 -0
  170. package/dist-es/tooltip/Tooltip.js +52 -17
  171. package/dist-es/tooltip/Tooltip.js.map +1 -1
  172. package/dist-es/tooltip/useTooltip.js.map +1 -1
  173. package/dist-es/utils/useFloatingUI.js +3 -46
  174. package/dist-es/utils/useFloatingUI.js.map +1 -1
  175. package/dist-types/accordion/Accordion.d.ts +29 -0
  176. package/dist-types/accordion/AccordionContext.d.ts +11 -0
  177. package/dist-types/accordion/AccordionGroup.d.ts +3 -0
  178. package/dist-types/accordion/AccordionHeader.d.ts +3 -0
  179. package/dist-types/accordion/AccordionPanel.d.ts +3 -0
  180. package/dist-types/accordion/index.d.ts +4 -0
  181. package/dist-types/card/InteractableCard.d.ts +2 -3
  182. package/dist-types/checkbox/CheckboxGroup.d.ts +4 -0
  183. package/dist-types/checkbox/CheckboxIcon.d.ts +5 -1
  184. package/dist-types/checkbox/internal/CheckboxGroupContext.d.ts +1 -0
  185. package/dist-types/drawer/Drawer.d.ts +22 -0
  186. package/dist-types/drawer/index.d.ts +2 -0
  187. package/dist-types/drawer/useDrawer.d.ts +27 -0
  188. package/dist-types/form-field/FormField.d.ts +1 -1
  189. package/dist-types/form-field/FormFieldLabel.d.ts +10 -1
  190. package/dist-types/form-field/index.d.ts +0 -1
  191. package/dist-types/index.d.ts +7 -0
  192. package/dist-types/input/index.d.ts +0 -1
  193. package/dist-types/multiline-input/MultilineInput.d.ts +40 -0
  194. package/dist-types/multiline-input/index.d.ts +1 -0
  195. package/dist-types/radio-button/RadioButton.d.ts +6 -2
  196. package/dist-types/radio-button/RadioButtonGroup.d.ts +4 -0
  197. package/dist-types/radio-button/RadioButtonIcon.d.ts +8 -4
  198. package/dist-types/radio-button/internal/RadioGroupContext.d.ts +1 -0
  199. package/dist-types/toast/Toast.d.ts +9 -0
  200. package/dist-types/toast/ToastContent.d.ts +2 -0
  201. package/dist-types/toast/index.d.ts +2 -0
  202. package/dist-types/toggle-button/ToggleButton.d.ts +7 -0
  203. package/dist-types/toggle-button/index.d.ts +1 -0
  204. package/dist-types/toggle-button-group/ToggleButtonGroup.d.ts +25 -0
  205. package/dist-types/toggle-button-group/ToggleButtonGroupContext.d.ts +10 -0
  206. package/dist-types/toggle-button-group/index.d.ts +2 -0
  207. package/dist-types/utils/useFloatingUI.d.ts +1 -22
  208. package/package.json +8 -8
  209. package/dist-cjs/checkbox/assets/CheckboxCheckedIcon.js +0 -33
  210. package/dist-cjs/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
  211. package/dist-cjs/checkbox/assets/CheckboxCheckedIconHD.js +0 -32
  212. package/dist-cjs/checkbox/assets/CheckboxCheckedIconHD.js.map +0 -1
  213. package/dist-cjs/checkbox/assets/CheckboxIndeterminateIcon.js +0 -37
  214. package/dist-cjs/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
  215. package/dist-cjs/checkbox/assets/CheckboxUncheckedIcon.js +0 -26
  216. package/dist-cjs/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
  217. package/dist-cjs/form-field/FormFieldControlWrapper.css.js +0 -6
  218. package/dist-cjs/form-field/FormFieldControlWrapper.css.js.map +0 -1
  219. package/dist-cjs/form-field/FormFieldControlWrapper.js +0 -47
  220. package/dist-cjs/form-field/FormFieldControlWrapper.js.map +0 -1
  221. package/dist-cjs/input/adornment-button/AdornmentButton.css.js +0 -6
  222. package/dist-cjs/input/adornment-button/AdornmentButton.css.js.map +0 -1
  223. package/dist-cjs/input/adornment-button/AdornmentButton.js +0 -41
  224. package/dist-cjs/input/adornment-button/AdornmentButton.js.map +0 -1
  225. package/dist-cjs/tooltip/TooltipBase.js +0 -62
  226. package/dist-cjs/tooltip/TooltipBase.js.map +0 -1
  227. package/dist-es/checkbox/assets/CheckboxCheckedIcon.js +0 -29
  228. package/dist-es/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
  229. package/dist-es/checkbox/assets/CheckboxCheckedIconHD.js +0 -28
  230. package/dist-es/checkbox/assets/CheckboxCheckedIconHD.js.map +0 -1
  231. package/dist-es/checkbox/assets/CheckboxIndeterminateIcon.js +0 -33
  232. package/dist-es/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
  233. package/dist-es/checkbox/assets/CheckboxUncheckedIcon.js +0 -22
  234. package/dist-es/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
  235. package/dist-es/form-field/FormFieldControlWrapper.css.js +0 -4
  236. package/dist-es/form-field/FormFieldControlWrapper.css.js.map +0 -1
  237. package/dist-es/form-field/FormFieldControlWrapper.js +0 -41
  238. package/dist-es/form-field/FormFieldControlWrapper.js.map +0 -1
  239. package/dist-es/input/adornment-button/AdornmentButton.css.js +0 -4
  240. package/dist-es/input/adornment-button/AdornmentButton.css.js.map +0 -1
  241. package/dist-es/input/adornment-button/AdornmentButton.js +0 -37
  242. package/dist-es/input/adornment-button/AdornmentButton.js.map +0 -1
  243. package/dist-es/tooltip/TooltipBase.js +0 -58
  244. package/dist-es/tooltip/TooltipBase.js.map +0 -1
  245. package/dist-types/checkbox/assets/CheckboxCheckedIcon.d.ts +0 -4
  246. package/dist-types/checkbox/assets/CheckboxCheckedIconHD.d.ts +0 -4
  247. package/dist-types/checkbox/assets/CheckboxIndeterminateIcon.d.ts +0 -4
  248. package/dist-types/checkbox/assets/CheckboxUncheckedIcon.d.ts +0 -4
  249. package/dist-types/checkbox/assets/index.d.ts +0 -4
  250. package/dist-types/form-field/FormFieldControlWrapper.d.ts +0 -11
  251. package/dist-types/input/adornment-button/AdornmentButton.d.ts +0 -4
  252. package/dist-types/tooltip/TooltipBase.d.ts +0 -13
@@ -1,32 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- function CheckboxCheckedIconHD({
8
- className
9
- }) {
10
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
11
- "aria-hidden": "true",
12
- className,
13
- focusable: "false",
14
- shapeRendering: "geometricPrecision",
15
- viewBox: "0 0 12 12",
16
- children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
17
- fillRule: "evenodd",
18
- children: [
19
- /* @__PURE__ */ jsxRuntime.jsx("rect", {
20
- className: `saltCheckboxIcon-box`
21
- }),
22
- /* @__PURE__ */ jsxRuntime.jsx("path", {
23
- className: `saltCheckboxIcon-tick`,
24
- d: "m10 3.70547L4.83651 9.27702L2 6.6259L2.70868 5.86766L4.78375 7.8071L9.23877 3L10 3.70547z"
25
- })
26
- ]
27
- })
28
- });
29
- }
30
-
31
- exports.CheckboxCheckedIconHD = CheckboxCheckedIconHD;
32
- //# sourceMappingURL=CheckboxCheckedIconHD.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxCheckedIconHD.js","sources":["../src/checkbox/assets/CheckboxCheckedIconHD.tsx"],"sourcesContent":["// This icon is used for the high density checkbox\nexport function CheckboxCheckedIconHD({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 12 12\"\n >\n <g fillRule=\"evenodd\">\n <rect className={`saltCheckboxIcon-box`} />\n <path\n className={`saltCheckboxIcon-tick`}\n d=\"m10 3.70547L4.83651 9.27702L2 6.6259L2.70868 5.86766L4.78375 7.8071L9.23877 3L10 3.70547z\"\n />\n </g>\n </svg>\n );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;;;AACO,SAAS,qBAAsB,CAAA;AAAA,EACpC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAAC,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,CAAE,EAAA,2FAAA;AAAA,SACJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,37 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- function CheckboxIndeterminateIcon({
8
- className
9
- }) {
10
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
11
- "aria-hidden": "true",
12
- className,
13
- focusable: "false",
14
- shapeRendering: "geometricPrecision",
15
- viewBox: "0 0 14 14",
16
- children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
17
- fillRule: "evenodd",
18
- strokeWidth: "1",
19
- children: [
20
- /* @__PURE__ */ jsxRuntime.jsx("rect", {
21
- className: `saltCheckboxIcon-box`
22
- }),
23
- /* @__PURE__ */ jsxRuntime.jsx("rect", {
24
- className: `saltCheckboxIcon-tick`,
25
- height: "2",
26
- strokeWidth: "0",
27
- width: "8",
28
- x: "3",
29
- y: "6"
30
- })
31
- ]
32
- })
33
- });
34
- }
35
-
36
- exports.CheckboxIndeterminateIcon = CheckboxIndeterminateIcon;
37
- //# sourceMappingURL=CheckboxIndeterminateIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxIndeterminateIcon.js","sources":["../src/checkbox/assets/CheckboxIndeterminateIcon.tsx"],"sourcesContent":["export function CheckboxIndeterminateIcon({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 14 14\"\n >\n <g fillRule=\"evenodd\" strokeWidth=\"1\">\n <rect className={`saltCheckboxIcon-box`} />\n <rect\n className={`saltCheckboxIcon-tick`}\n height=\"2\"\n strokeWidth=\"0\"\n width=\"8\"\n x=\"3\"\n y=\"6\"\n />\n </g>\n </svg>\n );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;;;AAAO,SAAS,yBAA0B,CAAA;AAAA,EACxC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAAC,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MAAU,WAAY,EAAA,GAAA;AAAA,MAChC,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,MAAO,EAAA,GAAA;AAAA,UACP,WAAY,EAAA,GAAA;AAAA,UACZ,KAAM,EAAA,GAAA;AAAA,UACN,CAAE,EAAA,GAAA;AAAA,UACF,CAAE,EAAA,GAAA;AAAA,SACJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,26 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- function CheckboxUncheckedIcon({
8
- className
9
- }) {
10
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
11
- "aria-hidden": "true",
12
- className,
13
- focusable: "false",
14
- shapeRendering: "geometricPrecision",
15
- viewBox: "0 0 14 14",
16
- children: /* @__PURE__ */ jsxRuntime.jsx("g", {
17
- fillRule: "evenodd",
18
- children: /* @__PURE__ */ jsxRuntime.jsx("rect", {
19
- className: `saltCheckboxIcon-box`
20
- })
21
- })
22
- });
23
- }
24
-
25
- exports.CheckboxUncheckedIcon = CheckboxUncheckedIcon;
26
- //# sourceMappingURL=CheckboxUncheckedIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxUncheckedIcon.js","sources":["../src/checkbox/assets/CheckboxUncheckedIcon.tsx"],"sourcesContent":["export function CheckboxUncheckedIcon({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 14 14\"\n >\n <g fillRule=\"evenodd\">\n <rect className={`saltCheckboxIcon-box`} />\n </g>\n </svg>\n );\n}\n"],"names":["jsx"],"mappings":";;;;;;AAAO,SAAS,qBAAsB,CAAA;AAAA,EACpC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAAA,cAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAC,kBAAAA,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,OAAwB,CAAA;AAAA,KAC3C,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var css_248z = ".saltFormFieldControlWrapper {\n align-items: center;\n border: none;\n display: grid;\n grid-auto-columns: minmax(min-content, 1fr);\n grid-auto-flow: column;\n grid-column-gap: var(--salt-size-unit);\n margin: 0;\n padding: 0;\n}\n";
4
-
5
- module.exports = css_248z;
6
- //# sourceMappingURL=FormFieldControlWrapper.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FormFieldControlWrapper.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -1,47 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var React = require('react');
7
- var styles = require('@salt-ds/styles');
8
- var window = require('@salt-ds/window');
9
- var makePrefixer = require('../utils/makePrefixer.js');
10
- require('../utils/useFloatingUI.js');
11
- require('../utils/useId.js');
12
- require('../salt-provider/SaltProvider.js');
13
- require('../viewport/ViewportProvider.js');
14
- require('clsx');
15
- var FormFieldControlWrapper$1 = require('./FormFieldControlWrapper.css.js');
16
-
17
- const withBaseName = makePrefixer.makePrefixer("saltFormFieldControlWrapper");
18
- const ControlWrapperContext = React.createContext({
19
- variant: "primary"
20
- });
21
- const useControlWrapper = () => {
22
- const wrapperContext = React.useContext(ControlWrapperContext);
23
- return wrapperContext;
24
- };
25
- const FormFieldControlWrapper = ({
26
- children,
27
- variant = "primary"
28
- }) => {
29
- const targetWindow = window.useWindow();
30
- styles.useComponentCssInjection({
31
- testId: "salt-form-field-control-wrapper",
32
- css: FormFieldControlWrapper$1,
33
- window: targetWindow
34
- });
35
- return /* @__PURE__ */ jsxRuntime.jsx(ControlWrapperContext.Provider, {
36
- value: { variant },
37
- children: /* @__PURE__ */ jsxRuntime.jsx("fieldset", {
38
- className: withBaseName(),
39
- children
40
- })
41
- });
42
- };
43
-
44
- exports.ControlWrapperContext = ControlWrapperContext;
45
- exports.FormFieldControlWrapper = FormFieldControlWrapper;
46
- exports.useControlWrapper = useControlWrapper;
47
- //# sourceMappingURL=FormFieldControlWrapper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FormFieldControlWrapper.js","sources":["../src/form-field/FormFieldControlWrapper.tsx"],"sourcesContent":["import { createContext, PropsWithChildren, useContext } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { makePrefixer } from \"../utils\";\n\nimport formFieldControlWrapper from \"./FormFieldControlWrapper.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldControlWrapper\");\n\nexport type ControlWrapper = {\n variant: \"primary\" | \"secondary\";\n};\n\nexport const ControlWrapperContext = createContext<ControlWrapper>({\n variant: \"primary\",\n});\n\nexport const useControlWrapper = () => {\n const wrapperContext = useContext(ControlWrapperContext);\n return wrapperContext;\n};\n\nexport const FormFieldControlWrapper = ({\n children,\n variant = \"primary\",\n}: PropsWithChildren & { variant?: \"primary\" | \"secondary\" }) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-field-control-wrapper\",\n css: formFieldControlWrapper,\n window: targetWindow,\n });\n return (\n <ControlWrapperContext.Provider value={{ variant }}>\n <fieldset className={withBaseName()}>{children}</fieldset>\n </ControlWrapperContext.Provider>\n );\n};\n"],"names":["makePrefixer","createContext","useContext","useWindow","useComponentCssInjection","formFieldControlWrapper","jsx"],"mappings":";;;;;;;;;;;;;;;;AAOA,MAAM,YAAA,GAAeA,0BAAa,6BAA6B,CAAA,CAAA;AAMxD,MAAM,wBAAwBC,mBAA8B,CAAA;AAAA,EACjE,OAAS,EAAA,SAAA;AACX,CAAC,EAAA;AAEM,MAAM,oBAAoB,MAAM;AACrC,EAAM,MAAA,cAAA,GAAiBC,iBAAW,qBAAqB,CAAA,CAAA;AACvD,EAAO,OAAA,cAAA,CAAA;AACT,EAAA;AAEO,MAAM,0BAA0B,CAAC;AAAA,EACtC,QAAA;AAAA,EACA,OAAU,GAAA,SAAA;AACZ,CAAiE,KAAA;AAC/D,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iCAAA;AAAA,IACR,GAAK,EAAAC,yBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AACD,EACE,uBAAAC,cAAA,CAAC,sBAAsB,QAAtB,EAAA;AAAA,IAA+B,KAAA,EAAO,EAAE,OAAQ,EAAA;AAAA,IAC/C,QAAC,kBAAAA,cAAA,CAAA,UAAA,EAAA;AAAA,MAAS,WAAW,YAAa,EAAA;AAAA,MAAI,QAAA;AAAA,KAAS,CAAA;AAAA,GACjD,CAAA,CAAA;AAEJ;;;;;;"}
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var css_248z = ".saltAdornmentButton {\n --saltButton-padding: 0;\n --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));\n --saltButton-width: calc(var(--salt-size-base) - var(--salt-spacing-100));\n}\n";
4
-
5
- module.exports = css_248z;
6
- //# sourceMappingURL=AdornmentButton.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdornmentButton.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -1,41 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var React = require('react');
7
- var styles = require('@salt-ds/styles');
8
- var window = require('@salt-ds/window');
9
- var Button = require('../../button/Button.js');
10
- var makePrefixer = require('../../utils/makePrefixer.js');
11
- require('../../utils/useFloatingUI.js');
12
- require('../../utils/useId.js');
13
- require('../../salt-provider/SaltProvider.js');
14
- require('../../viewport/ViewportProvider.js');
15
- require('clsx');
16
- require('../../form-field-context/FormFieldContext.js');
17
- var useFormFieldProps = require('../../form-field-context/useFormFieldProps.js');
18
- var AdornmentButton$1 = require('./AdornmentButton.css.js');
19
-
20
- const withBaseName = makePrefixer.makePrefixer("saltAdornmentButton");
21
- const AdornmentButton = React.forwardRef(function AdornmentButton2({ children, disabled, variant = "secondary", ...rest }, ref) {
22
- const targetWindow = window.useWindow();
23
- styles.useComponentCssInjection({
24
- testId: "salt-adornment-button",
25
- css: AdornmentButton$1,
26
- window: targetWindow
27
- });
28
- const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } = useFormFieldProps.useFormFieldProps();
29
- const isDisabled = disabled || formFieldDisabled || formFieldReadOnly;
30
- return /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
31
- className: withBaseName(),
32
- disabled: isDisabled,
33
- variant,
34
- ...rest,
35
- ref,
36
- children
37
- });
38
- });
39
-
40
- exports.AdornmentButton = AdornmentButton;
41
- //# sourceMappingURL=AdornmentButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdornmentButton.js","sources":["../src/input/adornment-button/AdornmentButton.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { Button, ButtonProps } from \"../../button\";\nimport { makePrefixer } from \"../../utils\";\nimport { useFormFieldProps } from \"../../form-field-context\";\n\nimport AdornmentButtonCss from \"./AdornmentButton.css\";\n\nexport type AdornmentButtonProps = ButtonProps;\n\nconst withBaseName = makePrefixer(\"saltAdornmentButton\");\n\nexport const AdornmentButton = forwardRef(function AdornmentButton(\n { children, disabled, variant = \"secondary\", ...rest }: AdornmentButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-adornment-button\",\n css: AdornmentButtonCss,\n window: targetWindow,\n });\n\n const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } =\n useFormFieldProps();\n\n const isDisabled = disabled || formFieldDisabled || formFieldReadOnly;\n\n return (\n <Button\n className={withBaseName()}\n disabled={isDisabled}\n variant={variant}\n {...rest}\n ref={ref}\n >\n {children}\n </Button>\n );\n});\n"],"names":["makePrefixer","forwardRef","AdornmentButton","useWindow","useComponentCssInjection","AdornmentButtonCss","useFormFieldProps","jsx","Button"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,0BAAa,qBAAqB,CAAA,CAAA;AAE1C,MAAA,eAAA,GAAkBC,gBAAW,CAAA,SAASC,gBACjD,CAAA,EAAE,QAAU,EAAA,QAAA,EAAU,OAAU,GAAA,WAAA,EAAA,GAAgB,IAAK,EAAA,EACrD,GACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,iBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,QAAU,EAAA,iBAAA,EAAmB,QAAU,EAAA,iBAAA,KAC7CC,mCAAkB,EAAA,CAAA;AAEpB,EAAM,MAAA,UAAA,GAAa,YAAY,iBAAqB,IAAA,iBAAA,CAAA;AAEpD,EAAA,uBACGC,cAAA,CAAAC,aAAA,EAAA;AAAA,IACC,WAAW,YAAa,EAAA;AAAA,IACxB,QAAU,EAAA,UAAA;AAAA,IACV,OAAA;AAAA,IACC,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IAEC,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
@@ -1,62 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var StatusIndicator = require('../status-indicator/StatusIndicator.js');
7
- var react = require('@floating-ui/react');
8
- require('react');
9
- var makePrefixer = require('../utils/makePrefixer.js');
10
- require('../utils/useFloatingUI.js');
11
- require('../utils/useId.js');
12
- require('../salt-provider/SaltProvider.js');
13
- require('../viewport/ViewportProvider.js');
14
- require('clsx');
15
- require('../form-field-context/FormFieldContext.js');
16
- var useFormFieldProps = require('../form-field-context/useFormFieldProps.js');
17
- var Tooltip = require('./Tooltip.css.js');
18
- var window = require('@salt-ds/window');
19
- var styles = require('@salt-ds/styles');
20
-
21
- const withBaseName = makePrefixer.makePrefixer("saltTooltip");
22
- const TooltipBase = (props) => {
23
- const targetWindow = window.useWindow();
24
- styles.useComponentCssInjection({
25
- testId: "salt-tooltip",
26
- css: Tooltip,
27
- window: targetWindow
28
- });
29
- const { a11yProps } = useFormFieldProps.useFormFieldProps();
30
- const { arrowProps, content, hideArrow, hideIcon, status } = props;
31
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
32
- children: [
33
- /* @__PURE__ */ jsxRuntime.jsxs("div", {
34
- className: withBaseName("container"),
35
- children: [
36
- !hideIcon && /* @__PURE__ */ jsxRuntime.jsx(StatusIndicator.StatusIndicator, {
37
- status,
38
- size: 1,
39
- className: withBaseName("icon")
40
- }),
41
- /* @__PURE__ */ jsxRuntime.jsx("span", {
42
- id: a11yProps == null ? void 0 : a11yProps["aria-describedby"],
43
- className: withBaseName("content"),
44
- children: content
45
- })
46
- ]
47
- }),
48
- !hideArrow && /* @__PURE__ */ jsxRuntime.jsx(react.FloatingArrow, {
49
- ...arrowProps,
50
- className: withBaseName("arrow"),
51
- strokeWidth: 1,
52
- fill: "var(--salt-container-primary-background)",
53
- stroke: "var(--tooltip-status-borderColor)",
54
- height: 5,
55
- width: 10
56
- })
57
- ]
58
- });
59
- };
60
-
61
- exports.TooltipBase = TooltipBase;
62
- //# sourceMappingURL=TooltipBase.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TooltipBase.js","sources":["../src/tooltip/TooltipBase.tsx"],"sourcesContent":["import { StatusIndicator, ValidationStatus } from \"../status-indicator\";\nimport { FloatingArrow, FloatingArrowProps } from \"@floating-ui/react\";\nimport { TooltipProps } from \"./Tooltip\";\nimport { makePrefixer } from \"../utils\";\nimport { useFormFieldProps } from \"../form-field-context\";\n\nimport tooltipCss from \"./Tooltip.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nconst withBaseName = makePrefixer(\"saltTooltip\");\n\ninterface TooltipBaseProps extends Omit<TooltipProps, \"children\"> {\n arrowProps: FloatingArrowProps;\n /**\n * A string to determine the status of the Tooltip. Defaults to `info`.\n */\n status: ValidationStatus;\n}\n\nexport const TooltipBase = (props: TooltipBaseProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-tooltip\",\n css: tooltipCss,\n window: targetWindow,\n });\n\n const { a11yProps } = useFormFieldProps();\n\n const { arrowProps, content, hideArrow, hideIcon, status } = props;\n return (\n <>\n <div className={withBaseName(\"container\")}>\n {!hideIcon && (\n <StatusIndicator\n status={status}\n size={1}\n className={withBaseName(\"icon\")}\n />\n )}\n <span\n id={a11yProps?.[\"aria-describedby\"]}\n className={withBaseName(\"content\")}\n >\n {content}\n </span>\n </div>\n {!hideArrow && (\n <FloatingArrow\n {...arrowProps}\n className={withBaseName(\"arrow\")}\n strokeWidth={1}\n fill=\"var(--salt-container-primary-background)\"\n stroke=\"var(--tooltip-status-borderColor)\"\n height={5}\n width={10}\n />\n )}\n </>\n );\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","tooltipCss","useFormFieldProps","jsxs","Fragment","jsx","StatusIndicator","FloatingArrow"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAeA,0BAAa,aAAa,CAAA,CAAA;AAUlC,MAAA,WAAA,GAAc,CAAC,KAA4B,KAAA;AACtD,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,cAAA;AAAA,IACR,GAAK,EAAAC,OAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIC,mCAAkB,EAAA,CAAA;AAExC,EAAA,MAAM,EAAE,UAAY,EAAA,OAAA,EAAS,SAAW,EAAA,QAAA,EAAU,QAAW,GAAA,KAAA,CAAA;AAC7D,EACE,uBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,IACE,QAAA,EAAA;AAAA,sBAACD,eAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,QACrC,QAAA,EAAA;AAAA,UAAA,CAAC,4BACCE,cAAA,CAAAC,+BAAA,EAAA;AAAA,YACC,MAAA;AAAA,YACA,IAAM,EAAA,CAAA;AAAA,YACN,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,WAChC,CAAA;AAAA,0BAEDD,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAI,SAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,kBAAA,CAAA;AAAA,YAChB,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,YAEhC,QAAA,EAAA,OAAA;AAAA,WACH,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,MACC,CAAC,6BACCA,cAAA,CAAAE,mBAAA,EAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAC/B,WAAa,EAAA,CAAA;AAAA,QACb,IAAK,EAAA,0CAAA;AAAA,QACL,MAAO,EAAA,mCAAA;AAAA,QACP,MAAQ,EAAA,CAAA;AAAA,QACR,KAAO,EAAA,EAAA;AAAA,OACT,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
@@ -1,29 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
-
3
- function CheckboxCheckedIcon({
4
- className
5
- }) {
6
- return /* @__PURE__ */ jsx("svg", {
7
- "aria-hidden": "true",
8
- className,
9
- focusable: "false",
10
- shapeRendering: "geometricPrecision",
11
- viewBox: "0 0 14 14",
12
- children: /* @__PURE__ */ jsxs("g", {
13
- fillRule: "evenodd",
14
- children: [
15
- /* @__PURE__ */ jsx("rect", {
16
- className: `saltCheckboxIcon-box`
17
- }),
18
- /* @__PURE__ */ jsx("polygon", {
19
- className: `saltCheckboxIcon-tick`,
20
- fillRule: "nonzero",
21
- points: "12 4.22226066 10.6259221 3 5.58277771 8.37894955 3.3179086 6.13993399 2 7.40754746 5.63993779 11"
22
- })
23
- ]
24
- })
25
- });
26
- }
27
-
28
- export { CheckboxCheckedIcon };
29
- //# sourceMappingURL=CheckboxCheckedIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxCheckedIcon.js","sources":["../src/checkbox/assets/CheckboxCheckedIcon.tsx"],"sourcesContent":["export function CheckboxCheckedIcon({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 14 14\"\n >\n <g fillRule=\"evenodd\">\n <rect className={`saltCheckboxIcon-box`} />\n <polygon\n className={`saltCheckboxIcon-tick`}\n fillRule=\"nonzero\"\n points=\"12 4.22226066 10.6259221 3 5.58277771 8.37894955 3.3179086 6.13993399 2 7.40754746 5.63993779 11\"\n />\n </g>\n </svg>\n );\n}\n"],"names":[],"mappings":";;AAAO,SAAS,mBAAoB,CAAA;AAAA,EAClC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxC,GAAA,CAAA,SAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,QAAS,EAAA,SAAA;AAAA,UACT,MAAO,EAAA,kGAAA;AAAA,SACT,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,28 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
-
3
- function CheckboxCheckedIconHD({
4
- className
5
- }) {
6
- return /* @__PURE__ */ jsx("svg", {
7
- "aria-hidden": "true",
8
- className,
9
- focusable: "false",
10
- shapeRendering: "geometricPrecision",
11
- viewBox: "0 0 12 12",
12
- children: /* @__PURE__ */ jsxs("g", {
13
- fillRule: "evenodd",
14
- children: [
15
- /* @__PURE__ */ jsx("rect", {
16
- className: `saltCheckboxIcon-box`
17
- }),
18
- /* @__PURE__ */ jsx("path", {
19
- className: `saltCheckboxIcon-tick`,
20
- d: "m10 3.70547L4.83651 9.27702L2 6.6259L2.70868 5.86766L4.78375 7.8071L9.23877 3L10 3.70547z"
21
- })
22
- ]
23
- })
24
- });
25
- }
26
-
27
- export { CheckboxCheckedIconHD };
28
- //# sourceMappingURL=CheckboxCheckedIconHD.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxCheckedIconHD.js","sources":["../src/checkbox/assets/CheckboxCheckedIconHD.tsx"],"sourcesContent":["// This icon is used for the high density checkbox\nexport function CheckboxCheckedIconHD({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 12 12\"\n >\n <g fillRule=\"evenodd\">\n <rect className={`saltCheckboxIcon-box`} />\n <path\n className={`saltCheckboxIcon-tick`}\n d=\"m10 3.70547L4.83651 9.27702L2 6.6259L2.70868 5.86766L4.78375 7.8071L9.23877 3L10 3.70547z\"\n />\n </g>\n </svg>\n );\n}\n"],"names":[],"mappings":";;AACO,SAAS,qBAAsB,CAAA;AAAA,EACpC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxC,GAAA,CAAA,MAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,CAAE,EAAA,2FAAA;AAAA,SACJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,33 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
-
3
- function CheckboxIndeterminateIcon({
4
- className
5
- }) {
6
- return /* @__PURE__ */ jsx("svg", {
7
- "aria-hidden": "true",
8
- className,
9
- focusable: "false",
10
- shapeRendering: "geometricPrecision",
11
- viewBox: "0 0 14 14",
12
- children: /* @__PURE__ */ jsxs("g", {
13
- fillRule: "evenodd",
14
- strokeWidth: "1",
15
- children: [
16
- /* @__PURE__ */ jsx("rect", {
17
- className: `saltCheckboxIcon-box`
18
- }),
19
- /* @__PURE__ */ jsx("rect", {
20
- className: `saltCheckboxIcon-tick`,
21
- height: "2",
22
- strokeWidth: "0",
23
- width: "8",
24
- x: "3",
25
- y: "6"
26
- })
27
- ]
28
- })
29
- });
30
- }
31
-
32
- export { CheckboxIndeterminateIcon };
33
- //# sourceMappingURL=CheckboxIndeterminateIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxIndeterminateIcon.js","sources":["../src/checkbox/assets/CheckboxIndeterminateIcon.tsx"],"sourcesContent":["export function CheckboxIndeterminateIcon({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 14 14\"\n >\n <g fillRule=\"evenodd\" strokeWidth=\"1\">\n <rect className={`saltCheckboxIcon-box`} />\n <rect\n className={`saltCheckboxIcon-tick`}\n height=\"2\"\n strokeWidth=\"0\"\n width=\"8\"\n x=\"3\"\n y=\"6\"\n />\n </g>\n </svg>\n );\n}\n"],"names":[],"mappings":";;AAAO,SAAS,yBAA0B,CAAA;AAAA,EACxC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MAAU,WAAY,EAAA,GAAA;AAAA,MAChC,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxC,GAAA,CAAA,MAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,MAAO,EAAA,GAAA;AAAA,UACP,WAAY,EAAA,GAAA;AAAA,UACZ,KAAM,EAAA,GAAA;AAAA,UACN,CAAE,EAAA,GAAA;AAAA,UACF,CAAE,EAAA,GAAA;AAAA,SACJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,22 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
-
3
- function CheckboxUncheckedIcon({
4
- className
5
- }) {
6
- return /* @__PURE__ */ jsx("svg", {
7
- "aria-hidden": "true",
8
- className,
9
- focusable: "false",
10
- shapeRendering: "geometricPrecision",
11
- viewBox: "0 0 14 14",
12
- children: /* @__PURE__ */ jsx("g", {
13
- fillRule: "evenodd",
14
- children: /* @__PURE__ */ jsx("rect", {
15
- className: `saltCheckboxIcon-box`
16
- })
17
- })
18
- });
19
- }
20
-
21
- export { CheckboxUncheckedIcon };
22
- //# sourceMappingURL=CheckboxUncheckedIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxUncheckedIcon.js","sources":["../src/checkbox/assets/CheckboxUncheckedIcon.tsx"],"sourcesContent":["export function CheckboxUncheckedIcon({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 14 14\"\n >\n <g fillRule=\"evenodd\">\n <rect className={`saltCheckboxIcon-box`} />\n </g>\n </svg>\n );\n}\n"],"names":[],"mappings":";;AAAO,SAAS,qBAAsB,CAAA;AAAA,EACpC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,OAAwB,CAAA;AAAA,KAC3C,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,4 +0,0 @@
1
- var css_248z = ".saltFormFieldControlWrapper {\n align-items: center;\n border: none;\n display: grid;\n grid-auto-columns: minmax(min-content, 1fr);\n grid-auto-flow: column;\n grid-column-gap: var(--salt-size-unit);\n margin: 0;\n padding: 0;\n}\n";
2
-
3
- export { css_248z as default };
4
- //# sourceMappingURL=FormFieldControlWrapper.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FormFieldControlWrapper.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,41 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { createContext, useContext } from 'react';
3
- import { useComponentCssInjection } from '@salt-ds/styles';
4
- import { useWindow } from '@salt-ds/window';
5
- import { makePrefixer } from '../utils/makePrefixer.js';
6
- import '../utils/useFloatingUI.js';
7
- import '../utils/useId.js';
8
- import '../salt-provider/SaltProvider.js';
9
- import '../viewport/ViewportProvider.js';
10
- import 'clsx';
11
- import css_248z from './FormFieldControlWrapper.css.js';
12
-
13
- const withBaseName = makePrefixer("saltFormFieldControlWrapper");
14
- const ControlWrapperContext = createContext({
15
- variant: "primary"
16
- });
17
- const useControlWrapper = () => {
18
- const wrapperContext = useContext(ControlWrapperContext);
19
- return wrapperContext;
20
- };
21
- const FormFieldControlWrapper = ({
22
- children,
23
- variant = "primary"
24
- }) => {
25
- const targetWindow = useWindow();
26
- useComponentCssInjection({
27
- testId: "salt-form-field-control-wrapper",
28
- css: css_248z,
29
- window: targetWindow
30
- });
31
- return /* @__PURE__ */ jsx(ControlWrapperContext.Provider, {
32
- value: { variant },
33
- children: /* @__PURE__ */ jsx("fieldset", {
34
- className: withBaseName(),
35
- children
36
- })
37
- });
38
- };
39
-
40
- export { ControlWrapperContext, FormFieldControlWrapper, useControlWrapper };
41
- //# sourceMappingURL=FormFieldControlWrapper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FormFieldControlWrapper.js","sources":["../src/form-field/FormFieldControlWrapper.tsx"],"sourcesContent":["import { createContext, PropsWithChildren, useContext } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { makePrefixer } from \"../utils\";\n\nimport formFieldControlWrapper from \"./FormFieldControlWrapper.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldControlWrapper\");\n\nexport type ControlWrapper = {\n variant: \"primary\" | \"secondary\";\n};\n\nexport const ControlWrapperContext = createContext<ControlWrapper>({\n variant: \"primary\",\n});\n\nexport const useControlWrapper = () => {\n const wrapperContext = useContext(ControlWrapperContext);\n return wrapperContext;\n};\n\nexport const FormFieldControlWrapper = ({\n children,\n variant = \"primary\",\n}: PropsWithChildren & { variant?: \"primary\" | \"secondary\" }) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-field-control-wrapper\",\n css: formFieldControlWrapper,\n window: targetWindow,\n });\n return (\n <ControlWrapperContext.Provider value={{ variant }}>\n <fieldset className={withBaseName()}>{children}</fieldset>\n </ControlWrapperContext.Provider>\n );\n};\n"],"names":["formFieldControlWrapper"],"mappings":";;;;;;;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,6BAA6B,CAAA,CAAA;AAMxD,MAAM,wBAAwB,aAA8B,CAAA;AAAA,EACjE,OAAS,EAAA,SAAA;AACX,CAAC,EAAA;AAEM,MAAM,oBAAoB,MAAM;AACrC,EAAM,MAAA,cAAA,GAAiB,WAAW,qBAAqB,CAAA,CAAA;AACvD,EAAO,OAAA,cAAA,CAAA;AACT,EAAA;AAEO,MAAM,0BAA0B,CAAC;AAAA,EACtC,QAAA;AAAA,EACA,OAAU,GAAA,SAAA;AACZ,CAAiE,KAAA;AAC/D,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iCAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AACD,EACE,uBAAA,GAAA,CAAC,sBAAsB,QAAtB,EAAA;AAAA,IAA+B,KAAA,EAAO,EAAE,OAAQ,EAAA;AAAA,IAC/C,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA;AAAA,MAAS,WAAW,YAAa,EAAA;AAAA,MAAI,QAAA;AAAA,KAAS,CAAA;AAAA,GACjD,CAAA,CAAA;AAEJ;;;;"}
@@ -1,4 +0,0 @@
1
- var css_248z = ".saltAdornmentButton {\n --saltButton-padding: 0;\n --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));\n --saltButton-width: calc(var(--salt-size-base) - var(--salt-spacing-100));\n}\n";
2
-
3
- export { css_248z as default };
4
- //# sourceMappingURL=AdornmentButton.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdornmentButton.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,37 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
3
- import { useComponentCssInjection } from '@salt-ds/styles';
4
- import { useWindow } from '@salt-ds/window';
5
- import { Button } from '../../button/Button.js';
6
- import { makePrefixer } from '../../utils/makePrefixer.js';
7
- import '../../utils/useFloatingUI.js';
8
- import '../../utils/useId.js';
9
- import '../../salt-provider/SaltProvider.js';
10
- import '../../viewport/ViewportProvider.js';
11
- import 'clsx';
12
- import '../../form-field-context/FormFieldContext.js';
13
- import { useFormFieldProps } from '../../form-field-context/useFormFieldProps.js';
14
- import css_248z from './AdornmentButton.css.js';
15
-
16
- const withBaseName = makePrefixer("saltAdornmentButton");
17
- const AdornmentButton = forwardRef(function AdornmentButton2({ children, disabled, variant = "secondary", ...rest }, ref) {
18
- const targetWindow = useWindow();
19
- useComponentCssInjection({
20
- testId: "salt-adornment-button",
21
- css: css_248z,
22
- window: targetWindow
23
- });
24
- const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } = useFormFieldProps();
25
- const isDisabled = disabled || formFieldDisabled || formFieldReadOnly;
26
- return /* @__PURE__ */ jsx(Button, {
27
- className: withBaseName(),
28
- disabled: isDisabled,
29
- variant,
30
- ...rest,
31
- ref,
32
- children
33
- });
34
- });
35
-
36
- export { AdornmentButton };
37
- //# sourceMappingURL=AdornmentButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdornmentButton.js","sources":["../src/input/adornment-button/AdornmentButton.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { Button, ButtonProps } from \"../../button\";\nimport { makePrefixer } from \"../../utils\";\nimport { useFormFieldProps } from \"../../form-field-context\";\n\nimport AdornmentButtonCss from \"./AdornmentButton.css\";\n\nexport type AdornmentButtonProps = ButtonProps;\n\nconst withBaseName = makePrefixer(\"saltAdornmentButton\");\n\nexport const AdornmentButton = forwardRef(function AdornmentButton(\n { children, disabled, variant = \"secondary\", ...rest }: AdornmentButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-adornment-button\",\n css: AdornmentButtonCss,\n window: targetWindow,\n });\n\n const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } =\n useFormFieldProps();\n\n const isDisabled = disabled || formFieldDisabled || formFieldReadOnly;\n\n return (\n <Button\n className={withBaseName()}\n disabled={isDisabled}\n variant={variant}\n {...rest}\n ref={ref}\n >\n {children}\n </Button>\n );\n});\n"],"names":["AdornmentButton","AdornmentButtonCss"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAE1C,MAAA,eAAA,GAAkB,UAAW,CAAA,SAASA,gBACjD,CAAA,EAAE,QAAU,EAAA,QAAA,EAAU,OAAU,GAAA,WAAA,EAAA,GAAgB,IAAK,EAAA,EACrD,GACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,QAAU,EAAA,iBAAA,EAAmB,QAAU,EAAA,iBAAA,KAC7C,iBAAkB,EAAA,CAAA;AAEpB,EAAM,MAAA,UAAA,GAAa,YAAY,iBAAqB,IAAA,iBAAA,CAAA;AAEpD,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,IACC,WAAW,YAAa,EAAA;AAAA,IACxB,QAAU,EAAA,UAAA;AAAA,IACV,OAAA;AAAA,IACC,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IAEC,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
@@ -1,58 +0,0 @@
1
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
- import { StatusIndicator } from '../status-indicator/StatusIndicator.js';
3
- import { FloatingArrow } from '@floating-ui/react';
4
- import 'react';
5
- import { makePrefixer } from '../utils/makePrefixer.js';
6
- import '../utils/useFloatingUI.js';
7
- import '../utils/useId.js';
8
- import '../salt-provider/SaltProvider.js';
9
- import '../viewport/ViewportProvider.js';
10
- import 'clsx';
11
- import '../form-field-context/FormFieldContext.js';
12
- import { useFormFieldProps } from '../form-field-context/useFormFieldProps.js';
13
- import css_248z from './Tooltip.css.js';
14
- import { useWindow } from '@salt-ds/window';
15
- import { useComponentCssInjection } from '@salt-ds/styles';
16
-
17
- const withBaseName = makePrefixer("saltTooltip");
18
- const TooltipBase = (props) => {
19
- const targetWindow = useWindow();
20
- useComponentCssInjection({
21
- testId: "salt-tooltip",
22
- css: css_248z,
23
- window: targetWindow
24
- });
25
- const { a11yProps } = useFormFieldProps();
26
- const { arrowProps, content, hideArrow, hideIcon, status } = props;
27
- return /* @__PURE__ */ jsxs(Fragment, {
28
- children: [
29
- /* @__PURE__ */ jsxs("div", {
30
- className: withBaseName("container"),
31
- children: [
32
- !hideIcon && /* @__PURE__ */ jsx(StatusIndicator, {
33
- status,
34
- size: 1,
35
- className: withBaseName("icon")
36
- }),
37
- /* @__PURE__ */ jsx("span", {
38
- id: a11yProps == null ? void 0 : a11yProps["aria-describedby"],
39
- className: withBaseName("content"),
40
- children: content
41
- })
42
- ]
43
- }),
44
- !hideArrow && /* @__PURE__ */ jsx(FloatingArrow, {
45
- ...arrowProps,
46
- className: withBaseName("arrow"),
47
- strokeWidth: 1,
48
- fill: "var(--salt-container-primary-background)",
49
- stroke: "var(--tooltip-status-borderColor)",
50
- height: 5,
51
- width: 10
52
- })
53
- ]
54
- });
55
- };
56
-
57
- export { TooltipBase };
58
- //# sourceMappingURL=TooltipBase.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TooltipBase.js","sources":["../src/tooltip/TooltipBase.tsx"],"sourcesContent":["import { StatusIndicator, ValidationStatus } from \"../status-indicator\";\nimport { FloatingArrow, FloatingArrowProps } from \"@floating-ui/react\";\nimport { TooltipProps } from \"./Tooltip\";\nimport { makePrefixer } from \"../utils\";\nimport { useFormFieldProps } from \"../form-field-context\";\n\nimport tooltipCss from \"./Tooltip.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nconst withBaseName = makePrefixer(\"saltTooltip\");\n\ninterface TooltipBaseProps extends Omit<TooltipProps, \"children\"> {\n arrowProps: FloatingArrowProps;\n /**\n * A string to determine the status of the Tooltip. Defaults to `info`.\n */\n status: ValidationStatus;\n}\n\nexport const TooltipBase = (props: TooltipBaseProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-tooltip\",\n css: tooltipCss,\n window: targetWindow,\n });\n\n const { a11yProps } = useFormFieldProps();\n\n const { arrowProps, content, hideArrow, hideIcon, status } = props;\n return (\n <>\n <div className={withBaseName(\"container\")}>\n {!hideIcon && (\n <StatusIndicator\n status={status}\n size={1}\n className={withBaseName(\"icon\")}\n />\n )}\n <span\n id={a11yProps?.[\"aria-describedby\"]}\n className={withBaseName(\"content\")}\n >\n {content}\n </span>\n </div>\n {!hideArrow && (\n <FloatingArrow\n {...arrowProps}\n className={withBaseName(\"arrow\")}\n strokeWidth={1}\n fill=\"var(--salt-container-primary-background)\"\n stroke=\"var(--tooltip-status-borderColor)\"\n height={5}\n width={10}\n />\n )}\n </>\n );\n};\n"],"names":["tooltipCss"],"mappings":";;;;;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAe,aAAa,aAAa,CAAA,CAAA;AAUlC,MAAA,WAAA,GAAc,CAAC,KAA4B,KAAA;AACtD,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,cAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,iBAAkB,EAAA,CAAA;AAExC,EAAA,MAAM,EAAE,UAAY,EAAA,OAAA,EAAS,SAAW,EAAA,QAAA,EAAU,QAAW,GAAA,KAAA,CAAA;AAC7D,EACE,uBAAA,IAAA,CAAA,QAAA,EAAA;AAAA,IACE,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,QACrC,QAAA,EAAA;AAAA,UAAA,CAAC,4BACC,GAAA,CAAA,eAAA,EAAA;AAAA,YACC,MAAA;AAAA,YACA,IAAM,EAAA,CAAA;AAAA,YACN,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,WAChC,CAAA;AAAA,0BAED,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAI,SAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,kBAAA,CAAA;AAAA,YAChB,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,YAEhC,QAAA,EAAA,OAAA;AAAA,WACH,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,MACC,CAAC,6BACC,GAAA,CAAA,aAAA,EAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAC/B,WAAa,EAAA,CAAA;AAAA,QACb,IAAK,EAAA,0CAAA;AAAA,QACL,MAAO,EAAA,mCAAA;AAAA,QACP,MAAQ,EAAA,CAAA;AAAA,QACR,KAAO,EAAA,EAAA;AAAA,OACT,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}