@salt-ds/core 0.0.0-snapshot-20230623164123 → 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.
- package/dist-cjs/accordion/Accordion.css.js +6 -0
- package/dist-cjs/accordion/Accordion.css.js.map +1 -0
- package/dist-cjs/accordion/Accordion.js +73 -0
- package/dist-cjs/accordion/Accordion.js.map +1 -0
- package/dist-cjs/accordion/AccordionContext.js +29 -0
- package/dist-cjs/accordion/AccordionContext.js.map +1 -0
- package/dist-cjs/accordion/AccordionGroup.css.js +6 -0
- package/dist-cjs/accordion/AccordionGroup.css.js.map +1 -0
- package/dist-cjs/accordion/AccordionGroup.js +36 -0
- package/dist-cjs/accordion/AccordionGroup.js.map +1 -0
- package/dist-cjs/accordion/AccordionHeader.css.js +6 -0
- package/dist-cjs/accordion/AccordionHeader.css.js.map +1 -0
- package/dist-cjs/accordion/AccordionHeader.js +63 -0
- package/dist-cjs/accordion/AccordionHeader.js.map +1 -0
- package/dist-cjs/accordion/AccordionPanel.css.js +6 -0
- package/dist-cjs/accordion/AccordionPanel.css.js.map +1 -0
- package/dist-cjs/accordion/AccordionPanel.js +76 -0
- package/dist-cjs/accordion/AccordionPanel.js.map +1 -0
- package/dist-cjs/button/Button.css.js +1 -1
- package/dist-cjs/card/InteractableCard.css.js +1 -1
- package/dist-cjs/card/InteractableCard.js +5 -3
- package/dist-cjs/card/InteractableCard.js.map +1 -1
- package/dist-cjs/checkbox/Checkbox.css.js +1 -1
- package/dist-cjs/checkbox/Checkbox.js +36 -19
- package/dist-cjs/checkbox/Checkbox.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxGroup.js +10 -6
- package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxIcon.css.js +1 -1
- package/dist-cjs/checkbox/CheckboxIcon.js +45 -27
- package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- package/dist-cjs/drawer/Drawer.css.js +6 -0
- package/dist-cjs/drawer/Drawer.css.js.map +1 -0
- package/dist-cjs/drawer/Drawer.js +82 -0
- package/dist-cjs/drawer/Drawer.js.map +1 -0
- package/dist-cjs/drawer/useDrawer.js +36 -0
- package/dist-cjs/drawer/useDrawer.js.map +1 -0
- package/dist-cjs/form-field/FormField.css.js +1 -1
- package/dist-cjs/form-field/FormField.js +4 -2
- package/dist-cjs/form-field/FormField.js.map +1 -1
- package/dist-cjs/form-field/FormFieldHelperText.css.js +1 -1
- package/dist-cjs/form-field/FormFieldLabel.css.js +1 -1
- package/dist-cjs/form-field/FormFieldLabel.js +15 -6
- package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
- package/dist-cjs/form-field-context/FormFieldContext.js.map +1 -1
- package/dist-cjs/index.js +27 -10
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/input/Input.css.js +1 -1
- package/dist-cjs/input/Input.js +7 -12
- package/dist-cjs/input/Input.js.map +1 -1
- package/dist-cjs/multiline-input/MultilineInput.css.js +6 -0
- package/dist-cjs/multiline-input/MultilineInput.css.js.map +1 -0
- package/dist-cjs/multiline-input/MultilineInput.js +170 -0
- package/dist-cjs/multiline-input/MultilineInput.js.map +1 -0
- package/dist-cjs/radio-button/RadioButton.css.js +1 -1
- package/dist-cjs/radio-button/RadioButton.js +28 -10
- package/dist-cjs/radio-button/RadioButton.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonGroup.js +5 -1
- package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonIcon.css.js +1 -1
- package/dist-cjs/radio-button/RadioButtonIcon.js +36 -22
- package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
- package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
- package/dist-cjs/status-adornment/StatusAdornment.css.js +1 -1
- package/dist-cjs/status-adornment/StatusAdornment.js.map +1 -1
- package/dist-cjs/text/Text.css.js +1 -1
- package/dist-cjs/toast/Toast.css.js +6 -0
- package/dist-cjs/toast/Toast.css.js.map +1 -0
- package/dist-cjs/toast/Toast.js +50 -0
- package/dist-cjs/toast/Toast.js.map +1 -0
- package/dist-cjs/toast/ToastContent.css.js +6 -0
- package/dist-cjs/toast/ToastContent.css.js.map +1 -0
- package/dist-cjs/toast/ToastContent.js +34 -0
- package/dist-cjs/toast/ToastContent.js.map +1 -0
- package/dist-cjs/toggle-button/ToggleButton.css.js +6 -0
- package/dist-cjs/toggle-button/ToggleButton.css.js.map +1 -0
- package/dist-cjs/toggle-button/ToggleButton.js +81 -0
- package/dist-cjs/toggle-button/ToggleButton.js.map +1 -0
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.css.js +6 -0
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.css.js.map +1 -0
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.js +117 -0
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.js.map +1 -0
- package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js +20 -0
- package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js.map +1 -0
- package/dist-cjs/tooltip/Tooltip.js +52 -17
- package/dist-cjs/tooltip/Tooltip.js.map +1 -1
- package/dist-cjs/tooltip/useTooltip.js.map +1 -1
- package/dist-cjs/utils/useFloatingUI.js +1 -48
- package/dist-cjs/utils/useFloatingUI.js.map +1 -1
- package/dist-es/accordion/Accordion.css.js +4 -0
- package/dist-es/accordion/Accordion.css.js.map +1 -0
- package/dist-es/accordion/Accordion.js +69 -0
- package/dist-es/accordion/Accordion.js.map +1 -0
- package/dist-es/accordion/AccordionContext.js +24 -0
- package/dist-es/accordion/AccordionContext.js.map +1 -0
- package/dist-es/accordion/AccordionGroup.css.js +4 -0
- package/dist-es/accordion/AccordionGroup.css.js.map +1 -0
- package/dist-es/accordion/AccordionGroup.js +32 -0
- package/dist-es/accordion/AccordionGroup.js.map +1 -0
- package/dist-es/accordion/AccordionHeader.css.js +4 -0
- package/dist-es/accordion/AccordionHeader.css.js.map +1 -0
- package/dist-es/accordion/AccordionHeader.js +59 -0
- package/dist-es/accordion/AccordionHeader.js.map +1 -0
- package/dist-es/accordion/AccordionPanel.css.js +4 -0
- package/dist-es/accordion/AccordionPanel.css.js.map +1 -0
- package/dist-es/accordion/AccordionPanel.js +72 -0
- package/dist-es/accordion/AccordionPanel.js.map +1 -0
- package/dist-es/button/Button.css.js +1 -1
- package/dist-es/card/InteractableCard.css.js +1 -1
- package/dist-es/card/InteractableCard.js +5 -3
- package/dist-es/card/InteractableCard.js.map +1 -1
- package/dist-es/checkbox/Checkbox.css.js +1 -1
- package/dist-es/checkbox/Checkbox.js +36 -19
- package/dist-es/checkbox/Checkbox.js.map +1 -1
- package/dist-es/checkbox/CheckboxGroup.js +10 -6
- package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-es/checkbox/CheckboxIcon.css.js +1 -1
- package/dist-es/checkbox/CheckboxIcon.js +46 -28
- package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- package/dist-es/drawer/Drawer.css.js +4 -0
- package/dist-es/drawer/Drawer.css.js.map +1 -0
- package/dist-es/drawer/Drawer.js +77 -0
- package/dist-es/drawer/Drawer.js.map +1 -0
- package/dist-es/drawer/useDrawer.js +32 -0
- package/dist-es/drawer/useDrawer.js.map +1 -0
- package/dist-es/form-field/FormField.css.js +1 -1
- package/dist-es/form-field/FormField.js +4 -2
- package/dist-es/form-field/FormField.js.map +1 -1
- package/dist-es/form-field/FormFieldHelperText.css.js +1 -1
- package/dist-es/form-field/FormFieldLabel.css.js +1 -1
- package/dist-es/form-field/FormFieldLabel.js +16 -7
- package/dist-es/form-field/FormFieldLabel.js.map +1 -1
- package/dist-es/form-field-context/FormFieldContext.js.map +1 -1
- package/dist-es/index.js +14 -3
- package/dist-es/index.js.map +1 -1
- package/dist-es/input/Input.css.js +1 -1
- package/dist-es/input/Input.js +7 -12
- package/dist-es/input/Input.js.map +1 -1
- package/dist-es/multiline-input/MultilineInput.css.js +4 -0
- package/dist-es/multiline-input/MultilineInput.css.js.map +1 -0
- package/dist-es/multiline-input/MultilineInput.js +166 -0
- package/dist-es/multiline-input/MultilineInput.js.map +1 -0
- package/dist-es/radio-button/RadioButton.css.js +1 -1
- package/dist-es/radio-button/RadioButton.js +28 -10
- package/dist-es/radio-button/RadioButton.js.map +1 -1
- package/dist-es/radio-button/RadioButtonGroup.js +5 -1
- package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
- package/dist-es/radio-button/RadioButtonIcon.css.js +1 -1
- package/dist-es/radio-button/RadioButtonIcon.js +36 -22
- package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
- package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
- package/dist-es/status-adornment/StatusAdornment.css.js +1 -1
- package/dist-es/status-adornment/StatusAdornment.js.map +1 -1
- package/dist-es/text/Text.css.js +1 -1
- package/dist-es/toast/Toast.css.js +4 -0
- package/dist-es/toast/Toast.css.js.map +1 -0
- package/dist-es/toast/Toast.js +46 -0
- package/dist-es/toast/Toast.js.map +1 -0
- package/dist-es/toast/ToastContent.css.js +4 -0
- package/dist-es/toast/ToastContent.css.js.map +1 -0
- package/dist-es/toast/ToastContent.js +30 -0
- package/dist-es/toast/ToastContent.js.map +1 -0
- package/dist-es/toggle-button/ToggleButton.css.js +4 -0
- package/dist-es/toggle-button/ToggleButton.css.js.map +1 -0
- package/dist-es/toggle-button/ToggleButton.js +77 -0
- package/dist-es/toggle-button/ToggleButton.js.map +1 -0
- package/dist-es/toggle-button-group/ToggleButtonGroup.css.js +4 -0
- package/dist-es/toggle-button-group/ToggleButtonGroup.css.js.map +1 -0
- package/dist-es/toggle-button-group/ToggleButtonGroup.js +113 -0
- package/dist-es/toggle-button-group/ToggleButtonGroup.js.map +1 -0
- package/dist-es/toggle-button-group/ToggleButtonGroupContext.js +15 -0
- package/dist-es/toggle-button-group/ToggleButtonGroupContext.js.map +1 -0
- package/dist-es/tooltip/Tooltip.js +52 -17
- package/dist-es/tooltip/Tooltip.js.map +1 -1
- package/dist-es/tooltip/useTooltip.js.map +1 -1
- package/dist-es/utils/useFloatingUI.js +3 -46
- package/dist-es/utils/useFloatingUI.js.map +1 -1
- package/dist-types/accordion/Accordion.d.ts +29 -0
- package/dist-types/accordion/AccordionContext.d.ts +11 -0
- package/dist-types/accordion/AccordionGroup.d.ts +3 -0
- package/dist-types/accordion/AccordionHeader.d.ts +3 -0
- package/dist-types/accordion/AccordionPanel.d.ts +3 -0
- package/dist-types/accordion/index.d.ts +4 -0
- package/dist-types/card/InteractableCard.d.ts +2 -3
- package/dist-types/checkbox/Checkbox.d.ts +6 -2
- package/dist-types/checkbox/CheckboxGroup.d.ts +6 -1
- package/dist-types/checkbox/CheckboxIcon.d.ts +7 -2
- package/dist-types/checkbox/internal/CheckboxGroupContext.d.ts +3 -1
- package/dist-types/drawer/Drawer.d.ts +22 -0
- package/dist-types/drawer/index.d.ts +2 -0
- package/dist-types/drawer/useDrawer.d.ts +27 -0
- package/dist-types/form-field/FormField.d.ts +5 -1
- package/dist-types/form-field/FormFieldLabel.d.ts +10 -1
- package/dist-types/form-field/index.d.ts +0 -1
- package/dist-types/form-field-context/FormFieldContext.d.ts +3 -0
- package/dist-types/index.d.ts +7 -0
- package/dist-types/input/index.d.ts +0 -1
- package/dist-types/multiline-input/MultilineInput.d.ts +40 -0
- package/dist-types/multiline-input/index.d.ts +1 -0
- package/dist-types/radio-button/RadioButton.d.ts +12 -4
- package/dist-types/radio-button/RadioButtonGroup.d.ts +4 -0
- package/dist-types/radio-button/RadioButtonIcon.d.ts +10 -5
- package/dist-types/radio-button/internal/RadioGroupContext.d.ts +3 -1
- package/dist-types/status-adornment/StatusAdornment.d.ts +1 -2
- package/dist-types/toast/Toast.d.ts +9 -0
- package/dist-types/toast/ToastContent.d.ts +2 -0
- package/dist-types/toast/index.d.ts +2 -0
- package/dist-types/toggle-button/ToggleButton.d.ts +7 -0
- package/dist-types/toggle-button/index.d.ts +1 -0
- package/dist-types/toggle-button-group/ToggleButtonGroup.d.ts +25 -0
- package/dist-types/toggle-button-group/ToggleButtonGroupContext.d.ts +10 -0
- package/dist-types/toggle-button-group/index.d.ts +2 -0
- package/dist-types/utils/useFloatingUI.d.ts +1 -22
- package/package.json +8 -8
- package/dist-cjs/checkbox/assets/CheckboxCheckedIcon.js +0 -33
- package/dist-cjs/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
- package/dist-cjs/checkbox/assets/CheckboxCheckedIconHD.js +0 -32
- package/dist-cjs/checkbox/assets/CheckboxCheckedIconHD.js.map +0 -1
- package/dist-cjs/checkbox/assets/CheckboxIndeterminateIcon.js +0 -37
- package/dist-cjs/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
- package/dist-cjs/checkbox/assets/CheckboxUncheckedIcon.js +0 -26
- package/dist-cjs/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
- package/dist-cjs/form-field/FormFieldControlWrapper.css.js +0 -6
- package/dist-cjs/form-field/FormFieldControlWrapper.css.js.map +0 -1
- package/dist-cjs/form-field/FormFieldControlWrapper.js +0 -47
- package/dist-cjs/form-field/FormFieldControlWrapper.js.map +0 -1
- package/dist-cjs/input/adornment-button/AdornmentButton.css.js +0 -6
- package/dist-cjs/input/adornment-button/AdornmentButton.css.js.map +0 -1
- package/dist-cjs/input/adornment-button/AdornmentButton.js +0 -41
- package/dist-cjs/input/adornment-button/AdornmentButton.js.map +0 -1
- package/dist-cjs/tooltip/TooltipBase.js +0 -62
- package/dist-cjs/tooltip/TooltipBase.js.map +0 -1
- package/dist-es/checkbox/assets/CheckboxCheckedIcon.js +0 -29
- package/dist-es/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
- package/dist-es/checkbox/assets/CheckboxCheckedIconHD.js +0 -28
- package/dist-es/checkbox/assets/CheckboxCheckedIconHD.js.map +0 -1
- package/dist-es/checkbox/assets/CheckboxIndeterminateIcon.js +0 -33
- package/dist-es/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
- package/dist-es/checkbox/assets/CheckboxUncheckedIcon.js +0 -22
- package/dist-es/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
- package/dist-es/form-field/FormFieldControlWrapper.css.js +0 -4
- package/dist-es/form-field/FormFieldControlWrapper.css.js.map +0 -1
- package/dist-es/form-field/FormFieldControlWrapper.js +0 -41
- package/dist-es/form-field/FormFieldControlWrapper.js.map +0 -1
- package/dist-es/input/adornment-button/AdornmentButton.css.js +0 -4
- package/dist-es/input/adornment-button/AdornmentButton.css.js.map +0 -1
- package/dist-es/input/adornment-button/AdornmentButton.js +0 -37
- package/dist-es/input/adornment-button/AdornmentButton.js.map +0 -1
- package/dist-es/tooltip/TooltipBase.js +0 -58
- package/dist-es/tooltip/TooltipBase.js.map +0 -1
- package/dist-types/checkbox/assets/CheckboxCheckedIcon.d.ts +0 -4
- package/dist-types/checkbox/assets/CheckboxCheckedIconHD.d.ts +0 -4
- package/dist-types/checkbox/assets/CheckboxIndeterminateIcon.d.ts +0 -4
- package/dist-types/checkbox/assets/CheckboxUncheckedIcon.d.ts +0 -4
- package/dist-types/checkbox/assets/index.d.ts +0 -4
- package/dist-types/form-field/FormFieldControlWrapper.d.ts +0 -11
- package/dist-types/input/adornment-button/AdornmentButton.d.ts +0 -4
- package/dist-types/tooltip/TooltipBase.d.ts +0 -13
|
@@ -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-50));\n --saltButton-width: calc(var(--salt-size-base) - var(--salt-spacing-50));\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, ...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, ...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,UAAU,QAAU,EAAA,OAAA,EAAA,GAAY,IAAK,EAAA,EACvC,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-50));\n --saltButton-width: calc(var(--salt-size-base) - var(--salt-spacing-50));\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, ...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, ...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,UAAU,QAAU,EAAA,OAAA,EAAA,GAAY,IAAK,EAAA,EACvC,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;;;;"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { PropsWithChildren } from "react";
|
|
2
|
-
export declare type ControlWrapper = {
|
|
3
|
-
variant: "primary" | "secondary";
|
|
4
|
-
};
|
|
5
|
-
export declare const ControlWrapperContext: import("react").Context<ControlWrapper>;
|
|
6
|
-
export declare const useControlWrapper: () => ControlWrapper;
|
|
7
|
-
export declare const FormFieldControlWrapper: ({ children, variant, }: {
|
|
8
|
-
children?: import("react").ReactNode;
|
|
9
|
-
} & {
|
|
10
|
-
variant?: "primary" | "secondary" | undefined;
|
|
11
|
-
}) => JSX.Element;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ButtonProps } from "../../button";
|
|
3
|
-
export declare type AdornmentButtonProps = ButtonProps;
|
|
4
|
-
export declare const AdornmentButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ValidationStatus } from "../status-indicator";
|
|
3
|
-
import { FloatingArrowProps } from "@floating-ui/react";
|
|
4
|
-
import { TooltipProps } from "./Tooltip";
|
|
5
|
-
interface TooltipBaseProps extends Omit<TooltipProps, "children"> {
|
|
6
|
-
arrowProps: FloatingArrowProps;
|
|
7
|
-
/**
|
|
8
|
-
* A string to determine the status of the Tooltip. Defaults to `info`.
|
|
9
|
-
*/
|
|
10
|
-
status: ValidationStatus;
|
|
11
|
-
}
|
|
12
|
-
export declare const TooltipBase: (props: TooltipBaseProps) => JSX.Element;
|
|
13
|
-
export {};
|