@salt-ds/core 1.8.0-rc.1 → 1.8.0-rc.3

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 (131) hide show
  1. package/dist-cjs/button/Button.css.js +1 -1
  2. package/dist-cjs/checkbox/Checkbox.css.js +1 -1
  3. package/dist-cjs/checkbox/Checkbox.js +55 -20
  4. package/dist-cjs/checkbox/Checkbox.js.map +1 -1
  5. package/dist-cjs/checkbox/CheckboxGroup.css.js +1 -1
  6. package/dist-cjs/checkbox/CheckboxGroup.js +25 -3
  7. package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
  8. package/dist-cjs/checkbox/CheckboxIcon.css.js +1 -1
  9. package/dist-cjs/checkbox/CheckboxIcon.js +46 -26
  10. package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
  11. package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  12. package/dist-cjs/form-field/FormField.css.js +1 -1
  13. package/dist-cjs/form-field/FormField.js +4 -2
  14. package/dist-cjs/form-field/FormField.js.map +1 -1
  15. package/dist-cjs/form-field/FormFieldHelperText.css.js +1 -1
  16. package/dist-cjs/form-field/FormFieldLabel.css.js +1 -1
  17. package/dist-cjs/form-field/FormFieldLabel.js +19 -6
  18. package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
  19. package/dist-cjs/form-field-context/FormFieldContext.js.map +1 -1
  20. package/dist-cjs/index.js +2 -4
  21. package/dist-cjs/index.js.map +1 -1
  22. package/dist-cjs/input/Input.css.js +1 -1
  23. package/dist-cjs/input/Input.js +11 -7
  24. package/dist-cjs/input/Input.js.map +1 -1
  25. package/dist-cjs/radio-button/RadioButton.css.js +1 -1
  26. package/dist-cjs/radio-button/RadioButton.js +49 -10
  27. package/dist-cjs/radio-button/RadioButton.js.map +1 -1
  28. package/dist-cjs/radio-button/RadioButtonGroup.css.js +1 -1
  29. package/dist-cjs/radio-button/RadioButtonGroup.js +23 -1
  30. package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
  31. package/dist-cjs/radio-button/RadioButtonIcon.css.js +1 -1
  32. package/dist-cjs/radio-button/RadioButtonIcon.js +29 -24
  33. package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
  34. package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
  35. package/dist-cjs/status-adornment/StatusAdornment.css.js +1 -1
  36. package/dist-cjs/status-adornment/StatusAdornment.js.map +1 -1
  37. package/dist-cjs/utils/useResponsiveProp.js +7 -5
  38. package/dist-cjs/utils/useResponsiveProp.js.map +1 -1
  39. package/dist-es/button/Button.css.js +1 -1
  40. package/dist-es/checkbox/Checkbox.css.js +1 -1
  41. package/dist-es/checkbox/Checkbox.js +55 -20
  42. package/dist-es/checkbox/Checkbox.js.map +1 -1
  43. package/dist-es/checkbox/CheckboxGroup.css.js +1 -1
  44. package/dist-es/checkbox/CheckboxGroup.js +25 -3
  45. package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
  46. package/dist-es/checkbox/CheckboxIcon.css.js +1 -1
  47. package/dist-es/checkbox/CheckboxIcon.js +47 -27
  48. package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
  49. package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  50. package/dist-es/form-field/FormField.css.js +1 -1
  51. package/dist-es/form-field/FormField.js +4 -2
  52. package/dist-es/form-field/FormField.js.map +1 -1
  53. package/dist-es/form-field/FormFieldHelperText.css.js +1 -1
  54. package/dist-es/form-field/FormFieldLabel.css.js +1 -1
  55. package/dist-es/form-field/FormFieldLabel.js +20 -7
  56. package/dist-es/form-field/FormFieldLabel.js.map +1 -1
  57. package/dist-es/form-field-context/FormFieldContext.js.map +1 -1
  58. package/dist-es/index.js +1 -2
  59. package/dist-es/index.js.map +1 -1
  60. package/dist-es/input/Input.css.js +1 -1
  61. package/dist-es/input/Input.js +11 -7
  62. package/dist-es/input/Input.js.map +1 -1
  63. package/dist-es/radio-button/RadioButton.css.js +1 -1
  64. package/dist-es/radio-button/RadioButton.js +49 -10
  65. package/dist-es/radio-button/RadioButton.js.map +1 -1
  66. package/dist-es/radio-button/RadioButtonGroup.css.js +1 -1
  67. package/dist-es/radio-button/RadioButtonGroup.js +23 -1
  68. package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
  69. package/dist-es/radio-button/RadioButtonIcon.css.js +1 -1
  70. package/dist-es/radio-button/RadioButtonIcon.js +30 -25
  71. package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
  72. package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
  73. package/dist-es/status-adornment/StatusAdornment.css.js +1 -1
  74. package/dist-es/status-adornment/StatusAdornment.js.map +1 -1
  75. package/dist-es/utils/useResponsiveProp.js +7 -5
  76. package/dist-es/utils/useResponsiveProp.js.map +1 -1
  77. package/dist-types/checkbox/Checkbox.d.ts +9 -0
  78. package/dist-types/checkbox/CheckboxGroup.d.ts +13 -0
  79. package/dist-types/checkbox/CheckboxIcon.d.ts +7 -1
  80. package/dist-types/checkbox/internal/CheckboxGroupContext.d.ts +6 -0
  81. package/dist-types/form-field/FormField.d.ts +5 -1
  82. package/dist-types/form-field/FormFieldLabel.d.ts +3 -1
  83. package/dist-types/form-field/index.d.ts +0 -1
  84. package/dist-types/form-field-context/FormFieldContext.d.ts +3 -0
  85. package/dist-types/index.d.ts +1 -0
  86. package/dist-types/input/index.d.ts +0 -1
  87. package/dist-types/radio-button/RadioButton.d.ts +15 -2
  88. package/dist-types/radio-button/RadioButtonGroup.d.ts +12 -0
  89. package/dist-types/radio-button/RadioButtonIcon.d.ts +10 -4
  90. package/dist-types/radio-button/internal/RadioGroupContext.d.ts +6 -0
  91. package/dist-types/status-adornment/StatusAdornment.d.ts +1 -2
  92. package/package.json +4 -3
  93. package/dist-cjs/checkbox/assets/CheckboxCheckedIcon.js +0 -33
  94. package/dist-cjs/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
  95. package/dist-cjs/checkbox/assets/CheckboxCheckedIconHD.js +0 -32
  96. package/dist-cjs/checkbox/assets/CheckboxCheckedIconHD.js.map +0 -1
  97. package/dist-cjs/checkbox/assets/CheckboxIndeterminateIcon.js +0 -37
  98. package/dist-cjs/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
  99. package/dist-cjs/checkbox/assets/CheckboxUncheckedIcon.js +0 -26
  100. package/dist-cjs/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
  101. package/dist-cjs/form-field/FormFieldControlWrapper.css.js +0 -6
  102. package/dist-cjs/form-field/FormFieldControlWrapper.css.js.map +0 -1
  103. package/dist-cjs/form-field/FormFieldControlWrapper.js +0 -32
  104. package/dist-cjs/form-field/FormFieldControlWrapper.js.map +0 -1
  105. package/dist-cjs/input/adornment-button/AdornmentButton.css.js +0 -6
  106. package/dist-cjs/input/adornment-button/AdornmentButton.css.js.map +0 -1
  107. package/dist-cjs/input/adornment-button/AdornmentButton.js +0 -41
  108. package/dist-cjs/input/adornment-button/AdornmentButton.js.map +0 -1
  109. package/dist-es/checkbox/assets/CheckboxCheckedIcon.js +0 -29
  110. package/dist-es/checkbox/assets/CheckboxCheckedIcon.js.map +0 -1
  111. package/dist-es/checkbox/assets/CheckboxCheckedIconHD.js +0 -28
  112. package/dist-es/checkbox/assets/CheckboxCheckedIconHD.js.map +0 -1
  113. package/dist-es/checkbox/assets/CheckboxIndeterminateIcon.js +0 -33
  114. package/dist-es/checkbox/assets/CheckboxIndeterminateIcon.js.map +0 -1
  115. package/dist-es/checkbox/assets/CheckboxUncheckedIcon.js +0 -22
  116. package/dist-es/checkbox/assets/CheckboxUncheckedIcon.js.map +0 -1
  117. package/dist-es/form-field/FormFieldControlWrapper.css.js +0 -4
  118. package/dist-es/form-field/FormFieldControlWrapper.css.js.map +0 -1
  119. package/dist-es/form-field/FormFieldControlWrapper.js +0 -28
  120. package/dist-es/form-field/FormFieldControlWrapper.js.map +0 -1
  121. package/dist-es/input/adornment-button/AdornmentButton.css.js +0 -4
  122. package/dist-es/input/adornment-button/AdornmentButton.css.js.map +0 -1
  123. package/dist-es/input/adornment-button/AdornmentButton.js +0 -37
  124. package/dist-es/input/adornment-button/AdornmentButton.js.map +0 -1
  125. package/dist-types/checkbox/assets/CheckboxCheckedIcon.d.ts +0 -4
  126. package/dist-types/checkbox/assets/CheckboxCheckedIconHD.d.ts +0 -4
  127. package/dist-types/checkbox/assets/CheckboxIndeterminateIcon.d.ts +0 -4
  128. package/dist-types/checkbox/assets/CheckboxUncheckedIcon.d.ts +0 -4
  129. package/dist-types/checkbox/assets/index.d.ts +0 -4
  130. package/dist-types/form-field/FormFieldControlWrapper.d.ts +0 -2
  131. package/dist-types/input/adornment-button/AdornmentButton.d.ts +0 -4
