@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.
Files changed (106) hide show
  1. package/dist-cjs/checkbox/Checkbox.css.js +1 -1
  2. package/dist-cjs/checkbox/Checkbox.js +35 -10
  3. package/dist-cjs/checkbox/Checkbox.js.map +1 -1
  4. package/dist-cjs/checkbox/CheckboxGroup.css.js +1 -1
  5. package/dist-cjs/checkbox/CheckboxGroup.js +21 -3
  6. package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
  7. package/dist-cjs/checkbox/CheckboxIcon.css.js +1 -1
  8. package/dist-cjs/checkbox/CheckboxIcon.js +7 -5
  9. package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
  10. package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  11. package/dist-cjs/form-field/FormField.css.js +1 -1
  12. package/dist-cjs/form-field/FormField.js +4 -2
  13. package/dist-cjs/form-field/FormField.js.map +1 -1
  14. package/dist-cjs/form-field/FormFieldHelperText.css.js +1 -1
  15. package/dist-cjs/form-field/FormFieldLabel.css.js +1 -1
  16. package/dist-cjs/form-field/FormFieldLabel.js +11 -3
  17. package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
  18. package/dist-cjs/form-field-context/FormFieldContext.js.map +1 -1
  19. package/dist-cjs/index.js +0 -4
  20. package/dist-cjs/index.js.map +1 -1
  21. package/dist-cjs/input/Input.css.js +1 -1
  22. package/dist-cjs/input/Input.js +10 -6
  23. package/dist-cjs/input/Input.js.map +1 -1
  24. package/dist-cjs/radio-button/RadioButton.css.js +1 -1
  25. package/dist-cjs/radio-button/RadioButton.js +36 -8
  26. package/dist-cjs/radio-button/RadioButton.js.map +1 -1
  27. package/dist-cjs/radio-button/RadioButtonGroup.css.js +1 -1
  28. package/dist-cjs/radio-button/RadioButtonGroup.js +19 -1
  29. package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
  30. package/dist-cjs/radio-button/RadioButtonIcon.css.js +1 -1
  31. package/dist-cjs/radio-button/RadioButtonIcon.js +5 -3
  32. package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
  33. package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
  34. package/dist-cjs/status-adornment/StatusAdornment.css.js +1 -1
  35. package/dist-cjs/status-adornment/StatusAdornment.js.map +1 -1
  36. package/dist-cjs/utils/useResponsiveProp.js +7 -5
  37. package/dist-cjs/utils/useResponsiveProp.js.map +1 -1
  38. package/dist-es/checkbox/Checkbox.css.js +1 -1
  39. package/dist-es/checkbox/Checkbox.js +35 -10
  40. package/dist-es/checkbox/Checkbox.js.map +1 -1
  41. package/dist-es/checkbox/CheckboxGroup.css.js +1 -1
  42. package/dist-es/checkbox/CheckboxGroup.js +21 -3
  43. package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
  44. package/dist-es/checkbox/CheckboxIcon.css.js +1 -1
  45. package/dist-es/checkbox/CheckboxIcon.js +7 -5
  46. package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
  47. package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  48. package/dist-es/form-field/FormField.css.js +1 -1
  49. package/dist-es/form-field/FormField.js +4 -2
  50. package/dist-es/form-field/FormField.js.map +1 -1
  51. package/dist-es/form-field/FormFieldHelperText.css.js +1 -1
  52. package/dist-es/form-field/FormFieldLabel.css.js +1 -1
  53. package/dist-es/form-field/FormFieldLabel.js +12 -4
  54. package/dist-es/form-field/FormFieldLabel.js.map +1 -1
  55. package/dist-es/form-field-context/FormFieldContext.js.map +1 -1
  56. package/dist-es/index.js +0 -2
  57. package/dist-es/index.js.map +1 -1
  58. package/dist-es/input/Input.css.js +1 -1
  59. package/dist-es/input/Input.js +10 -6
  60. package/dist-es/input/Input.js.map +1 -1
  61. package/dist-es/radio-button/RadioButton.css.js +1 -1
  62. package/dist-es/radio-button/RadioButton.js +36 -8
  63. package/dist-es/radio-button/RadioButton.js.map +1 -1
  64. package/dist-es/radio-button/RadioButtonGroup.css.js +1 -1
  65. package/dist-es/radio-button/RadioButtonGroup.js +19 -1
  66. package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
  67. package/dist-es/radio-button/RadioButtonIcon.css.js +1 -1
  68. package/dist-es/radio-button/RadioButtonIcon.js +5 -3
  69. package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
  70. package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
  71. package/dist-es/status-adornment/StatusAdornment.css.js +1 -1
  72. package/dist-es/status-adornment/StatusAdornment.js.map +1 -1
  73. package/dist-es/utils/useResponsiveProp.js +7 -5
  74. package/dist-es/utils/useResponsiveProp.js.map +1 -1
  75. package/dist-types/checkbox/Checkbox.d.ts +9 -0
  76. package/dist-types/checkbox/CheckboxGroup.d.ts +9 -0
  77. package/dist-types/checkbox/CheckboxIcon.d.ts +3 -1
  78. package/dist-types/checkbox/internal/CheckboxGroupContext.d.ts +5 -0
  79. package/dist-types/form-field/FormField.d.ts +5 -1
  80. package/dist-types/form-field/index.d.ts +0 -1
  81. package/dist-types/form-field-context/FormFieldContext.d.ts +3 -0
  82. package/dist-types/input/index.d.ts +0 -1
  83. package/dist-types/radio-button/RadioButton.d.ts +9 -0
  84. package/dist-types/radio-button/RadioButtonGroup.d.ts +8 -0
  85. package/dist-types/radio-button/RadioButtonIcon.d.ts +3 -1
  86. package/dist-types/radio-button/internal/RadioGroupContext.d.ts +5 -0
  87. package/dist-types/status-adornment/StatusAdornment.d.ts +1 -2
  88. package/package.json +3 -2
  89. package/dist-cjs/form-field/FormFieldControlWrapper.css.js +0 -6
  90. package/dist-cjs/form-field/FormFieldControlWrapper.css.js.map +0 -1
  91. package/dist-cjs/form-field/FormFieldControlWrapper.js +0 -32
  92. package/dist-cjs/form-field/FormFieldControlWrapper.js.map +0 -1
  93. package/dist-cjs/input/adornment-button/AdornmentButton.css.js +0 -6
  94. package/dist-cjs/input/adornment-button/AdornmentButton.css.js.map +0 -1
  95. package/dist-cjs/input/adornment-button/AdornmentButton.js +0 -41
  96. package/dist-cjs/input/adornment-button/AdornmentButton.js.map +0 -1
  97. package/dist-es/form-field/FormFieldControlWrapper.css.js +0 -4
  98. package/dist-es/form-field/FormFieldControlWrapper.css.js.map +0 -1
  99. package/dist-es/form-field/FormFieldControlWrapper.js +0 -28
  100. package/dist-es/form-field/FormFieldControlWrapper.js.map +0 -1
  101. package/dist-es/input/adornment-button/AdornmentButton.css.js +0 -4
  102. package/dist-es/input/adornment-button/AdornmentButton.css.js.map +0 -1
  103. package/dist-es/input/adornment-button/AdornmentButton.js +0 -37
  104. package/dist-es/input/adornment-button/AdornmentButton.js.map +0 -1
  105. package/dist-types/form-field/FormFieldControlWrapper.d.ts +0 -2
  106. 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
  */
@@ -1,4 +1,3 @@
1
1
  export * from "./FormField";
2
- export * from "./FormFieldControlWrapper";
3
2
  export * from "./FormFieldHelperText";
4
3
  export * from "./FormFieldLabel";
@@ -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,2 +1 @@
1
1
  export * from "./Input";
2
- export * from "./adornment-button/AdornmentButton";
@@ -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.1",
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,2 +0,0 @@
1
- import { PropsWithChildren } from "react";
2
- export declare const FormFieldControlWrapper: ({ children }: PropsWithChildren) => 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>>;