@salt-ds/core 1.8.0-rc.1 → 1.8.0-rc.2
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/checkbox/Checkbox.css.js +1 -1
- package/dist-cjs/checkbox/Checkbox.js +35 -10
- package/dist-cjs/checkbox/Checkbox.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxGroup.css.js +1 -1
- package/dist-cjs/checkbox/CheckboxGroup.js +21 -3
- package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxIcon.css.js +1 -1
- package/dist-cjs/checkbox/CheckboxIcon.js +7 -5
- package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- 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 +11 -3
- 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 +0 -4
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/input/Input.css.js +1 -1
- package/dist-cjs/input/Input.js +10 -6
- package/dist-cjs/input/Input.js.map +1 -1
- package/dist-cjs/radio-button/RadioButton.css.js +1 -1
- package/dist-cjs/radio-button/RadioButton.js +36 -8
- package/dist-cjs/radio-button/RadioButton.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonGroup.css.js +1 -1
- package/dist-cjs/radio-button/RadioButtonGroup.js +19 -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 +5 -3
- 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/utils/useResponsiveProp.js +7 -5
- package/dist-cjs/utils/useResponsiveProp.js.map +1 -1
- package/dist-es/checkbox/Checkbox.css.js +1 -1
- package/dist-es/checkbox/Checkbox.js +35 -10
- package/dist-es/checkbox/Checkbox.js.map +1 -1
- package/dist-es/checkbox/CheckboxGroup.css.js +1 -1
- package/dist-es/checkbox/CheckboxGroup.js +21 -3
- package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-es/checkbox/CheckboxIcon.css.js +1 -1
- package/dist-es/checkbox/CheckboxIcon.js +7 -5
- package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- 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 +12 -4
- 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 +0 -2
- package/dist-es/index.js.map +1 -1
- package/dist-es/input/Input.css.js +1 -1
- package/dist-es/input/Input.js +10 -6
- package/dist-es/input/Input.js.map +1 -1
- package/dist-es/radio-button/RadioButton.css.js +1 -1
- package/dist-es/radio-button/RadioButton.js +36 -8
- package/dist-es/radio-button/RadioButton.js.map +1 -1
- package/dist-es/radio-button/RadioButtonGroup.css.js +1 -1
- package/dist-es/radio-button/RadioButtonGroup.js +19 -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 +5 -3
- 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/utils/useResponsiveProp.js +7 -5
- package/dist-es/utils/useResponsiveProp.js.map +1 -1
- package/dist-types/checkbox/Checkbox.d.ts +9 -0
- package/dist-types/checkbox/CheckboxGroup.d.ts +9 -0
- package/dist-types/checkbox/CheckboxIcon.d.ts +3 -1
- package/dist-types/checkbox/internal/CheckboxGroupContext.d.ts +5 -0
- package/dist-types/form-field/FormField.d.ts +5 -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/input/index.d.ts +0 -1
- package/dist-types/radio-button/RadioButton.d.ts +9 -0
- package/dist-types/radio-button/RadioButtonGroup.d.ts +8 -0
- package/dist-types/radio-button/RadioButtonIcon.d.ts +3 -1
- package/dist-types/radio-button/internal/RadioGroupContext.d.ts +5 -0
- package/dist-types/status-adornment/StatusAdornment.d.ts +1 -2
- package/package.json +3 -2
- 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 -32
- 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-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 -28
- 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-types/form-field/FormFieldControlWrapper.d.ts +0 -2
- package/dist-types/input/adornment-button/AdornmentButton.d.ts +0 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes } from "react";
|
|
2
2
|
import { A11yValueProps } from "../form-field-context";
|
|
3
|
-
export declare type FormFieldLabelPlacement = "top" | "left";
|
|
3
|
+
export declare type FormFieldLabelPlacement = "top" | "left" | "right";
|
|
4
4
|
export interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, A11yValueProps {
|
|
5
5
|
/**
|
|
6
6
|
* Disabled prop
|
|
@@ -21,6 +21,10 @@ export interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, A11yValu
|
|
|
21
21
|
* Used as suffix of FormFieldHelperText id: `helperText-{id}`
|
|
22
22
|
*/
|
|
23
23
|
id?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Displays necessity on label
|
|
26
|
+
*/
|
|
27
|
+
necessity?: "required" | "optional" | "asterisk";
|
|
24
28
|
/**
|
|
25
29
|
* Validation status
|
|
26
30
|
*/
|
|
@@ -9,6 +9,7 @@ export interface A11yValueProps {
|
|
|
9
9
|
*/
|
|
10
10
|
labelId?: string;
|
|
11
11
|
}
|
|
12
|
+
declare type NecessityType = "required" | "optional" | "asterisk";
|
|
12
13
|
export interface a11yValueAriaProps {
|
|
13
14
|
"aria-labelledby": A11yValueProps["labelId"];
|
|
14
15
|
"aria-describedby": A11yValueProps["helperTextId"] | undefined;
|
|
@@ -16,7 +17,9 @@ export interface a11yValueAriaProps {
|
|
|
16
17
|
export interface FormFieldContextValue {
|
|
17
18
|
a11yProps: a11yValueAriaProps;
|
|
18
19
|
disabled: boolean;
|
|
20
|
+
necessity: NecessityType | undefined;
|
|
19
21
|
readOnly: boolean;
|
|
20
22
|
validationStatus: "error" | "warning" | "success" | undefined;
|
|
21
23
|
}
|
|
22
24
|
export declare const FormFieldContext: import("react").Context<FormFieldContextValue>;
|
|
25
|
+
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ChangeEventHandler, FocusEventHandler, HTMLAttributes, InputHTMLAttributes, ReactNode } from "react";
|
|
2
|
+
import { AdornmentValidationStatus } from "../status-adornment";
|
|
2
3
|
export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLLabelElement>, "onChange" | "onBlur" | "onFocus"> {
|
|
3
4
|
/**
|
|
4
5
|
* Set the default selected radio button in the group
|
|
@@ -9,6 +10,7 @@ export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLLabelElement>,
|
|
|
9
10
|
*/
|
|
10
11
|
disabled?: boolean;
|
|
11
12
|
/**
|
|
13
|
+
* **Deprecated**: Use validationStatus instead
|
|
12
14
|
* Set the error state
|
|
13
15
|
*/
|
|
14
16
|
error?: boolean;
|
|
@@ -40,5 +42,12 @@ export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLLabelElement>,
|
|
|
40
42
|
* Value of radio button
|
|
41
43
|
*/
|
|
42
44
|
value?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Validation status, one of "warning" | "error" | "success"
|
|
47
|
+
*
|
|
48
|
+
* RadioButton has styling variants for "error" and "warning".
|
|
49
|
+
* No visual styling will be applied on "success" variant.
|
|
50
|
+
*/
|
|
51
|
+
validationStatus?: AdornmentValidationStatus;
|
|
43
52
|
}
|
|
44
53
|
export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLLabelElement>>;
|
|
@@ -8,6 +8,10 @@ export interface RadioButtonGroupProps extends Omit<ComponentPropsWithoutRef<"fi
|
|
|
8
8
|
* Set the group direction.
|
|
9
9
|
*/
|
|
10
10
|
direction?: "horizontal" | "vertical";
|
|
11
|
+
/**
|
|
12
|
+
* Disable the RadioButton group
|
|
13
|
+
*/
|
|
14
|
+
disabled?: boolean;
|
|
11
15
|
/**
|
|
12
16
|
* Only for horizontal direction. When `true` the text in radio button label will wrap to fit within the container. Otherwise the radio buttons will wrap onto the next line.
|
|
13
17
|
*/
|
|
@@ -24,5 +28,9 @@ export interface RadioButtonGroupProps extends Omit<ComponentPropsWithoutRef<"fi
|
|
|
24
28
|
* The value of the radio group, required for a controlled component.
|
|
25
29
|
*/
|
|
26
30
|
value?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Validation status.
|
|
33
|
+
*/
|
|
34
|
+
validationStatus?: "error" | "warning";
|
|
27
35
|
}
|
|
28
36
|
export declare const RadioButtonGroup: import("react").ForwardRefExoticComponent<RadioButtonGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { AdornmentValidationStatus } from "../status-adornment";
|
|
2
3
|
export interface RadioButtonIconProps {
|
|
3
4
|
checked?: boolean;
|
|
4
5
|
error?: boolean;
|
|
5
6
|
disabled?: boolean;
|
|
7
|
+
validationStatus?: AdornmentValidationStatus;
|
|
6
8
|
}
|
|
7
9
|
/**
|
|
8
10
|
* Default radio icon
|
|
9
11
|
*/
|
|
10
|
-
export declare const RadioButtonIcon: ({ checked, error, disabled, }: RadioButtonIconProps) => JSX.Element;
|
|
12
|
+
export declare const RadioButtonIcon: ({ checked, error, disabled, validationStatus, }: RadioButtonIconProps) => JSX.Element;
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import { ChangeEventHandler } from "react";
|
|
2
|
+
import { a11yValueAriaProps } from "../../form-field-context";
|
|
3
|
+
import { AdornmentValidationStatus } from "../../status-adornment";
|
|
2
4
|
export interface RadioGroupContextValue {
|
|
5
|
+
a11yProps?: a11yValueAriaProps;
|
|
6
|
+
disabled?: boolean;
|
|
3
7
|
name?: string;
|
|
4
8
|
value?: string;
|
|
5
9
|
onChange?: ChangeEventHandler<HTMLElement>;
|
|
10
|
+
validationStatus?: AdornmentValidationStatus;
|
|
6
11
|
}
|
|
7
12
|
export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconProps } from "@salt-ds/icons";
|
|
3
3
|
import { ValidationStatus } from "../status-indicator";
|
|
4
|
-
declare type AdornmentValidationStatus = Exclude<ValidationStatus, "info">;
|
|
4
|
+
export declare type AdornmentValidationStatus = Exclude<ValidationStatus, "info">;
|
|
5
5
|
export interface StatusAdornmentProps extends IconProps {
|
|
6
6
|
/**
|
|
7
7
|
* Status adornment to be displayed.
|
|
@@ -9,4 +9,3 @@ export interface StatusAdornmentProps extends IconProps {
|
|
|
9
9
|
status: AdornmentValidationStatus;
|
|
10
10
|
}
|
|
11
11
|
export declare const StatusAdornment: import("react").ForwardRefExoticComponent<StatusAdornmentProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
12
|
-
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salt-ds/core",
|
|
3
|
-
"version": "1.8.0-rc.
|
|
3
|
+
"version": "1.8.0-rc.2",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"main": "dist-cjs/index.js",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -15,7 +15,8 @@
|
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
"publishConfig": {
|
|
18
|
-
"directory": "../../dist/salt-ds-core"
|
|
18
|
+
"directory": "../../dist/salt-ds-core",
|
|
19
|
+
"provenance": true
|
|
19
20
|
},
|
|
20
21
|
"module": "dist-es/index.js",
|
|
21
22
|
"typings": "dist-types/index.d.ts",
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var css_248z = ".saltFormFieldControlWrapper {\n align-items: center;\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}\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,32 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
require('react');
|
|
7
|
-
var makePrefixer = require('../utils/makePrefixer.js');
|
|
8
|
-
require('../utils/useFloatingUI.js');
|
|
9
|
-
require('../utils/useId.js');
|
|
10
|
-
require('../salt-provider/SaltProvider.js');
|
|
11
|
-
require('../viewport/ViewportProvider.js');
|
|
12
|
-
require('clsx');
|
|
13
|
-
var window = require('@salt-ds/window');
|
|
14
|
-
var styles = require('@salt-ds/styles');
|
|
15
|
-
var FormFieldControlWrapper$1 = require('./FormFieldControlWrapper.css.js');
|
|
16
|
-
|
|
17
|
-
const withBaseName = makePrefixer.makePrefixer("saltFormFieldControlWrapper");
|
|
18
|
-
const FormFieldControlWrapper = ({ children }) => {
|
|
19
|
-
const targetWindow = window.useWindow();
|
|
20
|
-
styles.useComponentCssInjection({
|
|
21
|
-
testId: "salt-form-field-control-wrapper",
|
|
22
|
-
css: FormFieldControlWrapper$1,
|
|
23
|
-
window: targetWindow
|
|
24
|
-
});
|
|
25
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
26
|
-
className: withBaseName(),
|
|
27
|
-
children
|
|
28
|
-
});
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
exports.FormFieldControlWrapper = FormFieldControlWrapper;
|
|
32
|
-
//# sourceMappingURL=FormFieldControlWrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldControlWrapper.js","sources":["../src/form-field/FormFieldControlWrapper.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport formFieldControlWrapper from \"./FormFieldControlWrapper.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldControlWrapper\");\n\nexport const FormFieldControlWrapper = ({ children }: PropsWithChildren) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-field-control-wrapper\",\n css: formFieldControlWrapper,\n window: targetWindow,\n });\n return <div className={withBaseName()}>{children}</div>;\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","formFieldControlWrapper","jsx"],"mappings":";;;;;;;;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,0BAAa,6BAA6B,CAAA,CAAA;AAExD,MAAM,uBAA0B,GAAA,CAAC,EAAE,QAAA,EAAkC,KAAA;AAC1E,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,EAAA,uBAAQC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,IAAI,QAAA;AAAA,GAAS,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -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,4 +0,0 @@
|
|
|
1
|
-
var css_248z = ".saltFormFieldControlWrapper {\n align-items: center;\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}\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,28 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { makePrefixer } from '../utils/makePrefixer.js';
|
|
4
|
-
import '../utils/useFloatingUI.js';
|
|
5
|
-
import '../utils/useId.js';
|
|
6
|
-
import '../salt-provider/SaltProvider.js';
|
|
7
|
-
import '../viewport/ViewportProvider.js';
|
|
8
|
-
import 'clsx';
|
|
9
|
-
import { useWindow } from '@salt-ds/window';
|
|
10
|
-
import { useComponentCssInjection } from '@salt-ds/styles';
|
|
11
|
-
import css_248z from './FormFieldControlWrapper.css.js';
|
|
12
|
-
|
|
13
|
-
const withBaseName = makePrefixer("saltFormFieldControlWrapper");
|
|
14
|
-
const FormFieldControlWrapper = ({ children }) => {
|
|
15
|
-
const targetWindow = useWindow();
|
|
16
|
-
useComponentCssInjection({
|
|
17
|
-
testId: "salt-form-field-control-wrapper",
|
|
18
|
-
css: css_248z,
|
|
19
|
-
window: targetWindow
|
|
20
|
-
});
|
|
21
|
-
return /* @__PURE__ */ jsx("div", {
|
|
22
|
-
className: withBaseName(),
|
|
23
|
-
children
|
|
24
|
-
});
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export { FormFieldControlWrapper };
|
|
28
|
-
//# sourceMappingURL=FormFieldControlWrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldControlWrapper.js","sources":["../src/form-field/FormFieldControlWrapper.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport formFieldControlWrapper from \"./FormFieldControlWrapper.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldControlWrapper\");\n\nexport const FormFieldControlWrapper = ({ children }: PropsWithChildren) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-field-control-wrapper\",\n css: formFieldControlWrapper,\n window: targetWindow,\n });\n return <div className={withBaseName()}>{children}</div>;\n};\n"],"names":["formFieldControlWrapper"],"mappings":";;;;;;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,6BAA6B,CAAA,CAAA;AAExD,MAAM,uBAA0B,GAAA,CAAC,EAAE,QAAA,EAAkC,KAAA;AAC1E,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,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,IAAI,QAAA;AAAA,GAAS,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -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,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>>;
|