@@ -1,10 +1,16 @@
1
- /// <reference types="react" />
2
- export interface RadioButtonIconProps {
1
+ import { AdornmentValidationStatus } from "../status-adornment";
2
+ import { ComponentPropsWithoutRef } from "react";
3
+ export interface RadioButtonIconProps extends ComponentPropsWithoutRef<"div"> {
3
4
  checked?: boolean;
4
- error?: boolean;
5
5
  disabled?: boolean;
6
+ /**
7
+ * @deprecated Use validationStatus instead
8
+ */
9
+ error?: boolean;
10
+ readOnly?: boolean;
11
+ validationStatus?: AdornmentValidationStatus;
6
12
  }
7
13
  /**
8
14
  * Default radio icon
9
15
  */
10
- export declare const RadioButtonIcon: ({ checked, error, disabled, }: RadioButtonIconProps) => JSX.Element;
16
+ export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => JSX.Element;
@@ -1,7 +1,13 @@
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
+ readOnly?: boolean;
11
+ validationStatus?: AdornmentValidationStatus;
6
12
  }
7
13
  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.3",
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",
@@ -24,7 +25,7 @@
24
25
  "clsx": "^1.2.1",
25
26
  "@salt-ds/window": "^0.1.0",
26
27
  "@salt-ds/styles": "^0.1.0",
27
- "@salt-ds/icons": "^1.4.0"
28
+ "@salt-ds/icons": "^1.5.0"
28
29
  },
29
30
  "files": [
30
31
  "dist-cjs",
@@ -1,33 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- function CheckboxCheckedIcon({
8
- className
9
- }) {
10
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
11
- "aria-hidden": "true",
12
- className,
13
- focusable: "false",
14
- shapeRendering: "geometricPrecision",
15
- viewBox: "0 0 14 14",
16
- children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
17
- fillRule: "evenodd",
18
- children: [
19
- /* @__PURE__ */ jsxRuntime.jsx("rect", {
20
- className: `saltCheckboxIcon-box`
21
- }),
22
- /* @__PURE__ */ jsxRuntime.jsx("polygon", {
23
- className: `saltCheckboxIcon-tick`,
24
- fillRule: "nonzero",
25
- points: "12 4.22226066 10.6259221 3 5.58277771 8.37894955 3.3179086 6.13993399 2 7.40754746 5.63993779 11"
26
- })
27
- ]
28
- })
29
- });
30
- }
31
-
32
- exports.CheckboxCheckedIcon = CheckboxCheckedIcon;
33
- //# 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":["jsx","jsxs"],"mappings":";;;;;;AAAO,SAAS,mBAAoB,CAAA;AAAA,EAClC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAAC,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxCA,cAAA,CAAA,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,32 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- function CheckboxCheckedIconHD({
8
- className
9
- }) {
10
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
11
- "aria-hidden": "true",
12
- className,
13
- focusable: "false",
14
- shapeRendering: "geometricPrecision",
15
- viewBox: "0 0 12 12",
16
- children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
17
- fillRule: "evenodd",
18
- children: [
19
- /* @__PURE__ */ jsxRuntime.jsx("rect", {
20
- className: `saltCheckboxIcon-box`
21
- }),
22
- /* @__PURE__ */ jsxRuntime.jsx("path", {
23
- className: `saltCheckboxIcon-tick`,
24
- d: "m10 3.70547L4.83651 9.27702L2 6.6259L2.70868 5.86766L4.78375 7.8071L9.23877 3L10 3.70547z"
25
- })
26
- ]
27
- })
28
- });
29
- }
30
-
31
- exports.CheckboxCheckedIconHD = CheckboxCheckedIconHD;
32
- //# sourceMappingURL=CheckboxCheckedIconHD.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxCheckedIconHD.js","sources":["../src/checkbox/assets/CheckboxCheckedIconHD.tsx"],"sourcesContent":["// This icon is used for the high density checkbox\nexport function CheckboxCheckedIconHD({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 12 12\"\n >\n <g fillRule=\"evenodd\">\n <rect className={`saltCheckboxIcon-box`} />\n <path\n className={`saltCheckboxIcon-tick`}\n d=\"m10 3.70547L4.83651 9.27702L2 6.6259L2.70868 5.86766L4.78375 7.8071L9.23877 3L10 3.70547z\"\n />\n </g>\n </svg>\n );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;;;AACO,SAAS,qBAAsB,CAAA;AAAA,EACpC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAAC,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,CAAE,EAAA,2FAAA;AAAA,SACJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,37 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- function CheckboxIndeterminateIcon({
8
- className
9
- }) {
10
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
11
- "aria-hidden": "true",
12
- className,
13
- focusable: "false",
14
- shapeRendering: "geometricPrecision",
15
- viewBox: "0 0 14 14",
16
- children: /* @__PURE__ */ jsxRuntime.jsxs("g", {
17
- fillRule: "evenodd",
18
- strokeWidth: "1",
19
- children: [
20
- /* @__PURE__ */ jsxRuntime.jsx("rect", {
21
- className: `saltCheckboxIcon-box`
22
- }),
23
- /* @__PURE__ */ jsxRuntime.jsx("rect", {
24
- className: `saltCheckboxIcon-tick`,
25
- height: "2",
26
- strokeWidth: "0",
27
- width: "8",
28
- x: "3",
29
- y: "6"
30
- })
31
- ]
32
- })
33
- });
34
- }
35
-
36
- exports.CheckboxIndeterminateIcon = CheckboxIndeterminateIcon;
37
- //# sourceMappingURL=CheckboxIndeterminateIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxIndeterminateIcon.js","sources":["../src/checkbox/assets/CheckboxIndeterminateIcon.tsx"],"sourcesContent":["export function CheckboxIndeterminateIcon({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 14 14\"\n >\n <g fillRule=\"evenodd\" strokeWidth=\"1\">\n <rect className={`saltCheckboxIcon-box`} />\n <rect\n className={`saltCheckboxIcon-tick`}\n height=\"2\"\n strokeWidth=\"0\"\n width=\"8\"\n x=\"3\"\n y=\"6\"\n />\n </g>\n </svg>\n );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;;;AAAO,SAAS,yBAA0B,CAAA;AAAA,EACxC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAAC,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MAAU,WAAY,EAAA,GAAA;AAAA,MAChC,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,SAAwB,CAAA;AAAA,wBACxCA,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,SAAW,EAAA,CAAA,qBAAA,CAAA;AAAA,UACX,MAAO,EAAA,GAAA;AAAA,UACP,WAAY,EAAA,GAAA;AAAA,UACZ,KAAM,EAAA,GAAA;AAAA,UACN,CAAE,EAAA,GAAA;AAAA,UACF,CAAE,EAAA,GAAA;AAAA,SACJ,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,26 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- function CheckboxUncheckedIcon({
8
- className
9
- }) {
10
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
11
- "aria-hidden": "true",
12
- className,
13
- focusable: "false",
14
- shapeRendering: "geometricPrecision",
15
- viewBox: "0 0 14 14",
16
- children: /* @__PURE__ */ jsxRuntime.jsx("g", {
17
- fillRule: "evenodd",
18
- children: /* @__PURE__ */ jsxRuntime.jsx("rect", {
19
- className: `saltCheckboxIcon-box`
20
- })
21
- })
22
- });
23
- }
24
-
25
- exports.CheckboxUncheckedIcon = CheckboxUncheckedIcon;
26
- //# sourceMappingURL=CheckboxUncheckedIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxUncheckedIcon.js","sources":["../src/checkbox/assets/CheckboxUncheckedIcon.tsx"],"sourcesContent":["export function CheckboxUncheckedIcon({\n className,\n}: {\n className: string;\n}): JSX.Element {\n return (\n <svg\n aria-hidden=\"true\"\n className={className}\n focusable=\"false\"\n shapeRendering=\"geometricPrecision\"\n viewBox=\"0 0 14 14\"\n >\n <g fillRule=\"evenodd\">\n <rect className={`saltCheckboxIcon-box`} />\n </g>\n </svg>\n );\n}\n"],"names":["jsx"],"mappings":";;;;;;AAAO,SAAS,qBAAsB,CAAA;AAAA,EACpC,SAAA;AACF,CAEgB,EAAA;AACd,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,MAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAU,EAAA,OAAA;AAAA,IACV,cAAe,EAAA,oBAAA;AAAA,IACf,OAAQ,EAAA,WAAA;AAAA,IAER,QAAC,kBAAAA,cAAA,CAAA,GAAA,EAAA;AAAA,MAAE,QAAS,EAAA,SAAA;AAAA,MACV,QAAC,kBAAAA,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAW,EAAA,CAAA,oBAAA,CAAA;AAAA,OAAwB,CAAA;AAAA,KAC3C,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var css_248z = ".saltFormFieldControlWrapper {\n align-items: center;\n 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,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 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
- export declare function CheckboxCheckedIcon({ className, }: {
3
- className: string;
4
- }): JSX.Element;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function CheckboxCheckedIconHD({ className, }: {
3
- className: string;
4
- }): JSX.Element;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function CheckboxIndeterminateIcon({ className, }: {
3
- className: string;
4
- }): JSX.Element;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function CheckboxUncheckedIcon({ className, }: {
3
- className: string;
4
- }): JSX.Element;
@@ -1,4 +0,0 @@
1
- export { CheckboxUncheckedIcon } from "./CheckboxUncheckedIcon";
2
- export { CheckboxCheckedIcon } from "./CheckboxCheckedIcon";
3
- export { CheckboxCheckedIconHD } from "./CheckboxCheckedIconHD";
4
- export { CheckboxIndeterminateIcon } from "./CheckboxIndeterminateIcon";
@@ -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>>;